rattail/tailbone
2
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

More tweaks to product details view.

Browse source
This commit is contained in:
Lance Edgar 2015-02-27 03:24:15 -06:00
parent 3b9efe0ffb
commit 6252c3f777
3 changed files with 71 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
tailbone/static/css/grids.css
View file

@ -73,6 +73,11 @@ div.grid.full table {
width: 100%;
}
div.grid.no-border table {
border-left: none;
border-top: none;
}
div.grid table th,
div.grid table td {
border-right: 1px solid black;

19
tailbone/static/css/layout.css
View file

@ -68,19 +68,28 @@ body > #body-wrapper {
* Panels
******************************/
.panel,
.panel-grid {
border-left: 1px solid Black;
margin-bottom: 15px;
}
.panel {
border-bottom: 1px solid Black;
border-left: 1px solid Black;
border-right: 1px solid Black;
margin-bottom: 15px;
padding: 0px;
}
.panel h2 {
border-top: 1px solid Black;
.panel h2,
.panel-grid h2 {
border-bottom: 1px solid Black;
margin: 0px;
border-top: 1px solid Black;
padding: 5px;
margin: 0px;
}
.panel-grid h2 {
border-right: 1px solid Black;
}
.panel-body {

104
tailbone/templates/products/read.mako
View file

@ -15,7 +15,7 @@
.panel-wrapper {
float: left;
margin-right: 15px;
width: 45%;
min-width: 45%;
}
</style>
</%def>
@ -96,62 +96,62 @@
</div>
</div>
<div class="panel" id="product-costs">
<div class="panel-grid" id="product-costs">
<h2>Vendor Sources</h2>
<div class="panel-body">
% if product.costs:
<div class="grid hoverable">
<table>
<thead>
<th>Pref.</th>
<th>Vendor</th>
<th>Code</th>
<th>Case Size</th>
<th>Case Cost</th>
<th>Unit Cost</th>
</thead>
<tbody>
% for i, cost in enumerate(product.costs, 1):
<tr class="${'odd' if i % 2 else 'even'}">
<td class="center">${'X' if cost.preference == 1 else ''}</td>
<td>${cost.vendor}</td>
<td class="center">${cost.code}</td>
<td class="center">${cost.case_size}</td>
<td class="right">${'$ %0.2f' % cost.case_cost if cost.case_cost is not None else ''}</td>
<td class="right">${'$ %0.4f' % cost.unit_cost if cost.unit_cost is not None else ''}</td>
</tr>
% endfor
</tbody>
</table>
</div>
% else:
% if product.costs:
<div class="grid full hoverable no-border">
<table>
<thead>
<th>Pref.</th>
<th>Vendor</th>
<th>Code</th>
<th>Case Size</th>
<th>Case Cost</th>
<th>Unit Cost</th>
</thead>
<tbody>
% for i, cost in enumerate(product.costs, 1):
<tr class="${'odd' if i % 2 else 'even'}">
<td class="center">${'X' if cost.preference == 1 else ''}</td>
<td>${cost.vendor}</td>
<td class="center">${cost.code}</td>
<td class="center">${cost.case_size}</td>
<td class="right">${'$ %0.2f' % cost.case_cost if cost.case_cost is not None else ''}</td>
<td class="right">${'$ %0.4f' % cost.unit_cost if cost.unit_cost is not None else ''}</td>
</tr>
% endfor
</tbody>
</table>
</div>
% else:
<div class="panel-body">
<p>None on file.</p>
% endif
</div>
</div>
% endif
</div>
<div class="panel" id="product-codes">
<div class="panel-grid" id="product-codes">
<h2>Additional Lookup Codes</h2>
<div class="panel-body">
% if product.codes:
<div class="grid hoverable">
<table>
<thead>
<th>Code</th>
</thead>
<tbody>
% for i, code in enumerate(product.codes, 1):
<tr class="${'odd' if i % 2 else 'even'}">
<td>${code}</td>
</tr>
% endfor
</tbody>
</table>
</div>
% else:
<p>None on file.</p>
% endif
</div>
% if product.codes:
<div class="grid full hoverable no-border">
<table>
<thead>
<th>Code</th>
</thead>
<tbody>
% for i, code in enumerate(product.codes, 1):
<tr class="${'odd' if i % 2 else 'even'}">
<td>${code}</td>
</tr>
% endfor
</tbody>
</table>
</div>
% else:
<div class="panel-body">
<p>None on file.</p>
</div>
% endif
</div>
</div> <!-- right column -->