templates/configurateur/specifications.html.twig line 1

  1.         <div class="specificiation-block form-group">
  2.             <a class="form-title row" role="button" data-bs-toggle="collapse" href="#specificiation-block" aria-expanded="false" aria-controls="collapseSpecificiation">
  3.                 <div class="col-12 configurator-section-heading" data-target=".specificiation-block">
  4.                     {{ 'caracteristiques'|trans({}, 'configurateur')|raw }}
  5.                     <span class="fa-container"></span>
  6.                 </div>
  7.             </a>
  8.             <div class="form-content row collapse" id="specificiation-block">
  9.                 <div class="col-12">
  10.                     <div class="row">
  11.                         <div class="col-12">
  12.                             <div class="row">
  13.                                 <div class="col-12 col-sm-3 gutter-all-15 position-relative">
  14.                                     <div class="gutter-all-10 general-input-style">
  15.                                         <label>{{ 'capacite.nominale'|trans({}, 'configurateur')|raw }}</label>
  16.                                         <div class="row">
  17.                                             <div class="col-8 pe-0">
  18.                                                 <input type="number" id="ALIAS7" name="load_pins_nominal_capacity" class="form-control general-input">
  19.                                             </div>
  20.                                             <div class="col-4 ps-0 d-flex align-items-end">
  21.                                                 <select name="load_pins_nominal_capacity_unit" id="I33" class="form-control form-control white-select border-radius-right">
  22.                                                     <option value="1">t</option>
  23.                                                     <option value="2">kN</option>
  24.                                                     <option value="3">klbs</option>
  25.                                                 </select>
  26.                                             </div>
  27.                                         </div>
  28.                                     </div>
  29.                                 </div>
  30.                                 <div class="col-12 col-sm-3">
  31.                                     <div class="row">
  32.                                         <div class="col-12 col-sm-12 gutter-all-15 position-relative no-padding-bottom-sm">
  33.                                             <div class="gutter-all-10 general-input-style outerBorder">
  34.                                                 <label>{{ 'signal'|trans({}, 'configurateur')|raw }}</label>
  35.                                                 <select name="load_pins_output_signal" id="ALIAS29" class="form-control" style="margin-top:30px">
  36.                                                     <option value="1">mV/V'</option>
  37.                                                     <option value="2">4-20mA</option>
  38.                                                     <option value="3">0-10V (force)</option>
  39.                                                     <option value="4">1-10V</option>
  40.                                                     <option value="5">1-5V</option>
  41.                                                     <option value="6">RS232</option>
  42.                                                     <option value="7">RS485</option>
  43.                                                     <option value="8">Wireless</option>
  44.                                                     <option value="9">{{ 'autre'|trans({}, 'configurateur')|raw }}</option>
  45.                                                 </select>
  46.                                             </div>
  47.                                         </div>
  48.                                     </div>
  49.                                 </div>
  50.                                 <div class="col-12 col-sm-3">
  51.                                     <div class="row">
  52.                                         <div class="col-12 col-sm-12 gutter-all-15 position-relative">
  53.                                             <div class="gutter-all-10 general-input-style outerBorder">
  54.                                                 <label>{{ 'double.pont'|trans({}, 'configurateur')|raw }}</label>
  55.                                                 <select name="load_pins_dual_bridge" id="I30" class="form-control" style="margin-top:30px;">
  56.                                                     <option value="1">{{ 'non'|trans({}, 'configurateur')|raw }}</option>
  57.                                                     <option value="2">{{ 'oui'|trans({}, 'configurateur')|raw }}</option>
  58.                                                 </select>
  59.                                             </div>
  60.                                         </div>
  61.                                     </div>
  62.                                 </div>
  63.                                 <div class="col-12 col-sm-3 gutter-all-15 position-relative">
  64.                                     <div class="gutter-all-10 general-input-style">
  65.                                         <label>{{ 'cable.longueur'|trans({}, 'configurateur')|raw }}</label>
  66.                                         <div class="row">
  67.                                             <div class="col-8 pe-0">
  68.                                                 <input type="number" value="6" id="ALIAS13" name="load_pins_cable_length" class="form-control general-input">
  69.                                             </div>
  70.                                             <div class="col-4 ps-0 d-flex align-items-end">
  71.                                                 <select name="load_pins_cable_length_unit" id="I19" class="form-control white-select border-radius-right">
  72.                                                     <option value="1">m</option>
  73.                                                     <option value="2">ft</option>
  74.                                                 </select>
  75.                                             </div>
  76.                                         </div>
  77.                                     </div>
  78.                                 </div>
  79.                             </div>
  80.                         </div>
  81.                     </div>
  82.                     <div class="row">
  83.                         <div class="col-12 col-sm-6 gutter-all-15 position-relative">
  84.                             <div class="gutter-all-10 general-input-style">
  85.                                 <label>{{ 'temperature'|trans({}, 'configurateur')|raw }}</label>
  86.                                 <div class="row">
  87.                                     <div class="col-6">
  88.                                         <input type="radio" name="temperature-optional-input-radio" value="1" id="__I31__1" style="margin-top:19px;" class="temperature-input" checked>
  89.                                         <label for="__I31__1" class="inter-label">Standard
  90.                                             <span data-bs-toggle="tooltip" title="" style="width:17px; display: inline; padding-left:10px;" data-html="true" data-bs-original-title="{{ 'temperature.tooltip'|trans({}, 'configurateur')|raw }}">
  91.                                                 <i class="fa-solid fa-circle-info"></i>
  92.                                             </span>
  93.                                         </label>
  94.                                     </div>
  95.                                     <div class="col-6">
  96.                                         <input type="radio" name="temperature-optional-input-radio" value="2" id="temperature-optional-input-radio" style="margin-top:19px;" class="temperature-input">
  97.                                         <label for="temperature-optional-input-radio" class="inter-label">{{ 'autre'|trans({}, 'configurateur')|raw }}</label>
  98.                                     </div>
  99.                                 </div>
  100.                                 
  101.                                     
  102.                                 <div class="row collapse temperature-optional-inputs">
  103.                                     <div class="col-6" style="padding-right:5px;">
  104.                                         <input type="text" id="ALIAS26" name="load_pins_temperature_value" value="0" class="form-control general-input" style="margin-top:0px; padding-bottom:0 !important; background-color:rgba(255,255,255,0.2);">
  105.                                     </div>
  106.                                     <div class="col-6">
  107.                                         <div class="row " style="margin-left: 24px;">
  108.                                             <div class="col-6 " style="max-width:80px;">
  109.                                                 <input type="radio" name="load_pins_temperature_unit" value="1" id="__I23__1" style="margin-top:0px;" checked>
  110.                                                 <label for="__I23__1" class="inter-label inline-label">°C</label>
  111.                                             </div>
  112.                                             <div class="col-6 " style="max-width:80px;">
  113.                                                 <input type="radio" name="load_pins_temperature_unit" value="2" id="__I23__2" style="margin-top:0px;">
  114.                                                 <label for="__I23__2" class="inter-label inline-label">°F</label>
  115.                                             </div>
  116.                                         </div>
  117.                                     </div>
  118.                                 </div>
  119.                             </div>
  120.                         </div>
  121.                         <div class="col-12 col-sm-6">
  122.                             <div class="row">
  123.                                 <div class="col-12 gutter-all-15 position-relative no-padding-bottom-sm">
  124.                                     <div class="gutter-all-10 general-input-style environment-style">
  125.                                         <label>{{ 'environnement'|trans({}, 'configurateur')|raw }}</label>
  126.                                         <select name="load_pins_env" id="I35" class="form-control environnment-select">
  127.                                             <option value="1">Normal</option>
  128.                                             <option value="2">{{ 'marin'|trans({}, 'configurateur')|raw }}</option>
  129.                                             <option value="3">{{ 'immerge'|trans({}, 'configurateur')|raw }}</option>
  130.                                             <option value="4">{{ 'corrisif'|trans({}, 'configurateur')|raw }}</option>
  131.                                         </select>
  132.                                         <div class="row environment-depth collapse">
  133.                                             <div class="col-12 col-sm-6 gutter-all-5 inner-input-style">
  134.                                                 <label class="text-center" style="display:block;white-space: nowrap;">{{ 'profondeur'|trans({}, 'configurateur')|raw }} (m)</label>
  135.                                                 <input type="number" id="I50" name="load_pins_immersion_depth" max="99999" value="0" class="form-control general-input" style="margin-top:22px !important;">
  136.                                             </div>
  137.                                             <div class="col-12 col-sm-6 gutter-all-5 inner-input-style immersion-time-container">
  138.                                                 <div class="row">
  139.                                                     <div class="col-12">
  140.                                                         <label class="text-center" style="display:block;">{{ 'duree'|trans({}, 'configurateur')|raw }}</label>
  141.                                                         <div class="row">
  142.                                                             <div class="col-8 col-sm-5">
  143.                                                                 <input type="number" id="I37" name="load_pins_immersion_time" max="9999" value="0" class="form-control general-input" style="margin-top:20px !important;"> 
  144.                                                             </div>
  145.                                                             <div class="col-4 col-sm-7" style="padding-top:5px; padding-left:5px;">
  146.                                                                 <input type="radio" name="load_pins_immersion_time_unit" value="1" id="load_pins_immersion_time_unit_month" style="margin-top:0px;">
  147.                                                                 <label for="load_pins_immersion_time_unit_month" class="inter-label inline-label font-small">{{ 'mois'|trans({}, 'configurateur')|raw }}</label>
  148.                                                                 <br>
  149.                                                                 <input type="radio" name="load_pins_immersion_time_unit" value="2" id="load_pins_immersion_time_unit_years" style="margin-top:0px;" checked>
  150.                                                                 <label for="load_pins_immersion_time_unit_years" class="inter-label inline-label font-small">{{ 'annee'|trans({}, 'configurateur')|raw }}</label>
  151.                                                             </div>
  152.                                                         </div>
  153.                                                     </div>
  154.                                                 </div>
  155.                                             </div>
  156.                                         </div>  
  157.                                     </div>
  158.                                 </div>
  159.                             </div>
  160.                         </div>
  161.                     </div>
  162.                     <div class="row">
  163.                         <div class="col-12 col-sm-3 gutter-all-15 position-relative">
  164.                             <div class="gutter-all-10 general-input-style outerBorder">
  165.                                 <label>{{ 'type.application'|trans({}, 'configurateur')|raw }}</label>
  166.                                 <select name="load_pins_application_type" id="I38" class="form-control">
  167.                                     <option value="1">{{ 'levage'|trans({}, 'configurateur')|raw }}</option>
  168.                                     <option value="2">{{ 'force.statique'|trans({}, 'configurateur')|raw }}</option>
  169.                                     <option value="3">{{ 'force.dynamique'|trans({}, 'configurateur')|raw }}</option>
  170.                                 </select>
  171.                             </div>
  172.                         </div>
  173.                         <div class="col-12 col-sm-3 gutter-all-15 position-relative">
  174.                             <div class="gutter-all-10 general-input-style outerBorder">
  175.                                 <label>{{ 'protection'|trans({}, 'configurateur')|raw }}</label>
  176.                                 <select name="load_pins_protection_level" id="I40" class="form-control">
  177.                                     <option value="1">IP65</option>
  178.                                     <option value="2">IP66</option>
  179.                                     <option value="3">IP67</option>
  180.                                     <option value="4">IP68</option>
  181.                                     <option value="5">{{ 'autre'|trans({}, 'configurateur')|raw }}</option>
  182.                                 </select>
  183.                             </div>
  184.                         </div>
  185.                         <div class="col-12 col-sm-3 gutter-all-15 position-relative">
  186.                             <div class="gutter-all-10 general-input-style outerBorder">
  187.                                 <label>{{ 'securite'|trans({}, 'configurateur')|raw }}</label>
  188.                                 <select name="load_pins_intrinsically_safe" id="I45" class="form-control">
  189.                                     <option value="1">{{ 'non.applicable'|trans({}, 'configurateur')|raw }}</option>
  190.                                     <option value="2">ATEX</option>
  191.                                     <option value="3">IECEx / ATEX</option>
  192.                                     <option value="4">CSA (US / Canada)</option>
  193.                                     <option value="5">Triple certification</option>
  194.                                 </select>
  195.                             </div>
  196.                         </div>
  197.                         <div class="col-12 col-sm-3 gutter-all-15 position-relative">
  198.                             <div class="gutter-all-10 general-input-style outerBorder">
  199.                                 <label>{{ 'autre'|trans({}, 'configurateur')|raw }}</label>
  200.                                 <select name="load_pins_other" id="I42" class="form-control">
  201.                                     <option value="1">{{ 'non'|trans({}, 'configurateur')|raw }}</option>
  202.                                     <option value="2">{{ 'biaxial'|trans({}, 'configurateur')|raw }}</option>
  203.                                     <option value="3">{{ 'design.special'|trans({}, 'configurateur')|raw }}</option>
  204.                                     <option value="4">{{ 'environnement.special'|trans({}, 'configurateur')|raw }}</option>
  205.                                     <option value="5">{{ 'connecteur.special'|trans({}, 'configurateur')|raw }}</option>
  206.                                 </select>
  207.                             </div>
  208.                         </div>
  209.                     </div>
  210.                     <div class="row">
  211.                         <div class="col-12 gutter-all-15 position-relative">
  212.                             <div class="gutter-all-10 general-input-style outerBorder">
  213.                                 <label>{{ 'remarques'|trans({}, 'configurateur')|raw }}</label>
  214.                                 <textarea name="load_pins_remarks" id="I41" cols="30" rows="3" class="form-control" style="margin-top:10px;"></textarea>
  215.                             </div>
  216.                         </div>
  217.                     </div>
  218.                     <div class="next-button-container">
  219.                         <div class="bouton">
  220.                             <span class="flat-bouton flat-bouton-configurator float-end" data-target=".design-block">{{ 'suivant'|trans({}, 'configurateur')|raw }}</span>
  221.                         </div>
  222.                         <div class="clearfix"></div>
  223.                     </div>
  224.                 </div>
  225.             </div>
  226.         </div>