templates/form/_formEnquete.html.twig line 1

Open in your IDE?
  1. {% verbatim %}
  2.     <!-- Select type -->
  3.     <div class="col-md-12 mt-20" ng-if="field.type == 'select'">
  4.         <div class="form-group select-first">
  5.             <h4 for="{{ field.id }} ">{{ field.title }}<span style="color: red" ng-if="field.required">*</span></h4>
  6.             <select class="form-control" id=" {{ field.id }} " name="{{ field.id }}" ng-model="answerContent[field.id]"
  7.             ng-required="field.required">
  8.                  <option ng-repeat="(key, option) in field.options" value="{{option}}">{{ option }}</option>
  9.             </select>
  10.              <small class="text-danger" id="required-{{ field.id }}"></small>
  11.         </div>
  12.     </div>
  14.     <!-- Text -->
  15.     <div class="col-md-12 mt-20" ng-if="field.type == 'text'">
  16.         <div class="form-group">
  17.             <h4> {{ field.title }}<span style="color: red" ng-if="field.required">*</span></h4>
  18.             <input type="text" id="userName" class="form-control" name="{{ field.id }}" ng-model="answerContent[field.id]"
  19.             ng-required="field.required">
  20.             <small class="text-danger" id="required-{{ field.id }}"></small>
  21.         </div>
  22.     </div>
  24.     <!-- Textarea type -->
  25.     <div class="col-md-12 mt-20" ng-if="field.type == 'textLong'">
  26.         <div class="form-group">
  27.             <h4>{{ field.title }}<span style="color: red" ng-if="field.required">*</span></h4>
  28.             <textarea class="form-control" id="{{ field.id }}" name="{{ field.id }}"  rows="3" ng-model="answerContent[field.id]"
  29.             ng-required="field.required"></textarea>
  30.              <small class="text-danger" id="required-{{ field.id }}"></small>
  31.         </div>
  32.     </div>
  34.     <!-- Date -->
  35.     <div class="col-md-12 mt-20" ng-if="field.type == 'dateTime'">
  36.         <div class="form-group">
  37.             <h4>{{ field.title }}<span style="color: red" ng-if="field.required">*</span></h4>
  38.             <div class="input-group">
  39.                 <div class="input-group-prepend">
  40.                     <span class="input-group-text">
  41.                         <i class="icon wb-calendar" aria-hidden="true"></i>
  42.                     </span>
  43.                 </div>
  44.                 <input type="date" class="form-control" name="{{ field.id }}" id="{{ field.id }}"
  45.                 ng-model="answerContent[field.id]" ng-required="field.required">
  46.                  <small class="text-danger" id="required-{{ field.id }}"></small>
  47.             </div>
  48.         </div>
  49.     </div>
  51.     <!-- Integer type -->
  52.     <div class="col-md-12 mt-20" ng-if="field.type == 'integer' || field.type == 'animal_integer'">
  53.         <div class="form-group">
  54.             <h4>{{ field.title }}<span style="color: red" ng-if="field.required">*</span></h4>
  55.             <input type="number" id="{{ field.id }}" class="form-control" name="{{ field.id }}"
  56.             ng-model="answerContent[field.id]" ng-required="field.required">
  57.              <small class="text-danger" id="required-{{ field.id }}"></small>
  58.         </div>
  59.     </div>
  61.     <!-- Decimal type -->
  62.     <div class="col-md-12 mt-20" ng-if="field.type == 'decimal'">
  63.         <div class="form-group">
  64.             <h4>{{ field.title }}<span style="color: red" ng-if="field.required">*</span></h4>
  65.             <input type="number" step="any" id="{{ field.id }}" class="form-control" name="{{ field.id}}"
  66.             ng-model="answerContent[field.id]" ng-required="field.required">
  67.               <small class="text-danger" id="required-{{ field.id }}"></small>
  68.         </div>
  69.     </div>
  71.     <!-- Checkbox type -->
  72.     <div class="col-md-12 mt-20" ng-if="field.type == 'checkBox'">
  73.         <div>
  74.             <h4>{{ field.title }}<span style="color: red" ng-if="field.required">*</span></h4>
  75.         </div>
  76.         <div class="form-check form-check-inline" ng-repeat="(key, option) in field.options">
  77.             <input class="form-check-input" type="radio" ng-value="option" name="{{ field.id }}" id="{{ field.id }}"
  78.             ng-model="answerContent[field.id]" ng-required="field.required">
  79.             <label class="form-check-label" for="{{ option }}">{{ option }}</label>
  80.         </div>
  81.           <small class="text-danger" id="required-{{ field.id }}"></small>
  82.     </div>
  84.     <!-- Checkbox multiple type -->
  85.     <div class="col-md-12 mt-20" ng-if="field.type == 'checkBox_multiple'">
  86.         <div>
  87.             <h4>{{ field.title }}<span style="color: red" ng-if="field.required">*</span></h4>
  88.         </div>
  89.         <div class="form-check form-check-inline" ng-repeat="(key, option) in field.options">
  90.             <input class="form-check-input" type="checkbox" ng-value="option" name="{{ field.id }}" id="{{ field.id }}"
  91.             ng-model="answerContent[field.id][option]">
  92.             <label class="form-check-label" for="inlineCheckbox1">{{ option }}</label>
  93.         </div>
  94.           <small class="text-danger" id="required-{{ field.id }}"></small>
  95.     </div>
  97.     <!-- Animal type -->
  98.     <div class="col-md-12 mt-20" ng-if="field.type == 'animal'">
  99.         <div>
  100.             <h4>{{ field.title }}<span style="color: red" ng-if="field.required">*</span></h4>
  101.         </div>
  102.         <div class="form-check form-check-inline" ng-repeat="(key, option) in field.options">
  103.             <input class="form-check-input" type="radio" name="{{ field.id }}" id="{{ field.id }}" ng-value="{{ option.id }}"
  104.                    ng-model="answerContent[field.id]">
  105.             <label class="form-check-h4">
  106.                 {{ option.name }}
  107.             </label>
  108.         </div>
  109.         <div ng-if="arrayAnswerAnimals[field.id]">
  110.             {{ arrayAnswerAnimals[field.id].name }}
  111.             <a href="" ng-click="removeAnswerAnimal(field, arrayAnswerAnimals[field.id])">
  112.                 <i class="icon wb-minus ml-10" style="color:red" aria-hidden="true"></i>
  113.             </a>
  114.         </div>
  115.          <small class="text-danger" id="required-{{ field.id }}"></small>
  116.          <!-- Button other -->
  117.         <div class="d-flex">
  118.             <button type="button" class="btn btn-success mt-20" data-toggle="modal" data-target="#animalModal"
  119.                 ng-click="addFieldModal(field.id, field.fieldType)">
  120.                 Autre
  121.             </button>
  122.         </div>
  123.     </div>
  125.     <!-- Animals type -->
  126.     <div class="col-md-12 mt-20" ng-if="field.type == 'animals'">
  127.         <div>
  128.             <h4>{{ field.title }}<span style="color: red" ng-if="field.required">*</span></h4>
  129.         </div>
  130.         <div class="form-check form-check-inline" ng-repeat="(key, option) in field.options">
  131.             <input class="form-check-input" type="checkbox" name="{{ field.id }}" id="{{ field.id }}"
  132.             ng-model="answerContent[field.id][option.id]" ng-true-value="{{option.id}}" ng-false-value="null">
  133.             <label class="form-check-h4" for="inlineCheckbox1">{{ option.name }}</label>
  134.         </div>
  135.         <div ng-repeat="animalName in arrayAnswerAnimals[field.id]">
  136.             {{ animalName.name }}
  137.             <a href="" ng-click="removeAnswerAnimals(field, animalName)">
  138.                 <i class="icon wb-minus ml-10" style="color:red" aria-hidden="true"></i>
  139.             </a>
  140.         </div>
  141.          <small class="text-danger" id="required-{{ field.id }}"></small>
  142.         <!-- Button other -->
  143.         <div class="d-flex">
  144.             <button type="button" class="btn btn-success mt-20" data-toggle="modal" data-target="#animalsModal"
  145.                 ng-click="addFieldModal(field.id, field.fieldType)">
  146.                 Autre
  147.             </button>
  148.         </div>
  149.     </div>
  151.     <!--    bigList Type    -->
  152.     <div class="col-md-12 mt-20" ng-if="field.type == 'bigList'">
  153.         <div class="form-group select-first bigList-container">
  154.             <h4 for="{{ field.id }} ">{{ field.title }}<span style="color: red" ng-if="field.required">*</span></h4>
  155.             <select class="form-control select2-bigList" data-plugin="select2"
  156.              id=" {{ field.id }} " name="{{ field.id }}" ng-model="answerContent[field.id]"
  157.              ng-required="field.required" tabindex="-1" aria-hidden="true"
  158.               ng-options="line.id as line.name for line in arrayBigList[field.bigList]">
  159.             </select>
  160.              <small class="text-danger" id="required-{{ field.id }}"></small>
  161.         </div>
  162.     </div>
  164.        <!--    bigListMultiple Type    -->
  165.     <div class="col-md-12 mt-20" ng-if="field.type == 'bigListMultiple'">
  166.         <div class="form-group select-first bigList-container">
  167.             <h4 for="{{ field.id }} ">{{ field.title }}<span style="color: red" ng-if="field.required">*</span></h4>
  168.             <select class="form-control select2-bigList" data-plugin="select2" multiple
  169.              id=" {{ field.id }} " name="{{ field.id }}" ng-model="answerContent[field.id]"
  170.              ng-required="field.required" tabindex="-1" aria-hidden="true"
  171.               ng-options="line.id as line.name for line in arrayBigList[field.bigList]">
  172.             </select>
  173.              <small class="text-danger" id="required-{{ field.id }}"></small>
  174.         </div>
  175.     </div>
  177.         <!-- Surface type -->
  178.     <div class="col-md-12 mt-20" ng-if="field.type == 'surface'">
  179.         <div class="form-group">
  180.             <h4>{{ field.title }}<span style="color: red" ng-if="field.required">*</span></h4>
  181.             <div class="row">
  182.             <div class="col-11">
  183.                  <input type="number" step="any" id="{{ field.id }}" class="form-control" name="{{ field.id}}"
  184.                 ng-model="answerContent[field.id]" ng-required="field.required">
  185.                   <small class="text-danger" id="required-{{ field.id }}"></small>
  186.               </div>
  187.            <div class="col-1 text-center">
  188.            <p>{{field.unit}}</p>
  189.             </div>
  190.             </div>
  191.         </div>
  192.     </div>
  194. {% endverbatim %}