220 lines
7.8 KiB
Smarty
220 lines
7.8 KiB
Smarty
|
{**
|
||
|
|
* For the full copyright and license information, please view the LICENSE
|
||
|
|
* file that was distributed with this source code.
|
||
|
|
*}
|
||
|
|
{if $field.type == 'hidden'}
|
||
|
|
|
||
|
|
{block name='form_field_item_hidden'}
|
||
|
|
<input type="hidden" name="{$field.name}" value="{$field.value}">
|
||
|
|
{/block}
|
||
|
|
|
||
|
|
{else}
|
||
|
|
|
||
|
|
<div class="mb-3{if !empty($field.errors)} has-error{/if}">
|
||
|
|
{if ($field.type !== 'checkbox')}
|
||
|
|
<label class="form-label{if $field.required} required{/if}" for="field-{$field.name}">
|
||
|
|
{if $field.type !== 'checkbox'}
|
||
|
|
{$field.label}
|
||
|
|
{/if}
|
||
|
|
</label>
|
||
|
|
{/if}
|
||
|
|
|
||
|
|
{if $field.type === 'select'}
|
||
|
|
|
||
|
|
{block name='form_field_item_select'}
|
||
|
|
<select class="form-select" name="{$field.name}" id="field-{$field.name}" {if $field.required}required{/if}>
|
||
|
|
<option value disabled selected>{l s='-- please choose --' d='Shop.Forms.Labels'}</option>
|
||
|
|
{foreach from=$field.availableValues item="label" key="value"}
|
||
|
|
<option value="{$value}" {if $value eq $field.value} selected {/if}>{$label}</option>
|
||
|
|
{/foreach}
|
||
|
|
</select>
|
||
|
|
{/block}
|
||
|
|
|
||
|
|
{elseif $field.type === 'countrySelect'}
|
||
|
|
|
||
|
|
{block name='form_field_item_country'}
|
||
|
|
<select
|
||
|
|
class="form-select js-country"
|
||
|
|
name="{$field.name}"
|
||
|
|
id="field-{$field.name}"
|
||
|
|
{if $field.required}required{/if}
|
||
|
|
>
|
||
|
|
<option value disabled selected>{l s='-- please choose --' d='Shop.Forms.Labels'}</option>
|
||
|
|
{foreach from=$field.availableValues item="label" key="value"}
|
||
|
|
<option value="{$value}" {if $value eq $field.value} selected {/if}>{$label}</option>
|
||
|
|
{/foreach}
|
||
|
|
</select>
|
||
|
|
{/block}
|
||
|
|
|
||
|
|
{elseif $field.type === 'radio-buttons'}
|
||
|
|
|
||
|
|
{block name='form_field_item_radio'}
|
||
|
|
<div aria-labelledby="field-{$field.name}-label">
|
||
|
|
<p class="visually-hidden" id="field-{$field.name}-label">{$field.label}</p>
|
||
|
|
{foreach from=$field.availableValues item="label" key="value"}
|
||
|
|
<div class="form-check form-check-inline">
|
||
|
|
<input
|
||
|
|
class="form-check-input"
|
||
|
|
type="radio"
|
||
|
|
name="{$field.name}"
|
||
|
|
id="field-{$field.name}_{$value}"
|
||
|
|
value="{$value}"
|
||
|
|
{if $field.required}required{/if}
|
||
|
|
{if $value eq $field.value} checked {/if}
|
||
|
|
>
|
||
|
|
<label class="form-check-label" for="field-{$field.name}_{$value}">
|
||
|
|
{$label}
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
{/foreach}
|
||
|
|
</div>
|
||
|
|
{/block}
|
||
|
|
|
||
|
|
{elseif $field.type === 'checkbox'}
|
||
|
|
|
||
|
|
{block name='form_field_item_checkbox'}
|
||
|
|
<div class="form-check">
|
||
|
|
<input
|
||
|
|
class="form-check-input"
|
||
|
|
name="{$field.name}"
|
||
|
|
type="checkbox"
|
||
|
|
value="1"
|
||
|
|
id="field-{$field.name}"
|
||
|
|
value="1" {if $field.value}checked="checked"{/if}
|
||
|
|
{if $field.required}required{/if}
|
||
|
|
>
|
||
|
|
<label class="form-check-label{if $field.required} required{/if}" for="field-{$field.name}">
|
||
|
|
{$field.label nofilter}
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
{/block}
|
||
|
|
|
||
|
|
{elseif $field.type === 'date'}
|
||
|
|
|
||
|
|
{block name='form_field_item_date'}
|
||
|
|
<input name="{$field.name}" class="form-control" type="date" id="field-{$field.name}" value="{$field.value}"{if isset($field.availableValues.placeholder)} placeholder="{$field.availableValues.placeholder}" aria-label="{$field.availableValues.placeholder}"{/if}>
|
||
|
|
{if isset($field.availableValues.comment)}
|
||
|
|
<span class="form-text">
|
||
|
|
{$field.availableValues.comment}
|
||
|
|
</span>
|
||
|
|
{/if}
|
||
|
|
{/block}
|
||
|
|
|
||
|
|
{elseif $field.type === 'birthday'}
|
||
|
|
|
||
|
|
{block name='form_field_item_birthday'}
|
||
|
|
<div class="js-parent-focus">
|
||
|
|
{html_select_date
|
||
|
|
field_order=DMY
|
||
|
|
time={$field.value}
|
||
|
|
field_array={$field.name}
|
||
|
|
prefix=false
|
||
|
|
reverse_years=true
|
||
|
|
field_separator='<br>'
|
||
|
|
day_extra='class="form-select"'
|
||
|
|
month_extra='class="form-select"'
|
||
|
|
year_extra='class="form-select"'
|
||
|
|
day_empty={l s='-- day --' d='Shop.Forms.Labels'}
|
||
|
|
month_empty={l s='-- month --' d='Shop.Forms.Labels'}
|
||
|
|
year_empty={l s='-- year --' d='Shop.Forms.Labels'}
|
||
|
|
start_year={'Y'|date}-100 end_year={'Y'|date}
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
{/block}
|
||
|
|
|
||
|
|
{elseif $field.type === 'password'}
|
||
|
|
|
||
|
|
{block name='form_field_item_password'}
|
||
|
|
|
||
|
|
<div class="input-group password-field">
|
||
|
|
<input
|
||
|
|
class="form-control"
|
||
|
|
name="{$field.name}"
|
||
|
|
id="field-{$field.name}"
|
||
|
|
type="password"
|
||
|
|
{if $field.autocomplete}autocomplete="{$field.autocomplete}"{/if}
|
||
|
|
value=""
|
||
|
|
minlength="{$configuration.password_policy.minimum_length|default:8}"
|
||
|
|
maxlength="{$configuration.password_policy.maximum_length|default:72}"
|
||
|
|
data-minscore="{$configuration.password_policy.minimum_score|default:3}"
|
||
|
|
data-bs-placement="top"
|
||
|
|
data-bs-trigger="manual"
|
||
|
|
data-ps-ref="password-policy-input"
|
||
|
|
spellcheck="false"
|
||
|
|
{if $field.required}required{/if}
|
||
|
|
>
|
||
|
|
|
||
|
|
<button
|
||
|
|
class="btn btn-primary"
|
||
|
|
type="button"
|
||
|
|
data-ps-action="toggle-password"
|
||
|
|
data-text-show="{l s='Show password' d='Shop.Theme.Actions'}"
|
||
|
|
data-text-hide="{l s='Hide password' d='Shop.Theme.Actions'}"
|
||
|
|
aria-label="{l s='Show password' d='Shop.Theme.Actions'}"
|
||
|
|
aria-controls="field-{$field.name}"
|
||
|
|
aria-live="polite"
|
||
|
|
>
|
||
|
|
<i class="material-icons" aria-hidden="true"></i>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div data-ps-target="password-feedback-target"></div>
|
||
|
|
{/block}
|
||
|
|
|
||
|
|
{elseif $field.type === 'textarea'}
|
||
|
|
|
||
|
|
{block name='form_field_item_textarea'}
|
||
|
|
<textarea
|
||
|
|
id="field-{$field.name}"
|
||
|
|
class="form-control"
|
||
|
|
name="{$field.name}"
|
||
|
|
{if isset($field.availableValues.placeholder)}placeholder="{$field.availableValues.placeholder}"{/if}
|
||
|
|
{if $field.maxLength}maxlength="{$field.maxLength}"{/if}
|
||
|
|
{if $field.required}required{/if}
|
||
|
|
{if isset($field.availableValues.rows)}rows="{$field.availableValues.rows}"{/if}
|
||
|
|
{if isset($field.availableValues.cols)}cols="{$field.availableValues.cols}"{/if}
|
||
|
|
>{$field.value|default}</textarea>
|
||
|
|
{if isset($field.availableValues.comment)}
|
||
|
|
<span class="form-text">
|
||
|
|
{$field.availableValues.comment}
|
||
|
|
</span>
|
||
|
|
{/if}
|
||
|
|
{/block}
|
||
|
|
|
||
|
|
{else}
|
||
|
|
|
||
|
|
{block name='form_field_item_other'}
|
||
|
|
<input
|
||
|
|
class="form-control"
|
||
|
|
name="{$field.name}"
|
||
|
|
id="field-{$field.name}"
|
||
|
|
type="{$field.type}"
|
||
|
|
value="{$field.value}"
|
||
|
|
{if $field.autocomplete}autocomplete="{$field.autocomplete}"{/if}
|
||
|
|
{if isset($field.availableValues.placeholder)}placeholder="{$field.availableValues.placeholder}"{/if}
|
||
|
|
{if $field.maxLength}maxlength="{$field.maxLength}"{/if}
|
||
|
|
{if !empty($field.minLength)}minlength="{$field.minLength}"{/if}
|
||
|
|
aria-label="{$field.label}"
|
||
|
|
{if $field.required}required{/if}
|
||
|
|
>
|
||
|
|
{if isset($field.availableValues.comment)}
|
||
|
|
<span class="form-text">
|
||
|
|
{$field.availableValues.comment}
|
||
|
|
</span>
|
||
|
|
{/if}
|
||
|
|
{/block}
|
||
|
|
|
||
|
|
{/if}
|
||
|
|
|
||
|
|
{block name='form_field_errors'}
|
||
|
|
{include file='_partials/form-errors.tpl' errors=$field.errors}
|
||
|
|
{/block}
|
||
|
|
|
||
|
|
{block name='form_field_comment'}
|
||
|
|
{if (!$field.required && !in_array($field.type, ['radio-buttons', 'checkbox']))}
|
||
|
|
<div class="form-text">{l s='Optional' d='Shop.Forms.Labels'}</div>
|
||
|
|
{/if}
|
||
|
|
{/block}
|
||
|
|
</div>
|
||
|
|
{/if}
|