collection-crud/templates/camera/index.html.twig

179 lines
4.3 KiB
Twig
Raw Normal View History

2017-11-09 11:53:01 -05:00
{% extends 'base.html.twig' %}
2018-07-23 09:52:00 -04:00
{% block title %}Camera 📷 CRUD - Cameras{% endblock %}
2017-11-09 11:53:01 -05:00
{% block body %}
2018-02-14 15:08:03 -05:00
<h2>Cameras</h2>
2017-11-09 11:53:01 -05:00
2018-02-14 15:08:03 -05:00
<div class="small callout primary">
<ul>
2017-11-09 11:53:01 -05:00
<li>
2018-02-14 15:08:03 -05:00
<a href="{{ path('camera_new') }}">Add a Camera</a>
2017-11-09 11:53:01 -05:00
</li>
</ul>
2018-02-14 15:08:03 -05:00
</div>
2017-11-09 11:53:01 -05:00
2018-07-23 09:52:00 -04:00
<ul
class="tabs"
data-deep-link="true"
data-update-history="true"
data-deep-link-smudge="true"
data-deep-link-smudge-delay="500"
data-tabs
id="classifications"
>
<li class="tabs-title is-active">
<a href="#not_received" aria-selected="true">Not Yet Received</a>
</li>
<li class="tabs-title">
<a href="#working">Working</a>
</li>
<li class="tabs-title">
<a href="#not_working">Broken / Display Only</a>
</li>
</ul>
<div class="tabs-content" data-tabs-content="classifications">
<div class="tabs-panel is-active" id="not_received">
<table class="hover scroll sortable stack">
<thead>
2018-07-18 11:35:27 -04:00
<tr>
<th>Actions</th>
<th>Brand</th>
<th>Model</th>
<th>Mount</th>
<th>Film Format</th>
<th>Serial</th>
<th>Purchase Price</th>
<th>Battery Type</th>
<th>Notes</th>
</tr>
2018-07-23 09:52:00 -04:00
</thead>
<tbody>
{% for camera in not_received %}
<tr>
<td>
<ul>
<li>
<a href="{{ path('camera_edit', { 'id': camera.id }) }}">
Edit
<span class="edit-icon">&#9998;</span>
</a>
</li>
<li>
<a href="{{ path('camera_show', { 'id': camera.id }) }}">View 👁</a>
</li>
</ul>
</td>
<td>{{ camera.brand }}</td>
<td>{{ camera.model }}</td>
<td>{{ camera.mount }}</td>
<td>{{ camera.filmFormat }}</td>
<td>{{ camera.serial }}</td>
<td>${{ camera.purchasePrice }}</td>
<td>{{ camera.batteryType }}</td>
<td>{{ camera.notes }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="tabs-panel" id="working">
<table class="hover scroll sortable stack">
<thead>
2018-07-18 11:35:27 -04:00
<tr>
<th>Actions</th>
<th>Brand</th>
<th>Mount</th>
<th>Model</th>
2018-07-23 09:52:00 -04:00
<th>Film Format</th>
2018-07-18 11:35:27 -04:00
<th>Crop Factor</th>
<th>Serial</th>
<th>Formerly Owned?</th>
<th>Purchase Price</th>
<th>Battery Type</th>
<th>Notes</th>
</tr>
2018-07-23 09:52:00 -04:00
</thead>
<tbody>
{% for camera in working %}
<tr>
<td>
<ul>
<li>
<a href="{{ path('camera_edit', { 'id': camera.id }) }}">
Edit
<span class="edit-icon">&#9998;</span>
</a>
</li>
<li>
<a href="{{ path('camera_show', { 'id': camera.id }) }}">View 👁</a>
</li>
</ul>
</td>
<td>{{ camera.brand }}</td>
<td>{{ camera.mount }}</td>
<td>{{ camera.model }}</td>
<td>{{ camera.filmFormat }}</td>
<td>{{ camera.cropFactor }}</td>
<td>{{ camera.serial }}</td>
<td class="text-center">{% if camera.formerlyOwned %}{% else %}&#10007;{% endif %}</td>
<td>${{ camera.purchasePrice }}</td>
<td>{{ camera.batteryType }}</td>
<td>{{ camera.notes }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="tabs-panel" id="not_working">
<table class="hover scroll sortable stack">
<thead>
2018-07-18 11:35:27 -04:00
<tr>
2018-07-23 09:52:00 -04:00
<th>Actions</th>
<th>Brand</th>
<th>Mount</th>
<th>Model</th>
<th>Film Format</th>
<th>Crop Factor</th>
<th>Serial</th>
<th>Formerly Owned?</th>
<th>Purchase Price</th>
<th>Battery Type</th>
<th>Notes</th>
2018-07-18 11:35:27 -04:00
</tr>
2018-07-23 09:52:00 -04:00
</thead>
<tbody>
{% for camera in not_working %}
<tr>
<td>
<ul>
<li>
<a href="{{ path('camera_edit', { 'id': camera.id }) }}">
Edit
<span class="edit-icon">&#9998;</span>
</a>
</li>
<li>
<a href="{{ path('camera_show', { 'id': camera.id }) }}">View 👁</a>
</li>
</ul>
</td>
<td>{{ camera.brand }}</td>
<td>{{ camera.mount }}</td>
<td>{{ camera.model }}</td>
<td>{{ camera.filmFormat }}</td>
<td>{{ camera.cropFactor }}</td>
<td>{{ camera.serial }}</td>
<td class="text-center">{% if camera.formerlyOwned %}{% else %}&#10007;{% endif %}</td>
<td>${{ camera.purchasePrice }}</td>
<td>{{ camera.batteryType }}</td>
<td>{{ camera.notes }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
2018-07-18 11:35:27 -04:00
</div>
2017-11-09 11:53:01 -05:00
{% endblock %}