Add CostFieldRenderer and tweak product view template
latter being for easier customization
This commit is contained in:
Lance Edgar
parent
95b2ce25c1
commit
3dfe3dfa28
4 changed files with 135 additions and 103 deletions
|
|
@ -1,9 +1,9 @@
|
|||
## -*- coding: utf-8 -*-
|
||||
## -*- coding: utf-8; -*-
|
||||
<%inherit file="/master/view.mako" />
|
||||
<%namespace file="/forms/lib.mako" import="render_field_readonly" />
|
||||
|
||||
<%def name="head_tags()">
|
||||
${parent.head_tags()}
|
||||
<%def name="extra_styles()">
|
||||
${parent.extra_styles()}
|
||||
<style type="text/css">
|
||||
#product-main {
|
||||
margin-top: 1em;
|
||||
|
|
@ -20,6 +20,52 @@
|
|||
</style>
|
||||
</%def>
|
||||
|
||||
##############################
|
||||
## page body
|
||||
##############################
|
||||
|
||||
<div class="form-wrapper">
|
||||
<ul class="context-menu">
|
||||
${self.context_menu_items()}
|
||||
</ul>
|
||||
|
||||
<div class="panel" id="product-main">
|
||||
<h2>Product</h2>
|
||||
<div class="panel-body">
|
||||
<div style="clear: none; float: left;">
|
||||
${self.render_main_fields(form)}
|
||||
</div>
|
||||
% if image_url:
|
||||
% if image_path is not Undefined:
|
||||
${h.image(image_url, "Product Image", id='product-image', path=image_path, use_pil=False)}
|
||||
% else:
|
||||
${h.image(image_url, "Product Image", id='product-image', width=150, height=150)}
|
||||
% endif
|
||||
% endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-wrapper"> <!-- left column -->
|
||||
|
||||
${self.left_column()}
|
||||
|
||||
</div> <!-- left column -->
|
||||
|
||||
<div class="panel-wrapper"> <!-- right column -->
|
||||
|
||||
${self.right_column()}
|
||||
|
||||
</div> <!-- right column -->
|
||||
|
||||
% if buttons:
|
||||
${buttons|n}
|
||||
% endif
|
||||
</div>
|
||||
|
||||
##############################
|
||||
## rendering methods
|
||||
##############################
|
||||
|
||||
<%def name="context_menu_items()">
|
||||
${parent.context_menu_items()}
|
||||
% if version_count is not Undefined and request.has_perm('instance.versions.view'):
|
||||
|
|
@ -38,6 +84,37 @@
|
|||
${self.extra_main_fields(form)}
|
||||
</%def>
|
||||
|
||||
<%def name="left_column()">
|
||||
<div class="panel">
|
||||
<h2>Pricing</h2>
|
||||
<div class="panel-body">
|
||||
${self.render_price_fields(form)}
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<h2>Flags</h2>
|
||||
<div class="panel-body">
|
||||
${self.render_flag_fields(form)}
|
||||
</div>
|
||||
</div>
|
||||
${self.extra_left_panels()}
|
||||
</%def>
|
||||
|
||||
<%def name="right_column()">
|
||||
<div class="panel">
|
||||
<h2>Organization</h2>
|
||||
<div class="panel-body">
|
||||
${self.render_organization_fields(form)}
|
||||
</div>
|
||||
</div>
|
||||
${self.movement_panel()}
|
||||
${self.sources_panel()}
|
||||
${self.notes_panel()}
|
||||
${self.ingredients_panel()}
|
||||
${self.lookup_codes_panel()}
|
||||
${self.extra_right_panels()}
|
||||
</%def>
|
||||
|
||||
<%def name="extra_main_fields(form)"></%def>
|
||||
|
||||
<%def name="render_organization_fields(form)">
|
||||
|
|
@ -101,6 +178,36 @@
|
|||
</div>
|
||||
</%def>
|
||||
|
||||
<%def name="sources_panel()">
|
||||
<div class="panel-grid" id="product-costs">
|
||||
<h2>Vendor Sources</h2>
|
||||
<div class="newgrid full 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 cost in instance.costs:
|
||||
<tr>
|
||||
<td class="center">${'X' if cost.preference == 1 else ''}</td>
|
||||
<td>${cost.vendor}</td>
|
||||
<td class="center">${cost.code or ''}</td>
|
||||
<td class="center">${h.pretty_quantity(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>
|
||||
</div>
|
||||
</%def>
|
||||
|
||||
<%def name="notes_panel()">
|
||||
<div class="panel">
|
||||
<h2>Notes</h2>
|
||||
|
|
@ -119,102 +226,6 @@
|
|||
</div>
|
||||
</%def>
|
||||
|
||||
|
||||
<div class="form-wrapper">
|
||||
<ul class="context-menu">
|
||||
${self.context_menu_items()}
|
||||
</ul>
|
||||
|
||||
<div class="panel" id="product-main">
|
||||
<h2>Product</h2>
|
||||
<div class="panel-body">
|
||||
<div style="clear: none; float: left;">
|
||||
${self.render_main_fields(form)}
|
||||
</div>
|
||||
% if image_url:
|
||||
% if image_path is not Undefined:
|
||||
${h.image(image_url, "Product Image", id='product-image', path=image_path, use_pil=False)}
|
||||
% else:
|
||||
${h.image(image_url, "Product Image", id='product-image', width=150, height=150)}
|
||||
% endif
|
||||
% endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel-wrapper"> <!-- left column -->
|
||||
|
||||
<div class="panel">
|
||||
<h2>Pricing</h2>
|
||||
<div class="panel-body">
|
||||
${self.render_price_fields(form)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel">
|
||||
<h2>Flags</h2>
|
||||
<div class="panel-body">
|
||||
${self.render_flag_fields(form)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
${self.extra_left_panels()}
|
||||
|
||||
</div> <!-- left column -->
|
||||
|
||||
<div class="panel-wrapper"> <!-- right column -->
|
||||
|
||||
<div class="panel">
|
||||
<h2>Organization</h2>
|
||||
<div class="panel-body">
|
||||
${self.render_organization_fields(form)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
${self.movement_panel()}
|
||||
|
||||
<div class="panel-grid" id="product-costs">
|
||||
<h2>Vendor Sources</h2>
|
||||
<div class="newgrid full 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 cost in instance.costs:
|
||||
<tr>
|
||||
<td class="center">${'X' if cost.preference == 1 else ''}</td>
|
||||
<td>${cost.vendor}</td>
|
||||
<td class="center">${cost.code or ''}</td>
|
||||
<td class="center">${h.pretty_quantity(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>
|
||||
</div>
|
||||
|
||||
${self.notes_panel()}
|
||||
|
||||
${self.ingredients_panel()}
|
||||
|
||||
${self.lookup_codes_panel()}
|
||||
|
||||
${self.extra_right_panels()}
|
||||
|
||||
</div> <!-- right column -->
|
||||
|
||||
% if buttons:
|
||||
${buttons|n}
|
||||
% endif
|
||||
</div>
|
||||
|
||||
<%def name="extra_left_panels()"></%def>
|
||||
|
||||
<%def name="extra_right_panels()"></%def>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue