keeweb/app/templates/generator-presets.hbs

75 lines
4.2 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"></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 ranges as |range|}}
<div class="gen-ps__field">
<input type="checkbox" class="input-base gen-ps__check-range" id="gen-ps__check-{{range.name}}"
data-range="{{range.name}}"
{{#if range.enabled}}checked{{/if}} {{#if ../selected.builtIn}}disabled{{/if}} />
<label for="gen-ps__check-{{range.name}}">{{range.title}}<span class="gen-ps__sample"> {{range.sample}}</span></label>
</div>
{{/each}}
<div class="gen-ps__field">
<label for="gen-ps__field-include">{{res 'genPsInclude'}}:</label>
<input type="text" class="input-base" id="gen-ps__field-include" value="{{selected.include}}"
{{#if selected.builtIn}}readonly{{/if}} />
</div>
<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>