70 lines
2.2 KiB
HTML
70 lines
2.2 KiB
HTML
|
|
<!-- ******** Sales Sheet - Allows user to fill out the selected sales sheet (entering sales data). ********* -->
|
|
|
|
<template name="SalesSheetForm">
|
|
{{#if this}}
|
|
<div class="vscFixed">
|
|
<div class="sheetHeader grid">
|
|
<div class="form-group col-6-12">
|
|
<label class='control-label'>Date</label>
|
|
<input type="date" class="form-control" name="date" data-schema-key='date' required>
|
|
</div>
|
|
<div class="form-group col-6-12">
|
|
<label class='control-label'>Venue</label>
|
|
<input name="venue" class="form-control" type="text" required/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="columnContainer vscExpand salesSheetProducts">
|
|
{{#each product in products}}
|
|
{{#if isHeading product}}
|
|
{{>SalesSheetFormHeader product}}
|
|
{{else}}
|
|
{{>SalesSheetFormProduct product}}
|
|
{{/if}}
|
|
{{/each}}
|
|
<div class="sheetControls columnContent">
|
|
<div class="saveSheet clickable noselect">Save Sales</div>
|
|
<div class="resetSheet clickable noselect">Reset Sheet</div>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
</template>
|
|
|
|
<!-- ******** Sales Sheet Header - The headers in the sales sheet form's list of products. ********* -->
|
|
|
|
<template name="SalesSheetFormHeader">
|
|
<div class="header columnContent">
|
|
<div class="name">{{name}}</div>
|
|
</div>
|
|
</template>
|
|
|
|
<!-- ******** Sales Sheet Product - The individual products in the sales sheet form. ********* -->
|
|
|
|
<template name="SalesSheetFormProduct">
|
|
{{#if isHeading}}
|
|
<div class="header columnContent">
|
|
<div class="name">{{name}}</div>
|
|
</div>
|
|
{{else}}
|
|
<div class="product columnContent {{#if odd}}odd{{/if}}" data-model="{{productId}}">
|
|
<div class="nameAndTotal">
|
|
<div class="name">{{name}}</div>
|
|
<div class="total">${{total}}</div>
|
|
</div>
|
|
<div class="measures">
|
|
{{#each measures}}
|
|
{{>SalesSheetFormProductMeasure}}
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
</template>
|
|
|
|
<template name="SalesSheetFormProductMeasure">
|
|
<div class="measure">
|
|
<span class="label">{{measureName}}</span>
|
|
#<input name="amount" type="number" step="1" min="0" value="{{measureAmount}}" data-model="{{this}}"/>
|
|
$<input name="price" type="number" step="1" min="0" value="{{measurePrice}}" data-model="{{this}}" data-default-price="{{measurePrice}}"/>
|
|
</div>
|
|
</template> |