76 lines
3.6 KiB
HTML
76 lines
3.6 KiB
HTML
|
|
||
|
|
<!-- ******** 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"> 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>
|