82 lines
2.8 KiB
HTML
82 lines
2.8 KiB
HTML
<template name="atInput">
|
|
{{> Template.dynamic template=templateName}}
|
|
</template>
|
|
|
|
<template name="atTextInput">
|
|
<div class="at-input pure-control-group{{#if isValidating}}validating{{/if}} {{#if hasError}}has-error{{/if}} {{#if hasSuccess}}has-success{{/if}} {{#if feedback}}has-feedback{{/if}}">
|
|
<!-- {{#if showLabels}}
|
|
<label for="at-field-{{_id}}">
|
|
{{displayName}} {{#unless required}}{{optionalText}}{{/unless}}
|
|
</label>
|
|
{{/if}}
|
|
<input type="{{type}}" id="at-field-{{_id}}" name="at-field-{{_id}}" placeholder="{{placeholder}}" autocapitalize="none" autocorrect="off">
|
|
{{#if hasIcon}}
|
|
<span class="{{iconClass}}"></span>
|
|
{{/if}}
|
|
{{#if hasError}}
|
|
<span>{{errorText}}</span>
|
|
{{/if}}
|
|
</div> -->
|
|
|
|
{{#if showLabels}}
|
|
<paper-input-decorator label=" {{displayName}} {{#unless required}}{{optionalText}}{{/unless}}" error="{{errorText}}" floatinglabel="" layout="" vertical="" isInvalid="{{#if hasError}} true {{/if}}">
|
|
<input type="{{type}}" id="at-field-{{_id}}" is="core-input" name="at-field-{{_id}}" placeholder="{{placeholder}}" autocapitalize="none" autocorrect="off">
|
|
</paper-input-decorator>
|
|
{{else}}
|
|
|
|
<paper-input-decorator error="{{errorText}}" isInvalid="{{#if hasError}} true {{/if}}">
|
|
<input type="{{type}}" id="at-field-{{_id}}" is="core-input" name="at-field-{{_id}}" placeholder="{{placeholder}}" autocapitalize="none" autocorrect="off">
|
|
</paper-input-decorator>
|
|
|
|
{{/if}}
|
|
|
|
{{#if hasIcon}}
|
|
<core-icon icon="{{iconClass}}"></core-icon>
|
|
{{/if}}
|
|
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template name="atCheckboxInput">
|
|
<div class="at-input">
|
|
<core-label horizontal layout>
|
|
<div flex>{{displayName}}</div>
|
|
<paper-checkbox type="{{type}}" id="at-field-{{_id}}" name="at-field-{{_id}}" {{disabled}} for></paper-checkbox>
|
|
</core-label>
|
|
</div>
|
|
</template>
|
|
|
|
<template name="atSelectInput">
|
|
<div class="at-input">
|
|
<core-label>
|
|
<div for="at-field-{{_id}}">{{displayName}}</div>
|
|
<core-selector id="at-field-{{_id}}" name="at-field-{{_id}}" valueattr="value" for horizontal layout center justified>
|
|
{{#each values}}
|
|
<div value="{{value}}">{{text}}</div>
|
|
{{/each}}
|
|
</core-selector>
|
|
</core-label>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<template name="atRadioInput">
|
|
<div class="at-input">
|
|
<label>{{displayName}}</label>
|
|
</div>
|
|
<paper-radio-group role="radiogroup" vertical layout>
|
|
{{#each values}}
|
|
<paper-radio-button id="at-field-{{id}}-choice-{{value}}" name="t-field-{{id}}" label="{{text}}" value={{value}} toggles role="radio" tabindex="0" aria-checked="true" aria-label="{{text}}" class="core-selected"></paper-radio-button>
|
|
{{/each}}
|
|
</paper-radio-group>
|
|
</template>
|
|
|
|
<template name="atHiddenInput">
|
|
<input type="hidden" id="at-field-{{_id}}" name="at-field-{{_id}}">
|
|
</template>
|