A bunch of html tweaks

This commit is contained in:
Timothy Warren 2017-11-22 13:49:31 -05:00
parent dcfbafe983
commit 594d62db21
22 changed files with 83 additions and 84 deletions

View File

@ -13,41 +13,7 @@
</head> </head>
<body> <body>
<main class="page-pad"> <main class="page-pad">
<h1>Camera Collection Admin</h1> {% include 'header.html.twig' %}
<div class="top-bar">
<div class="top-bar-left">
<ul class="menu">
<li class="menu-text">Camera Collection</li>
<li class="{{ route starts with 'camera_' ? 'is-active' }}">
<a href="{{ path('camera_index') }}">Cameras</a>
</li>
<li class="{{ route starts with 'flash_' ? 'is-active' }}">
<a href="{{ path('flash_index') }}">Flashes</a>
</li>
<li class="{{ route starts with 'lens_' ? 'is-active' }}">
<a href="{{ path('lens_index') }}">Lenses</a>
</li>
<li class="menu-text">Meta</li>
<li class="{{ route starts with 'camera-type_' ? 'is-active' }}">
<a href="{{ path('camera-type_index') }}">Camera Types</a>
</li>
</ul>
</div>
<div class="top-bar-right">
<ul class="menu centered">
<li class="menu-text">Previously Owned</li>
<li class="{{ route starts with 'previously-owned-camera' ? 'is-active' }}">
<a href="{{ path('previously-owned-camera_index') }}">Cameras</a>
</li>
<li class="{{ route starts with 'previously-owned-flash' ? 'is-active' }}">
<a href="{{ path('previously-owned-flash_index') }}">Flashes</a>
</li>
<li class="{{ route starts with 'previously-owned-lens' ? 'is-active' }}">
<a href="{{ path('previously-owned-lens_index') }}">Lenses</a>
</li>
</ul>
</div>
</div>
{% block body %}{% endblock %} {% block body %}{% endblock %}
</main> </main>
<script src="/js/vendor/jquery.js"></script> <script src="/js/vendor/jquery.js"></script>

View File

@ -3,7 +3,7 @@
{% block form %} {% block form %}
<h1>Edit Camera</h1> <h1>Edit Camera</h1>
<div class="callout"> <div class="small callout">
<ul> <ul>
<li> <li>
<a href="{{ path('camera_index') }}">Back to the list</a> <a href="{{ path('camera_index') }}">Back to the list</a>
@ -11,10 +11,10 @@
</ul> </ul>
</div> </div>
<div class="primary callout"> <div class="large primary callout">
{{ form_start(edit_form) }} {{ form_start(edit_form) }}
{{ form_widget(edit_form) }} {{ form_widget(edit_form) }}
<button type="submit" class="button">Update</button> <button type="submit" class="success button">Update</button>
{{ form_end(edit_form) }} {{ form_end(edit_form) }}
<hr /> <hr />

View File

@ -6,7 +6,7 @@
<div class="small callout primary"> <div class="small callout primary">
<ul> <ul>
<li> <li>
<a href="{{ path('camera_new') }}">Add a new camera</a> <a href="{{ path('camera_new') }}">Add a Camera</a>
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -14,7 +14,7 @@
<div class="large primary callout"> <div class="large primary callout">
{{ form_start(form) }} {{ form_start(form) }}
{{ form_widget(form) }} {{ form_widget(form) }}
<button type="submit" class="button">Add</button> <button type="submit" class="success button">Add</button>
{{ form_end(form) }} {{ form_end(form) }}
</div> </div>

View File

@ -1,9 +1,9 @@
{% extends 'form.html.twig' %} {% extends 'form.html.twig' %}
{% block form %} {% block form %}
<h1>Edit Camera Type</h1> <h2>Edit Camera Type</h2>
<div class="callout"> <div class="small callout">
<ul> <ul>
<li> <li>
<a href="{{ path('camera-type_index') }}">Back to the list</a> <a href="{{ path('camera-type_index') }}">Back to the list</a>
@ -11,10 +11,10 @@
</ul> </ul>
</div> </div>
<div class="callout primary"> <div class="large callout primary">
{{ form_start(edit_form) }} {{ form_start(edit_form) }}
{{ form_widget(edit_form) }} {{ form_widget(edit_form) }}
<button type="submit" class="button">Save</button> <button type="submit" class="success button">Save</button>
{{ form_end(edit_form) }} {{ form_end(edit_form) }}
<hr /> <hr />

