wcrisman/PetitTetonMeteor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added custom scroll bars and separated the table header from the tables for Sales and the Graphs tables.

Browse Source
This commit is contained in:
Wynne Crisman
2017-10-08 08:56:15 -07:00
parent 210517a5c2
commit b5ac9fd249
44 changed files with 4939 additions and 245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
imports/ui/Graphs.html
View File

@@ -13,7 +13,7 @@
<option value="types">Types</option>
</select>
<svg class="salesGraph"></svg>
<div class="salesTable">
<div class="salesTableHeader">
<table class="table table-striped table-hover">
<thead>
<tr>
@@ -30,24 +30,50 @@
<th class="total">Total</th>
</tr>
</thead>
<tbody>
{{#each sales}}
<tr>
<td>{{year}}</td>
{{#if showTime "monthly"}}
<td>{{month}}</td>
{{/if}}
{{#if showTime "weekly"}}
<td>{{week}}</td>
{{/if}}
{{#if showOption "markets"}}
<td>{{venue}}</td>
{{/if}}
<td>{{formatTotal total}}</td>
</tr>
{{/each}}
</tbody>
</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>