--- /dev/null
+.detail_card {
+ border: 2px;
+ border-color: black;
+ border-radius: 5px;
+ margin: 5px;
+ box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
+}
+
+.detail_btn_group {
+ margin: 3px;
+ padding: 3px;
+ padding-bottom: 5px;
+}
</script>
<h2>Bookings I Own</h2>
{% for booking in bookings %}
- <div style="border:2px;border-style:solid;border-color:grey;margin:5px">
+ <div class="detail_card">
<ul>
<li>id: {{booking.id}}</li>
<li>lab: {{booking.resource.template.lab.lab_user.username}}</li>
<li>end: {{booking.end}}</li>
<li>purpose: {{booking.purpose}}</li>
</ul>
- <div style="display:inline;margin:3px;padding:3px">
- <button onclick="edit_booking({{booking.id}});">Edit</button>
- <button onclick="location.href='/booking/detail/{{booking.id}}/';">Details</button>
+ <div class="detail_btn_group">
+ <button class="btn" onclick="edit_booking({{booking.id}});">Edit</button>
+ <button class="btn" onclick="location.href='/booking/detail/{{booking.id}}/';">Details</button>
</div>
</div>
{% endfor %}
<h2>Bookings I Collaborate On</h2>
{% for booking in collab_bookings %}
- <div style="border:2px;border-style:solid;border-color:grey;margin:5px">
+ <div class="detail_card">
<ul>
<li>id: {{booking.id}}</li>
<li>lab: {{booking.lab}}</li>
<li>end: {{booking.end}}</li>
<li>purpose: {{booking.purpose}}</li>
</ul>
- <div style="display:inline;margin:3px;padding:3px">
- <button disabled=true onclick="edit_booking({{booking.id}});">Edit</button>
- <button onclick="location.href='/booking/detail/{{booking.id}}/';">Details</button>
+ <div class="detail_btn_group">
+ <button class="btn" disabled=true onclick="edit_booking({{booking.id}});">Edit</button>
+ <button class="btn" onclick="location.href='/booking/detail/{{booking.id}}/';">Details</button>
</div>
</div>
{% endfor %}
}
</script>
{% for config in configurations %}
- <div style="border:2px;border-style:solid;border-color:grey;margin:5px">
+ <div class="detail_card">
<ul>
<li>id: {{config.id}}</li>
<li>name: {{config.name}}</li>
<li>description: {{config.description}}</li>
</ul>
- <button onclick="edit_configuration({{config.id}});">Edit</button>
+ <div class="detail_btn_group">
+ <button class="btn" onclick="edit_configuration({{config.id}});">Edit</button>
+ </div>
</div>
{% endfor %}
{% endblock %}
{% load staticfiles %}
{% block content %}
<h1>Account Details</h1>
-<button onclick="location.href = '{% url 'account:my-resources' %}'">My Resources</button>
-<button onclick="location.href = '{% url 'account:my-bookings' %}'">My Bookings</button>
-<button onclick="location.href = '{% url 'account:my-configurations' %}'">My Configurations</button>
-<button onclick="location.href = '{% url 'account:my-images' %}'">My Snapshots</button>
+<button class="btn" onclick="location.href = '{% url 'account:my-resources' %}'">My Resources</button>
+<button class="btn" onclick="location.href = '{% url 'account:my-bookings' %}'">My Bookings</button>
+<button class="btn" onclick="location.href = '{% url 'account:my-configurations' %}'">My Configurations</button>
+<button class="btn" onclick="location.href = '{% url 'account:my-images' %}'">My Snapshots</button>
{% endblock content %}
{% block content %}
<h2>Images I Own</h2>
{% for image in images %}
- <div style="border:2px;border-style:solid;border-color:grey;margin:5px">
+ <div class="detail_card">
<ul>
<li>id: {{image.id}}</li>
<li>lab: {{image.from_lab.name}}</li>
{% endfor %}
<h2>Public Images</h2>
{% for image in public_images %}
- <div style="border:2px;border-style:solid;border-color:grey;margin:5px">
+ <div class="detail_card">
<ul>
<li>id: {{image.id}}</li>
<li>lab: {{image.from_lab.name}}</li>
}
</script>
{% for resource in resources %}
- <div style="border:2px;border-style:solid;border-color:grey;margin:5px">
+ <div class="detail_card">
<ul>
<li>id: {{resource.id}}</li>
<li>name: {{resource.name}}</li>
<li>description: {{resource.description}}</li>
</ul>
- <button onclick="edit_resource({{resource.id}});">Edit</button>
+ <div class="detail_btn_group">
+ <button class="btn" onclick="edit_resource({{resource.id}});">Edit</button>
+ </div>
</div>
{% endfor %}
{% endblock %}
<link href="{% static "bower_components/startbootstrap-sb-admin-2-blackrockdigital/dist/css/sb-admin-2.min.css" %}"
rel="stylesheet">
<link href="{% static "css/theme.css" %}" rel="stylesheet">
+ <link href="{% static "css/detail_view.css" %}" rel="stylesheet">
<script type="text/javascript">
function cwf(type)