View File

@ -1,7 +1,7 @@
{% extends 'base.html.twig' %} {% extends 'base.html.twig' %}
{% block body %} {% block body %}
<h1>Camera Types</h1> <h2>Camera Types</h2>
<div class="small primary callout"> <div class="small primary callout">
<ul> <ul>

View File

@ -1,7 +1,7 @@
{% extends 'form.html.twig' %} {% extends 'form.html.twig' %}
{% block form %} {% block form %}
<h1>Add a Camera Type</h1> <h2>Add a Camera Type</h2>
<div class="small callout"> <div class="small callout">
<ul> <ul>
@ -14,7 +14,7 @@
<div class="large primary callout"> <div class="large primary callout">
{{ form_start(form) }} {{ form_start(form) }}
{{ form_widget(form) }} {{ form_widget(form) }}
<button type="submit" class="button">Add</button> <button type="submit" class="success button">Add</button>
{{ form_end(form) }} {{ form_end(form) }}
</div> </div>
{% endblock %} {% endblock %}

View File

@ -3,7 +3,7 @@
{% block form %} {% block form %}
<h2>Camera Type</h2> <h2>Camera Type</h2>
<div class="callout"> <div class="small callout">
<ul> <ul>
<li> <li>
<a href="{{ path('camera-type_index') }}">Back to the list</a> <a href="{{ path('camera-type_index') }}">Back to the list</a>

View File

@ -1,9 +1,9 @@
{% extends 'form.html.twig' %} {% extends 'form.html.twig' %}
{% block form %} {% block form %}
<h1>Flash edit</h1> <h2>Flash edit</h2>
<div class="callout"> <div class="small callout">
<ul> <ul>
<li> <li>
<a href="{{ path('flash_index') }}">Back to the list</a> <a href="{{ path('flash_index') }}">Back to the list</a>
@ -11,10 +11,10 @@
</ul> </ul>
</div> </div>
<div class="primary callout"> <div class="large primary callout">
{{ form_start(edit_form) }} {{ form_start(edit_form) }}
{{ form_widget(edit_form) }} {{ form_widget(edit_form) }}
<button type="submit" class="button">Update</button> <button type="submit" class="success button">Update</button>
{{ form_end(edit_form) }} {{ form_end(edit_form) }}
<hr /> <hr />

View File

@ -1,7 +1,7 @@
{% extends 'base.html.twig' %} {% extends 'base.html.twig' %}
{% block body %} {% block body %}
<h1>Flashes list</h1> <h2>Flashes list</h2>
<div class="small primary callout"> <div class="small primary callout">
<ul> <ul>
@ -25,6 +25,7 @@
<th>P-TTL type</th> <th>P-TTL type</th>
<th>Guide Number</th> <th>Guide Number</th>
<th>Purchase Price</th> <th>Purchase Price</th>
<th>Received</th>
<th>Batteries</th> <th>Batteries</th>
<th>Notes</th> <th>Notes</th>
<th>Serial</th> <th>Serial</th>
@ -49,7 +50,8 @@
<td>{% if flash.isPTtl %}Yes{% else %}No{% endif %}</td> <td>{% if flash.isPTtl %}Yes{% else %}No{% endif %}</td>
<td>{{ flash.pTtlType }}</td> <td>{{ flash.pTtlType }}</td>
<td>{{ flash.guideNumber }}</td> <td>{{ flash.guideNumber }}</td>
<td>{{ flash.purchasePrice }}</td> <td>${{ flash.purchasePrice }}</td>
<td>{% if flash.received %}Yes{% else %}No{% endif %}</td>
<td>{{ flash.batteries }}</td> <td>{{ flash.batteries }}</td>
<td>{{ flash.notes }}</td> <td>{{ flash.notes }}</td>
<td>{{ flash.serial }}</td> <td>{{ flash.serial }}</td>

View File

