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

39
imports/ui/SalesSheetEditor.html
View File

@@ -11,10 +11,15 @@
<!-- ******** The Sheet Editor's Product Selector ********* -->
<template name="SalesSheetEditorProductSelection">
<div class="salesSheetEditorProductSelectionControls vscFixed">
<span class="button showAlternateNames">Alt. Names</span>
<i class="fa fa-question-circle clickable noselect" aria-hidden="true"></i>
<label>Filter </label><input class="form-control" type="text" name="productFilter" autocomplete="off"/>
<div class="tableControls vscFixed">
<span class="controlLabel">Show Hidden</span>
<div class="toggleShowHidden checkbox checkbox-slider--b-flat">
<label>
<input type="checkbox" name="showHidden"><span></span>
</label>
</div>
<div style="margin-bottom: 6px"><label>Filter </label><input class="form-control" type="text" name="productFilter" autocomplete="off"/></div>
<i class="fa fa-times-circle clickable noselect clearFilter" style="margin-bottom: 5px" aria-hidden="true"></i>
</div>
<div class="selectionProductsListing columnContainer">
{{#each products}}
@@ -31,9 +36,9 @@
{{else}}
<i class="fa fa-circle-o" aria-hidden="true"></i>
{{/if}}
<span class="productName noselect">{{name}}</span>
<span class="productName noselect {{#if hidden}}hidden{{/if}} {{#if deactivated}}deactivated{{/if}}">{{name}}</span>
</span>
{{#if sheetProduct}}
{{#if showAlternateName}}
<div class="includeAs">&nbsp;&nbsp;as "{{sheetProductName}}"</div>
{{/if}}
</div>
@@ -42,11 +47,17 @@
<!-- ******** The Sheet Editor's Configuration ********* -->
<!-- The overall Sheet Configuration Editor. Contains multiple rows in columns, one row for each PRODUCT or HEADER. -->
<template name="SalesSheetEditorConfiguration">
<div class="vscFixed configurationControls">
<div class="vscFixed tableControls">
<div class="heading columnContent noselect">
<div class="name clickable">New Heading</div>
<div class="name clickable" title="Drag to the list to create a new heading.">New Heading</div>
<div class="nameEditor"><input name="name" tabindex="1" value="New Heading"/> <i class="fa fa-check-circle accept" aria-hidden="true"></i> <i class="fa fa-times-circle reject" aria-hidden="true"></i></div>
</div>
<span class="controlLabel" title="Show/Hide the measures available for each product.">Show Measures</span>
<div class="toggleShowHidden checkbox checkbox-slider--b-flat" title="Show/Hide the measures available for each product.">
<label>
<input type="checkbox" name="showMeasures"><span></span>
</label>
</div>
</div>
<div class="configurationProductsListing columnContainer">
{{#each products}}
@@ -61,11 +72,13 @@
<div class="product columnContent noselect" data-model="{{productId}}">
<div class="name clickable">{{name}}</div>
<div class="nameEditor"><input class="form-control" name="name" type="text" tabindex="1" value="{{name}}"/> <i class="fa fa-check-circle accept" aria-hidden="true"></i> <i class="fa fa-times-circle reject" aria-hidden="true"></i></div>
<div class="measures">
{{#each measureId in measures}}
<span class="measureButton button {{#if isSelected measureId}}selected{{/if}}" data-model="{{measureId}}">{{measureName measureId}}</span>
{{/each}}
</div>
{{#if showMeasures}}
<div class="measures">
{{#each measureId in measures}}
<span class="measureButton button {{#if isSelected measureId}}selected{{/if}}" data-model="{{measureId}}">{{measureName measureId}}</span>
{{/each}}
</div>
{{/if}}
</div>
{{else}} {{! HEADING }}
<div class="heading columnContent noselect">