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%; width: 100%;
} }
div.grid.no-border table {
border-left: none;
border-top: none;
}
div.grid table th, div.grid table th,
div.grid table td { div.grid table td {
border-right: 1px solid black; border-right: 1px solid black;

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

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

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

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