@ -1,7 +1,7 @@
{% extends 'form.html.twig' %} {% extends 'form.html.twig' %}
{% block form %} {% block form %}
<h1>Flash creation</h1> <h2>Add a Flash</h2>
<div class="small callout"> <div class="small callout">
<ul> <ul>
@ -14,7 +14,7 @@
<div class="large primary callout"> <div class="large primary callout">
{{ form_start(form) }} {{ form_start(form) }}
{{ form_widget(form) }} {{ form_widget(form) }}
<button type="submit" class="button">Add</button> <button type="submit" class="success button">Add</button>
{{ form_end(form) }} {{ form_end(form) }}
</div> </div>

View File

@ -1,7 +1,7 @@
{% extends 'form.html.twig' %} {% extends 'form.html.twig' %}
{% block form %} {% block form %}
<h2>Flash</h1> <h2>Flash</h2>
<div class="callout"> <div class="callout">
<ul> <ul>

View File

@ -0,0 +1,31 @@
<h1>Camera Collection Admin</h1>
<div class="top-bar">
<div class="top-bar-left">
<ul class="menu">
<li class="menu-text">Camera Collection</li>
<li class="{{ route starts with 'camera_' ? 'is-active' }}">
<a href="{{ path('camera_index') }}">Cameras</a>
</li>
<li class="{{ route starts with 'flash_' ? 'is-active' }}">
<a href="{{ path('flash_index') }}">Flashes</a>
</li>
<li class="{{ route starts with 'lens_' ? 'is-active' }}">
<a href="{{ path('lens_index') }}">Lenses</a>
</li>
<li class="menu-text">Previously Owned</li>
<li class="{{ route starts with 'previously-owned-camera' ? 'is-active' }}">
<a href="{{ path('previously-owned-camera_index') }}">Cameras</a>
</li>
<li class="{{ route starts with 'previously-owned-flash' ? 'is-active' }}">
<a href="{{ path('previously-owned-flash_index') }}">Flashes</a>
</li>
<li class="{{ route starts with 'previously-owned-lens' ? 'is-active' }}">
<a href="{{ path('previously-owned-lens_index') }}">Lenses</a>
</li>
<li class="menu-text">Meta</li>
<li class="{{ route starts with 'camera-type_' ? 'is-active' }}">
<a href="{{ path('camera-type_index') }}">Camera Types</a>
</li>
</ul>
</div>
</div>

View File

@ -1,9 +1,9 @@
{% extends 'form.html.twig' %} {% extends 'form.html.twig' %}
{% block form %} {% block form %}
<h1>Edit Lens</h1> <h2>Edit Lens</h2>
<div class="callout"> <div class="small callout">
<ul> <ul>
<li> <li>
<a href="{{ path('lens_index') }}">Back to the list</a> <a href="{{ path('lens_index') }}">Back to the list</a>
@ -11,10 +11,10 @@
</ul> </ul>
</div> </div>
<div class="primary callout"> <div class="large primary callout">
{{ form_start(edit_form) }} {{ form_start(edit_form) }}
{{ form_widget(edit_form) }} {{ form_widget(edit_form) }}
<button type="submit" class="button">Update</button> <button type="submit" class="success button">Update</button>
{{ form_end(edit_form) }} {{ form_end(edit_form) }}
<hr /> <hr />

View File

@ -1,7 +1,7 @@
{% extends 'base.html.twig' %} {% extends 'base.html.twig' %}
{% block body %} {% block body %}
<h1>Lenses</h1> <h2>Lenses</h2>
<div class="small primary callout"> <div class="small primary callout">
<ul> <ul>
@ -49,7 +49,7 @@
<td>{{ lense.minFStop }} &mdash; {{ lense.maxFStop }}</td> <td>{{ lense.minFStop }} &mdash; {{ lense.maxFStop }}</td>
<td>{{ lense.minFocalLength }} &mdash; {{ lense.maxFocalLength }}</td> <td>{{ lense.minFocalLength }} &mdash; {{ lense.maxFocalLength }}</td>
<td>{{ lense.serial }}</td> <td>{{ lense.serial }}</td>
<td>{{ lense.purchasePrice }}</td> <td>${{ lense.purchasePrice }}</td>
<td>{{ lense.notes }}</td> <td>{{ lense.notes }}</td>
<td>{{ lense.mount }}</td> <td>{{ lense.mount }}</td>
<td>{% if lense.received %}Yes{% else %}No{% endif %}</td> <td>{% if lense.received %}Yes{% else %}No{% endif %}</td>

