79 lines
2.0 KiB
HTML
79 lines
2.0 KiB
HTML
<template name="Graphs">
|
|
<div id="graphs">
|
|
<label>Time</label>
|
|
<select name="time">
|
|
<option value="annual" selected>Annual</option>
|
|
<option value="monthly">Monthly</option>
|
|
<option value="weekly">Weekly</option>
|
|
</select>
|
|
<label>Options</label>
|
|
<select name="options">
|
|
<option value="none" selected>None</option>
|
|
<option value="markets">Markets</option>
|
|
<option value="types">Types</option>
|
|
</select>
|
|
<svg class="salesGraph"></svg>
|
|
<div class="salesTableHeader">
|
|
<table class="table table-striped table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th class="year">Year</th>
|
|
{{#if showTime "monthly"}}
|
|
<th class="month">Month</th>
|
|
{{/if}}
|
|
{{#if showTime "weekly"}}
|
|
<th class="week">Week</th>
|
|
{{/if}}
|
|
{{#if showOption "markets"}}
|
|
<th class="market">Market</th>
|
|
{{/if}}
|
|
<th class="total">Total</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div class="listRow">
|
|
<div class="listCell">
|
|
<div class="salesTable mCustomScrollbar" data-mcs-theme="dark">
|
|
<table class="table table-striped table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th class="year"></th>
|
|
{{#if showTime "monthly"}}
|
|
<th class="month"></th>
|
|
{{/if}}
|
|
{{#if showTime "weekly"}}
|
|
<th class="week"></th>
|
|
{{/if}}
|
|
{{#if showOption "markets"}}
|
|
<th class="market"></th>
|
|
{{/if}}
|
|
<th class="total"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{#each sales}}
|
|
<tr>
|
|
<td class="year">{{year}}</td>
|
|
{{#if showTime "monthly"}}
|
|
<td class="month">{{month}}</td>
|
|
{{/if}}
|
|
{{#if showTime "weekly"}}
|
|
<td class="week">{{week}}</td>
|
|
{{/if}}
|
|
{{#if showOption "markets"}}
|
|
<td class="market">{{venue}}</td>
|
|
{{/if}}
|
|
<td class="total">{{formatTotal total}}</td>
|
|
</tr>
|
|
{{/each}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="spacerCell">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template> |