src/templates/base/notifier/end_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         }
  63         .row2{
  64             background-color: #d7e2f0;
  65         }
  66         .row3{
  67             background-color: #d2e5f3;
  68         }
  69     </style>
  70
  71     <body>
  72         <div id="message_content_wrapper" class="textFormatting content">
  73             {% if owner %}
  74             <h2>Your Booking Has Expired.</h2>
  75             <p>Your booking has ended and the machines have been cleaned up.</p>
  76             <p>Thank you for working on {{booking.lab.project}}, and feel free to book more machines if you need them.</p>
  77             {% else %}
  78             <h2>A Booking That You Collaborated on Has Expired.</h2>
  79             <p>The booking owned by {{booking.owner.username}} that you worked on has ended.</p>
  80             <p>Thank you for contributing to {{booking.lab.project}}.</p>
  81             {% endif %}
  82             <br>
  83             <table>
  84                 <tr class="row1">
  85                     <td style="text-align: center; font-size: larger;" colspan="2">Booking Information:</td>
  86                 </tr>
  87                 <tr class="row2">
  88                     <td>Owner:</td>
  89                     <td>{{booking.owner.username}}</td>
  90                 </tr>
  91                 <tr class="row3">
  92                     <td>id:</td>
  93                     <td>{{booking.id}}</td>
  94                 </tr>
  95                 <tr class="row2">
  96                     <td>lab:</td>
  97                     <td>{{booking.resource.template.lab.lab_user.username}}</td>
  98                 </tr>
  99                 <tr class="row3">
 100                     <td>resource:</td>
 101                     <td>{{booking.resource.template.name}}</td>
 102                 </tr>
 103                 <tr class="row2">
 104                     <td>start:</td>
 105                     <td>{{booking.start}}</td>
 106                 </tr>
 107                 <tr class="row3">
 108                     <td>end:</td>
 109                     <td>{{booking.end}}</td>
 110                 </tr>
 111                 <tr class="row2">
 112                     <td>purpose:</td>
 113                     <td>{{booking.purpose}}</td>
 114                 </tr>
 115                 <tr class="row3">
 116                     <td>collaborator{% booking.collaborators.all.count|pluralize:"s" %}:</td>
 117                     <td></td>
 118                 </tr>
 119                 {% for user in booking.collaborators.all %}
 120                 <tr class="{% cycle 'row2' 'row3' %}">
 121                     <td></td>
 122                     <td>{{user.username}}</td>
 123                 </tr>
 124                 {% empty %}
 125                 <tr class="row2">
 126                     <td></td>
 127                     <td>No collaborators</td>
 128                 </tr>
 129                 {% endfor %}
 130             </table>
 131             <button type="button" onclick="window.location.href='/booking/detail/{{booking.id}}'">You can find more detailed information here</button>
 132         </div>
 133     </body>
 134 </html>