UI improvements

Consolidated detail pages with OPTIONS drown down
(rather than multiple single buttons)
This commit is contained in:
Oliver 2018-05-06 22:09:15 +10:00
parent a55f6a1c7b
commit c1e7e95fc0
3 changed files with 39 additions and 12 deletions

View File

@ -4,7 +4,25 @@
{% include 'company/tabs.html' with tab='details' %}
<h3>Company Details</h3>
<div class='row'>
<div class='col-sm-6'>
<h3>Company Details</h3>
</div>
<div class='col-sm-6'>
<h3>
<div class="dropdown" style="float: right;">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Options
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#" id='edit-company' title='Edit company'>Edit</a></li>
<li><a href="#" id='delete-company' title='Delete company'>Delete</a></li>
</ul>
</div>
</h3>
</div>
</div>
<hr>
<table class='table table-striped'>
<tr>
@ -24,10 +42,6 @@
</div>
{% endif %}
<div class='container-fluid'>
<button class="btn btn-info" id='edit-company'>Edit Company</button>
<button class="btn btn-danger" id='delete-company'>Delete Company</button>
</div>
{% endblock %}

View File

@ -4,7 +4,25 @@
{% include 'part/tabs.html' with tab='detail' %}
<h3>Part Details</h3>
<div class='row'>
<div class='col-sm-6'>
<h3>Part Details</h3>
</div>
<div class='col-sm-6'>
<h3>
<div class="dropdown" style="float: right;">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Options
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#" id='edit-part' title='Edit part'>Edit</a></li>
<li><a href="#" id='delete-part' title='Delete part'>Delete</a></li>
</ul>
</div>
</h3>
</div>
</div>
<hr>
<table class='table table-striped'>
<tr>
@ -78,11 +96,6 @@
</div>
{% endif %}
<div class='container-fluid'>
<button class="btn btn-info" id='edit-part'>Edit Part</button>
<button class="btn btn-danger" id='delete-part'>Delete Part</button>
</div>
{% endblock %}

View File

@ -4,7 +4,7 @@
<div class='row'>
<div class='col-sm-6'>
<h3>Stock Details</h3>
<h3>Stock Item Details</h3>
<p><i>{{ item.quantity }} &times {{ item.part.name }}</i></p>
</div>
<div class='col-sm-6'>