diff options
| author |   Jacob Hodgdon <jhodgdon@iol.unh.edu> | 2021-06-09 15:30:46 -0400 |
|---|---|---|
| committer | Raven Hodgdon <jhodgdon@iol.unh.edu> | 2021-09-23 18:25:48 -0400 |
| commit | 16ddeeac3f5fca5d62434b83c962505827a86448 (patch) | |
| tree | f4ed2b807229fa30a2d10a3699d1b7719af06a99 /src/templates/base/notifier/new_booking.html | |
| parent | 17b6c7809771ac8bf3879add033d2169f671591a (diff) | |
added CSS to email templates
Change-Id: I841b7a06e4cf672ce5ba9bfa154eac3b6f4c5ef4
Signed-off-by: Jacob Hodgdon <jhodgdon@iol.unh.edu>
Signed-off-by: Raven Hodgdon <jhodgdon@iol.unh.edu>
Diffstat (limited to 'src/templates/base/notifier/new_booking.html')
| -rw-r--r-- | src/templates/base/notifier/new_booking.html | 145 |
1 files changed, 122 insertions, 23 deletions
diff --git a/src/templates/base/notifier/new_booking.html b/src/templates/base/notifier/new_booking.html index 7580694..6d3c344 100644 --- a/src/templates/base/notifier/new_booking.html +++ b/src/templates/base/notifier/new_booking.html @@ -1,34 +1,133 @@ <html> + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap" rel="stylesheet"> + + <style> + h2{ + font-family: 'Source Sans Pro'; + } + p{ + font-family: Montserrat; + } + li{ + font-family: Montserrat; + } + a{ + color: #f8f9fa; + text-decoration: none; + } + button{ + background-color:#a3c1db; + color: #343a40; + border: 0px; + border-radius: 4mm; + height: 25px; + width: 310px; + text-align: center; + margin: 15px; + text-decoration: none; + font-family: Montserrat; + font-size: 16; + } + button:focus{ + border: 0px; + } + .textFormatting{ + text-align: center; + color:#343a40; + margin: auto; + + } + .content{ + background-color: #f8f9fa; + position: center; + } + table{ + margin-left: auto; + margin-right: auto; + border: 1px solid #343a40; + border-collapse: collapse; + } + tr{ + border-bottom: 1px solid #343a40; + } + td{ + color:#343a40; + padding: 3px; + font-family: Montserrat + } + .row1{ + background-color: #7598b6; + font-weight: bolder; + } + .row2{ + background-color: #d7e2f0; + } + .row3{ + background-color: #d2e5f3; + } + </style> <body> - <div id="message_content_wrapper"> + <div id="message_content_wrapper" class="textFormatting content"> {% if owner %} - <h3>You have created a new booking</h3> + <h2>You Have Created a New Booking.</h2> <p>We have recieved your booking request and will start working on it right away.</p> {% else %} - <h3>You have been added as a collaborator to a booking</h3> + <h2>You Have Been Added as a Collaborator to a Booking.</h2> <p>{{booking.owner.username}} has given you access to their booking.</p> {% endif %} - <p>Booking information:</p> - <ul> - <li>owner: {{booking.owner.username}}</li> - <li>id: {{booking.id}}</li> - <li>lab: {{booking.resource.template.lab.lab_user.username}}</li> - <li>resource: {{booking.resource.template.name}}</li> - <li>start: {{booking.start}}</li> - <li>end: {{booking.end}}</li> - <li>purpose: {{booking.purpose}}</li> - <li>collaborators: - <ul> - {% for user in booking.collaborators.all %} - <li>{{user.username}}</li> - {% empty %} - <li>No collaborators</li> - {% endfor %} - </ul> - </li> - </ul> + <br> - <p>You can find more detailed information <a href=/booking/detail/{{booking.id}}/>Here</a></p> + <table> + <tr class="row1"> + <td style="text-align: center; font-size: larger;" colspan="2">Booking Information:</td> + </tr> + <tr class="row2"> + <td>Owner:</td> + <td>{{booking.owner.username}}</td> + </tr> + <tr class="row3"> + <td>id:</td> + <td>{{booking.id}}</td> + </tr> + <tr class="row2"> + <td>lab:</td> + <td>{{booking.resource.template.lab.lab_user.username}}</td> + </tr> + <tr class="row3"> + <td>resource:</td> + <td>{{booking.resource.template.name}}</td> + </tr> + <tr class="row2"> + <td>start:</td> + <td>{{booking.start}}</td> + </tr> + <tr class="row3"> + <td>end:</td> + <td>{{booking.end}}</td> + </tr> + <tr class="row2"> + <td>purpose:</td> + <td>{{booking.purpose}}</td> + </tr> + <tr class="row3"> + <td>collaborator{% booking.collaborators.all.count|pluralize:"s" %}:</td> + <td></td> + </tr> + {% for user in booking.collaborators.all %} + <tr class="{% cycle 'row2' 'row3' %}"> + <td></td> + <td>{{user.username}}</td> + </tr> + {% empty %} + <tr class="row2"> + <td></td> + <td>No collaborators</td> + </tr> + {% endfor %} + </table> + <button type="button" onclick="window.location.href='/booking/detail/{{booking.id}}'">You can find more detailed information here</button> </div> </body> </html> |