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

Added a Sales Sheet page along with other changes.

Browse Source
This commit is contained in:
Wynne Crisman
2017-05-09 13:51:26 -07:00
parent 184ce1133f
commit e1b0b19589
39 changed files with 3581 additions and 5610 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
imports/ui/SalesSheetEditor.html Normal file
View File

@@ -0,0 +1,76 @@
<!-- ******** Sheet Editor - Edit a sales sheet structure (has two sub-parts: product selector, and configuration) ********* -->
<template name="SalesSheetEditor">
<div class="salesSheetEditorControls vscFixed">
<ul class="tabRow"><li class="productSelection {{productSelectionSelected}}">Selection</li><li class="sheetConfiguration {{sheetConfigurationSelected}}">Configuration</li></ul>
</div>
{{> Template.dynamic template=salesSheetEditorForm data=salesSheetEditorData}}
</template>
<!-- ******** 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>
<div class="selectionProductsListing columnContainer">
{{#each products}}
{{>SalesSheetEditorProductSelectionRow}}
{{/each}}
</div>
</template>
<template name="SalesSheetEditorProductSelectionRow">
<div class="selectionProduct {{#if sheetProduct}}selected{{/if}} columnContent">
<span class="include clickable">
{{#if sheetProduct}}
<i class="fa fa-check-circle" aria-hidden="true"></i>
{{else}}
<i class="fa fa-circle-o" aria-hidden="true"></i>
{{/if}}
<span class="productName noselect">{{name}}</span>
</span>
{{#if sheetProduct}}
<div class="includeAs">&nbsp;&nbsp;as "{{sheetProductName}}"</div>
{{/if}}
</div>
</template>
<!-- ******** 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="heading columnContent noselect">
<div class="name clickable">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>
</div>
<div class="configurationProductsListing columnContainer">
{{#each products}}
{{>SalesSheetEditorConfigurationRow}}
{{/each}}
</div>
</template>
<!-- A single row of the Sheet Configuration Editor (allows reordering, addition of headers, sorting, and renaming of sheet products). -->
<template name="SalesSheetEditorConfigurationRow">
{{#if isProduct}} {{! PRODUCT }}
<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>
</div>
{{else}} {{! HEADING }}
<div class="heading columnContent noselect">
<div class="headingNameRow"><span class="name clickable">{{name}}</span><span class="sort clickable noselect"><i class="fa fa-arrow-down" aria-hidden="true"></i> sort <i class="fa fa-arrow-up" aria-hidden="true"></i></span></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>
{{/if}}
</template>