View File

@ -1,7 +1,7 @@
{% extends 'form.html.twig' %} {% extends 'form.html.twig' %}
{% block form %} {% block form %}
<h1>Add a Lens</h1> <h2>Add a Lens</h2>
<div class="small callout"> <div class="small callout">
<ul> <ul>
@ -14,7 +14,7 @@
<div class="large primary callout"> <div class="large primary callout">
{{ form_start(form) }} {{ form_start(form) }}
{{ form_widget(form) }} {{ form_widget(form) }}
<button type="submit" class="button">Add</button> <button type="submit" class="success button">Add</button>
{{ form_end(form) }} {{ form_end(form) }}
</div> </div>
{% endblock %} {% endblock %}

View File

@ -1,7 +1,7 @@
{% extends 'form.html.twig' %} {% extends 'form.html.twig' %}
{% block form %} {% block form %}
<h1>Edit Camera</h1> <h2>Edit Camera</h2>
<div class="small callout"> <div class="small callout">
<ul> <ul>
@ -14,7 +14,7 @@
<div class="large primary callout"> <div class="large primary callout">
{{ form_start(edit_form) }} {{ form_start(edit_form) }}
{{ form_widget(edit_form) }} {{ form_widget(edit_form) }}
<button type="submit" class="button">Update</button> <button type="submit" class="success button">Update</button>
{{ form_end(edit_form) }} {{ form_end(edit_form) }}
</div> </div>
{% endblock %} {% endblock %}

View File

@ -1,7 +1,7 @@
{% extends 'base.html.twig' %} {% extends 'base.html.twig' %}
{% block body %} {% block body %}
<h1>Previously Owned Cameras</h1> <h2>Previously Owned Cameras</h2>
<table class="hover scroll stack"> <table class="hover scroll stack">
<thead> <thead>
@ -41,7 +41,7 @@
<td>{% if previouslyOwnedCamera.isWorking %}Yes{% else %}No{% endif %}</td> <td>{% if previouslyOwnedCamera.isWorking %}Yes{% else %}No{% endif %}</td>
<td>{{ previouslyOwnedCamera.notes }}</td> <td>{{ previouslyOwnedCamera.notes }}</td>
<td>{{ previouslyOwnedCamera.serial }}</td> <td>{{ previouslyOwnedCamera.serial }}</td>
<td>{{ previouslyOwnedCamera.purchasePrice }}</td> <td>${{ previouslyOwnedCamera.purchasePrice }}</td>
<td>{{ previouslyOwnedCamera.batteryType }}</td> <td>{{ previouslyOwnedCamera.batteryType }}</td>
<td>{{ previouslyOwnedCamera.filmFormat }}</td> <td>{{ previouslyOwnedCamera.filmFormat }}</td>
<td>{% if previouslyOwnedCamera.received %}Yes{% else %}No{% endif %}</td> <td>{% if previouslyOwnedCamera.received %}Yes{% else %}No{% endif %}</td>

View File

@ -3,7 +3,7 @@
{% block form %} {% block form %}
<h2>Edit Previously Owned Flash</h2> <h2>Edit Previously Owned Flash</h2>
<div class="callout"> <div class="small callout">
<ul> <ul>
<li> <li>
<a href="{{ path('previously-owned-flash_index') }}">Back to the list</a> <a href="{{ path('previously-owned-flash_index') }}">Back to the list</a>
@ -11,10 +11,10 @@
</ul> </ul>
</div> </div>
<div class="primary callout"> <div class="large primary callout">
{{ form_start(edit_form) }} {{ form_start(edit_form) }}
{{ form_widget(edit_form) }} {{ form_widget(edit_form) }}
<button type="submit" class="button">Edit</button> <button type="submit" class="success button">Edit</button>
{{ form_end(edit_form) }} {{ form_end(edit_form) }}
</div> </div>

View File

