lib/form/templates/element-checkbox.mustache

   1 <div class="form-group row {{#error}}has-danger{{/error}} fitem {{#advanced}}advanced{{/advanced}} {{{element.extraclasses}}}">
   2     <div class="col-md-3">
   3         {{#text}}
   4             <label for="{{element.id}}">
   5                 {{{label}}}
   6             </label>
   7         {{/text}}
   8     </div>
   9     <div class="col-md-9 checkbox">
  10         <div class="form-check d-flex">
  11             {{^element.hardfrozen}}
  12                 {{#element.frozen}}
  13                     <input type="hidden" name="{{element.name}}" value="{{element.frozenvalue}}">
  14                 {{/element.frozen}}
  15             {{/element.hardfrozen}}
  16             <input type="checkbox"
  17                 name="{{element.name}}"
  18                 class="form-check-input {{element.extraclasses}}"
  19                 {{#element.value}}
  20                     value="{{element.value}}"
  21                 {{/element.value}}
  22                 {{^element.value}}
  23                     value="1"
  24                 {{/element.value}}
  25                 id="{{element.id}}" {{#element.checked}}checked{{/element.checked}}
  26                 {{#error}}
  27                     autofocus aria-describedby="{{#text}}{{element.id}}_description {{/text}}{{element.iderror}}"
  28                 {{/error}}
  29                 {{^error}}
  30                     {{#text}}
  31                         aria-describedby="{{element.id}}_description"
  32                     {{/text}}
  33                 {{/error}}
  34                 {{#element.frozen}}
  35                     disabled
  36                 {{/element.frozen}}
  37                 {{{element.attributes}}} >
  38             {{#text}}
  39                 <span id="{{element.id}}_description">
  40                     {{{.}}}
  41                 </span>
  42             {{/text}}
  43             {{^text}}
  44                 <label for="{{element.id}}">
  45                     {{{label}}}
  46                 </label>
  47             {{/text}}
  48             <div class="ml-2 d-flex align-items-center align-self-start">
  49                 {{#required}}
  50                     <div class="text-danger" title="{{#str}}required{{/str}}">
  51                     {{#pix}}req, core, {{#str}}required{{/str}}{{/pix}}
  52                     </div>
  53                 {{/required}}
  54                 {{{helpbutton}}}
  55             </div>
  56         </div>
  57         <div class="form-control-feedback invalid-feedback" id="{{element.iderror}}" {{#error}} style="display: block;"{{/error}}>
  58             {{{error}}}
  59         </div>
  60     </div>
  61 </div>
  62 {{^element.frozen}}
  63
  64 {{#js}}
  65 require(['theme_boost/form-display-errors'], function(module) {
  66     module.enhance({{#quote}}{{element.id}}{{/quote}});
  67 });
  68 {{/js}}
  69 {{/element.frozen}}