src/templates/base/notifier/new_booking.html

   1 <html>
   2     <link rel="preconnect" href="https://fonts.googleapis.com">
   3     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   4     <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap" rel="stylesheet">
   5
   6     <style>
   7         h2{
   8             font-family: 'Source Sans Pro';
   9         }
  10         p{
  11             font-family: Montserrat;
  12         }
  13         li{
  14             font-family: Montserrat;
  15         }
  16         a{
  17             color: #f8f9fa;
  18             text-decoration: none;
  19         }
  20         button{
  21             background-color:#a3c1db;
  22             color: #343a40;
  23             border: 0px;
  24             border-radius: 4mm;
  25             height: 25px;
  26             width: 310px;
  27             text-align: center;
  28             margin: 15px;
  29             text-decoration: none;
  30             font-family: Montserrat;
  31             font-size: 16;
  32         }
  33         button:focus{
  34             border: 0px;
  35         }
  36         .textFormatting{
  37             text-align: center;
  38             color:#343a40;
  39             margin: auto;
  40
  41         }
  42         .content{
  43             background-color: #f8f9fa;
  44             position: center;
  45         }
  46         table{
  47             margin-left: auto;
  48             margin-right: auto;
  49             border: 1px solid #343a40;
  50             border-collapse: collapse;
  51         }
  52         tr{
  53             border-bottom: 1px solid #343a40;
  54         }
  55         td{
  56             color:#343a40;
  57             padding: 3px;
  58             font-family: Montserrat
  59         }
  60         .row1{
  61             background-color: #7598b6;
  62             font-weight: bolder;
  63         }
  64         .row2{
  65             background-color: #d7e2f0;
  66         }
  67         .row3{
  68             background-color: #d2e5f3;
  69         }
  70     </style>
  71     <body>
  72         <div id="message_content_wrapper" class="textFormatting content">
  73             {% if owner %}
  74             <h2>You Have Created a New Booking.</h2>
  75             <p>We have recieved your booking request and will start working on it right away.</p>
  76             {% else %}
  77             <h2>You Have Been Added as a Collaborator to a Booking.</h2>
  78             <p>{{booking.owner.username}} has given you access to their booking.</p>
  79             {% endif %}
  80             <br>
  81
  82             <table>
  83                 <tr class="row1">
  84                     <td style="text-align: center; font-size: larger;" colspan="2">Booking Information:</td>
  85                 </tr>
  86                 <tr class="row2">
  87                     <td>Owner:</td>
  88                     <td>{{booking.owner.username}}</td>
  89                 </tr>
  90                 <tr class="row3">
  91                     <td>id:</td>
  92                     <td>{{booking.id}}</td>
  93                 </tr>
  94                 <tr class="row2">
  95                     <td>lab:</td>
  96                     <td>{{booking.resource.template.lab.lab_user.username}}</td>
  97                 </tr>
  98                 <tr class="row3">
  99                     <td>resource:</td>
 100                     <td>{{booking.resource.template.name}}</td>
 101                 </tr>
 102                 <tr class="row2">
 103                     <td>start:</td>
 104                     <td>{{booking.start}}</td>
 105                 </tr>
 106                 <tr class="row3">
 107                     <td>end:</td>
 108                     <td>{{booking.end}}</td>
 109                 </tr>
 110                 <tr class="row2">
 111                     <td>purpose:</td>
 112                     <td>{{booking.purpose}}</td>
 113                 </tr>
 114                 <tr class="row3">
 115                     <td>collaborators:</td>
 116                     <td></td>
 117                 </tr>
 118                 {% for user in booking.collaborators.all %}
 119                 <tr class="{% cycle 'row2' 'row3' %}">
 120                     <td></td>
 121                     <td>{{user.username}}</td>
 122                 </tr>
 123                 {% empty %}
 124                 <tr class="row2">
 125                     <td></td>
 126                     <td>No collaborators</td>
 127                 </tr>
 128                 {% endfor %}
 129             </table>
 130             <button type="button" onclick="window.location.href='/booking/detail/{{booking.id}}'">You can find more detailed information here</button>
 131         </div>
 132     </body>
 133 </html>