diff options
author | Parker Berberian <pberberian@iol.unh.edu> | 2019-01-18 14:43:11 -0500 |
---|---|---|
committer | Parker Berberian <pberberian@iol.unh.edu> | 2019-01-18 14:47:30 -0500 |
commit | febdee2820e6527fb4f5f5843f951a01c24c8ba9 (patch) | |
tree | a18f6306623c75bbb383301240b36691f9feb181 /src/templates/account/booking_list.html | |
parent | 4f02f83fe61740a439694b8d37bf4962ffaa0e01 (diff) |
Style Account pages
Adds some prettiness to the account pages that list bookings, etc
Change-Id: I90508cfafba00380d67965a038dc54d1fac43f60
Signed-off-by: Parker Berberian <pberberian@iol.unh.edu>
Diffstat (limited to 'src/templates/account/booking_list.html')
-rw-r--r-- | src/templates/account/booking_list.html | 63 |
1 files changed, 26 insertions, 37 deletions
diff --git a/src/templates/account/booking_list.html b/src/templates/account/booking_list.html index c7c5e00..9c6f3db 100644 --- a/src/templates/account/booking_list.html +++ b/src/templates/account/booking_list.html @@ -1,52 +1,41 @@ {% extends "base.html" %} {% block content %} -<script> -function edit_booking(pk){ - var csrf = $('input[name="csrfmiddlewaretoken"]').val(); - $.ajax({ - type: "POST", - url: "/", - data: { "target": pk, "create": 0, "csrfmiddlewaretoken": csrf}, - beforeSend: function(request) { - request.setRequestHeader("X-CSFRToken", csrf); - } - }).done(function(){ - window.location.replace("/wf/"); - }).fail(function(){}) -} -</script> <h2>Bookings I Own</h2> + <div class="card_container"> {% for booking in bookings %} <div class="detail_card"> - <ul> - <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> - </ul> - <div class="detail_btn_group"> - <button style="display:none" class="btn btn-primary" onclick="edit_booking({{booking.id}});">Edit</button> - <button class="btn btn-primary" onclick="location.href='/booking/detail/{{booking.id}}/';">Details</button> + <div> + <h3>Booking {{booking.id}}</h3> + <ul class="list-group"> + <li class="list-group-item">id: {{booking.id}}</li> + <li class="list-group-item">lab: {{booking.resource.template.lab.lab_user.username}}</li> + <li class="list-group-item">resource: {{booking.resource.template.name}}</li> + <li class="list-group-item">start: {{booking.start}}</li> + <li class="list-group-item">end: {{booking.end}}</li> + <li class="list-group-item">purpose: {{booking.purpose}}</li> + </ul> </div> + <a class="btn btn-primary" href="/booking/detail/{{booking.id}}/">Details</a> </div> {% endfor %} + </div> <h2>Bookings I Collaborate On</h2> + <div class="card_container"> {% for booking in collab_bookings %} <div class="detail_card"> - <ul> - <li>id: {{booking.id}}</li> - <li>lab: {{booking.lab}}</li> - <li>resource: {{booking.resource_name}}</li> - <li>start: {{booking.start}}</li> - <li>end: {{booking.end}}</li> - <li>purpose: {{booking.purpose}}</li> - </ul> - <div class="detail_btn_group"> - <button style="display: none" class="btn btn-primary" disabled=true onclick="edit_booking({{booking.id}});">Edit</button> - <button class="btn btn-primary" onclick="location.href='/booking/detail/{{booking.id}}/';">Details</button> + <div> + <h3>Booking {{booking.id}}</h3> + <ul class="list-group"> + <li class="list-group-item">id: {{booking.id}}</li> + <li class="list-group-item">lab: {{booking.lab}}</li> + <li class="list-group-item">resource: {{booking.resource_name}}</li> + <li class="list-group-item">start: {{booking.start}}</li> + <li class="list-group-item">end: {{booking.end}}</li> + <li class="list-group-item">purpose: {{booking.purpose}}</li> + </ul> </div> + <a class="btn btn-primary" href="/booking/detail/{{booking.id}}/">Details</a> </div> {% endfor %} + </div> {% endblock %} |