templates/includes/form_elements/input.html.twig line 1

Open in your IDE?
  1. {% set errors = errors | default([]) %}
  2. {% set styleModifier = styleModifier | default('') %}
  3. {% set labelModifier = labelModifier | default('') %}
  4. {% set inputModifier = inputModifier | default('') %}
  5. {% set inputWrapperModifier = inputWrapperModifier | default('') %}
  6. {% set additionalText = additionalText | default(false) %}
  7. {% set id = id | default('') %}
  8. {% set type = type | default('text') %}
  9. {% set label = label | default('') %}
  10. {% set name = name | default('') %}
  11. {% set value = value | default('') %}
  12. {% set placeholder = placeholder | default('') %}
  13. {% set helpText = helpText | default('') %}
  14. {% set helpText = helpText | default('') %}
  15. {% set disabled = disabled | default('') %}
  16. {% set required = required | default('') %}
  17. {% set readonly = readonly | default('') %}
  18. {% set step = step | default(1) %}
  19. {% set isRequieredOptional = isRequieredOptional | default(false) %}
  20. {% set isRequieredOptionalChecked = isRequieredOptionalChecked | default(false) %}
  21. {% set defaultValue = defaultValue | default('') %}
  22. {% set maxLength = maxLength | default(0) %}
  23. {% set min = min | default(0) %}
  24. {% set max = max | default(0) %}
  25. {% set productId = productId |default(0) %}
  26. {% set attributeId = attributeId |default(0) %}
  28. <div class="{{ isRequieredOptional ? 'js-optional-required' }}">
  29.     <div class="form-group {{ (errors | length > 0) ? 'has-error' }} {{ styleModifier }} {{ isRequieredOptional ? 'mb-2' }}">
  30.         <div class="{{ inputWrapperModifier }}">
  31.             {{ include('/includes/form_elements/includes/form-control-label.html.twig', _context) }}
  33.             {% if additionalText %}
  34.                 <div class="small mt-1">{{ additionalText }}</div>
  35.             {% endif %}
  37.             <input type="{{ type }}"
  38.                    class="form-control {{ (errors | length > 0 )? 'is-invalid' }} {{ inputModifier }} {{ isRequieredOptional ? 'js-optional-required__input' }}"
  39.                    name="{{ name }}"
  40.                    id="{{ id }}"
  41.                    placeholder="{{ placeholder }}"
  42.                    value="{{ value }}"
  43.                    step="{{ step }}"
  44.             {{ required or isRequieredOptional ? 'required' }}
  45.             {{ disabled ? 'disabled' }}
  46.             {{ readonly ? 'readonly' }}
  47.             {{ helpText | default(null) ? 'aria-describedby="' ~ id ~'-help-block"' }}
  48.             {{ maxLength ? 'maxlength=' ~ maxLength ~ '' }}
  49.             {{ min ? 'min=' ~ min }}
  50.             {{ max ? 'max=' ~ max }}
  51.             {% for key, value in inputAttributes | default([]) %}
  52.                 {{key}}="{{value}}"
  53.             {% endfor %}
  54.             >
  55.         </div>
  56.         {{ include('/includes/form_elements/includes/form-errors.html.twig', _context) }}
  57.         {{ include('/includes/form_elements/includes/form-control-help-text.html.twig', _context) }}
  58.     </div>
  60.     {% if isRequieredOptional %}
  61.         <div class="form-group">
  62.             {{ include('/includes/form_elements/checkbox.html.twig',
  63.                     {
  64.                         label: ('supplier-portal.Keine Angabe möglich' | trans),
  65.                         required: false,
  66.                         id: 'optCheckbox'~id,
  67.                         name: null,
  68.                         inputModifier: 'js-optional-required__checkbox',
  69.                         checked: isRequieredOptionalChecked or value is same as defaultValue,
  70.                         defaultValue: defaultValue,
  71.                         inputAttributes: {'data-fetch-url': url('supplier_portal_save_optional_required', { 'product' : productId, 'attribute' : attributeId})},
  72.                         readonly: readonly
  73.                     }
  74.                 )
  75.             }}
  76.             </div>
  77.     {% endif %}
  79. </div>