@ -10,13 +10,13 @@
<th>Id</th> <th>Id</th>
<th>Brand</th> <th>Brand</th>
<th>Model</th> <th>Model</th>
<th>Isautoflash</th> <th>Is Auto Flash?</th>
<th>Isttl</th> <th>Is TTL</th>
<th>Ttltype</th> <th>TTL Type</th>
<th>Ispttl</th> <th>Is P-TTL</th>
<th>Pttltype</th> <th>P-TTL Type</th>
<th>Guidenumber</th> <th>Guide Number</th>
<th>Purchaseprice</th> <th>Purchase Price</th>
<th>Batteries</th> <th>Batteries</th>
<th>Notes</th> <th>Notes</th>
<th>Serial</th> <th>Serial</th>
@ -41,7 +41,7 @@
<td>{% if previouslyOwnedFlash.isPTtl %}Yes{% else %}No{% endif %}</td> <td>{% if previouslyOwnedFlash.isPTtl %}Yes{% else %}No{% endif %}</td>
<td>{{ previouslyOwnedFlash.pTtlType }}</td> <td>{{ previouslyOwnedFlash.pTtlType }}</td>
<td>{{ previouslyOwnedFlash.guideNumber }}</td> <td>{{ previouslyOwnedFlash.guideNumber }}</td>
<td>{{ previouslyOwnedFlash.purchasePrice }}</td> <td>${{ previouslyOwnedFlash.purchasePrice }}</td>
<td>{{ previouslyOwnedFlash.batteries }}</td> <td>{{ previouslyOwnedFlash.batteries }}</td>
<td>{{ previouslyOwnedFlash.notes }}</td> <td>{{ previouslyOwnedFlash.notes }}</td>
<td>{{ previouslyOwnedFlash.serial }}</td> <td>{{ previouslyOwnedFlash.serial }}</td>

View File

@ -1,7 +1,7 @@
{% extends 'form.html.twig' %} {% extends 'form.html.twig' %}
{% block form %} {% block form %}
<h1>Edit Lens</h1> <h2>Edit Lens</h2>
<div class="small callout"> <div class="small callout">
<ul> <ul>
@ -14,7 +14,7 @@
<div class="large primary callout"> <div class="large primary callout">
{{ form_start(edit_form) }} {{ form_start(edit_form) }}
{{ form_widget(edit_form) }} {{ form_widget(edit_form) }}
<button type="submit" class="button">Update</button> <button type="submit" class="success button">Update</button>
{{ form_end(edit_form) }} {{ form_end(edit_form) }}
</div> </div>
{% endblock %} {% endblock %}

View File

@ -1,7 +1,7 @@
{% extends 'base.html.twig' %} {% extends 'base.html.twig' %}
{% block body %} {% block body %}
<h1>Previously Owned Lenses</h1> <h2>Previously Owned Lenses</h2>
<table class="hover scroll stack"> <table class="hover scroll stack">
<thead> <thead>
@ -43,7 +43,7 @@
<td>{{ previouslyOwnedLense.minFStop }} &mdash; {{ previouslyOwnedLense.maxFStop }}</td> <td>{{ previouslyOwnedLense.minFStop }} &mdash; {{ previouslyOwnedLense.maxFStop }}</td>
<td>{{ previouslyOwnedLense.minFocalLength }} &mdash; {{ previouslyOwnedLense.maxFocalLength }}</td> <td>{{ previouslyOwnedLense.minFocalLength }} &mdash; {{ previouslyOwnedLense.maxFocalLength }}</td>
<td>{{ previouslyOwnedLense.serial }}</td> <td>{{ previouslyOwnedLense.serial }}</td>
<td>{{ previouslyOwnedLense.purchasePrice }}</td> <td>${{ previouslyOwnedLense.purchasePrice }}</td>
<td>{{ previouslyOwnedLense.notes }}</td> <td>{{ previouslyOwnedLense.notes }}</td>
<td>{{ previouslyOwnedLense.mount }}</td> <td>{{ previouslyOwnedLense.mount }}</td>
<td>{{ previouslyOwnedLense.frontFilterSize }}</td> <td>{{ previouslyOwnedLense.frontFilterSize }}</td>