keeweb/app/templates/generator-presets.hbs

77 lines
4.5 KiB
Handlebars
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div class="gen-ps">
<div class="back-button">
{{res 'retToApp'}} <i class="fa fa-arrow-circle-left back-button__post"></i>
</div>
<div class="scroller">
<div class="gen-ps__content">
<h1>{{res 'genPsTitle'}}</h1>
<select class="gen-ps__list input-base">
{{#each presets as |ps|}}
<option value="{{ps.name}}" {{#ifeq ps ../selected}}selected{{/ifeq}}>{{#if ps.builtIn}}* {{/if}}{{ps.title}}</option>
{{/each}}
</select>
<div class="gen-ps__field">
<input type="checkbox" class="input-base" id="gen-ps__check-enabled" {{#unless selected.disabled}}checked{{/unless}} />
<label for="gen-ps__check-enabled">{{res 'genPsEnabled'}}</label>
</div>
<div class="gen-ps__field">
<input type="checkbox" class="input-base" id="gen-ps__check-default" {{#if selected.default}}checked{{/if}} />
<label for="gen-ps__check-default">{{res 'genPsDefault'}}</label>
</div>
<div class="gen-ps__field">
<label for="gen-ps__field-title">{{Res 'name'}}:</label>
<input type="text" class="input-base" id="gen-ps__field-title" value="{{selected.title}}"
size="50" maxlength="64" required {{#if selected.builtIn}}readonly{{/if}} />
</div>
<div class="gen-ps__field">
<label for="gen-ps__field-length">{{res 'genPsDefaultLength'}}:</label>
<input type="text" class="input-base" id="gen-ps__field-length" value="{{selected.length}}"
size="50" maxlength="3" required pattern="\d+" {{#if selected.builtIn}}readonly{{/if}} />
</div>
{{#each options as |option|}}
<div class="gen-ps__field">
{{#ifeq option.type "checkbox"}}
<input type="checkbox" class="input-base gen-ps__checkbox-option" id="gen-ps__check-{{option.name}}"
data-option="{{option.name}}"
{{#if (lookup ../selected option.name)}}checked{{/if}} {{#if ../selected.builtIn}}disabled{{/if}} />
<label for="gen-ps__check-{{option.name}}">{{option.title}}<span class="gen-ps__sample"> {{option.sample}}</span></label>
{{/ifeq}}
{{#ifeq option.type "text"}}
<label for="gen-ps__field-{{option.name}}">{{option.title}}:</label>
<input type="text" class="input-base gen-ps__text-option" id="gen-ps__field-{{option.name}}" value="{{lookup ../selected option.name}}" data-option="{{option.name}}"
{{#if selected.builtIn}}readonly{{/if}} />
{{/ifeq}}
</div>
{{/each}}
<div class="gen-ps__field">
<label for="gen-ps__field-pattern">{{res 'genPsPattern'}}: <i class="fa fa-info-circle info-btn info-btn--pattern"></i></label>
<div class="gen-ps__pattern-help hide">
<p>{{res 'genPsPatternHelp'}}</p>
<p>
<code>X</code> {{res 'genPsAllRanges'}}<br/>
<code>A</code> {{res 'genPsUpper'}}<br/>
<code>a</code> {{res 'genPsLower'}}<br/>
<code>1</code> {{res 'genPsDigits'}}<br/>
<code>*</code> {{res 'genPsSpecial'}}<br/>
<code>[</code> {{res 'genPsBrackets'}}<br/>
<code>Ä</code> {{res 'genPsHigh'}}<br/>
<code>0</code> {{res 'genPsAmbiguous'}}<br/>
<code>I</code> {{res 'genPsIncluded'}}
</p>
</div>
<input type="text" class="input-base" id="gen-ps__field-pattern" value="{{selected.pattern}}"
{{#if selected.builtIn}}readonly{{/if}} />
</div>
<div class="gen-ps__field">
<label>{{res 'genPsExample'}}:</label>
<div class="gen-ps__example"></div>
</div>
</div>
</div>
<div class="scroller__bar-wrapper"><div class="scroller__bar"></div></div>
<div class="gen-ps__buttons">
<button class="gen-ps__btn-create">{{res 'genPsCreate'}}</button>
{{#unless selected.builtIn}}<button class="gen-ps__btn-delete btn-error">{{res 'genPsDelete'}}</button>{{/unless}}
</div>
</div>