templates/configurateur/designaxe.html.twig line 1

  1. <div class="load-pin-design">
  2.     <form action="#">
  3.         <div class="row">
  4.             <div class="col-12 col-sm-4 gutter-all-15 position-relative">
  5.                 <div class="gutter-all-10 general-input-style position-relative">
  6.                     <label>{{ 'charge'|trans({}, 'configurateur')|raw }} (t) 1..1000</label>
  7.                     <input type="number" min="1" max="1000" name="load-pin-design-load" placeholder="{{ 'requis'|trans({}, 'configurateur')|raw }}" class="form-control general-input" style="padding: 0px 10px !important">
  8.                 </div>
  9.             </div>
  10.             <div class="col-12 col-sm-4 gutter-all-15 position-relative">
  11.                 <div class="gutter-all-10 general-input-style position-relative">
  12.                     <label>{{ 'diametre'|trans({}, 'configurateur')|raw }} (mm) 10..500*</label>
  13.                     <input type="number" min="10" max="500" name="load-pin-design-diameter" placeholder="{{ 'requis'|trans({}, 'configurateur')|raw }}" class="form-control general-input" style="padding: 0px 10px !important">
  14.                 </div>
  15.             </div>
  16.             <div class="col-12 col-sm-4 gutter-all-15 position-relative" style="padding-left:0;">
  17.                 <div class="row">
  18.                     <div class="col-4 safety-icon d-flex align-items-center" >
  19.                         <i class="fa-solid fa-circle-arrow-right m-auto"></i>
  20.                     </div>
  21.                     <div class="col-8 position-relative">
  22.                         <div class="gutter-all-10 general-input-style result-style position-relative">
  23.                             <label>{{ 'coef.securite'|trans({}, 'configurateur')|raw }}</label>
  24.                             <input type="text" name="safety-factor" class="form-control general-input border-0 font-white" disabled>
  25.                         </div>
  26.                     </div>
  27.                 </div>
  28.             </div>
  29.         </div>
  30.         <div class="position-relative">
  31.             <div class="col-12 load-pin-design-img-container">
  32.                 <img src="/ps/img/sensyconfigurators/load-pin-design-image-normal.jpg" alt="">
  33.             </div>
  34.             <div class="load-pin-design-result-container">
  35.                 <div class="col-12 mt-2 position-relative">
  36.                     <div class="gutter-all-10 general-input-style result-style">
  37.                         <label>FORCE</label>
  38.                         <div class="result-container">
  39.                             <div>
  40.                                 > 3<span style="font-size:1.5rem;">x</span>
  41.                             </div>
  42.                             <div class="load-pin-design-result load-pin-design-result-3"></div>
  43.                         </div>
  44.                     </div>
  45.                 </div>
  46.                 <div class="col-12 mt-2 position-relative">
  47.                     <div class="gutter-all-10 general-input-style result-style">
  48.                         <label>{{ 'axe.levage'|trans({}, 'configurateur')|raw }}</label>
  49.                         <div class="result-container">
  50.                             <div>
  51.                                 > 5<span style="font-size:1.5rem;">x</span>
  52.                             </div>
  53.                             <div class="load-pin-design-result load-pin-design-result-5"></div>
  54.                         </div>
  55.                     </div>
  56.                 </div>
  57.                 <div class="col-12 mt-2 position-relative">
  58.                     <div class="gutter-all-10 general-input-style result-style">
  59.                         <label>{{ 'ascenseur'|trans({}, 'configurateur')|raw }}</label>
  60.                         <div class="result-container">
  61.                             <div>
  62.                                 > 10<span style="font-size:1.5rem;">x</span>
  63.                             </div>
  64.                             <div class="load-pin-design-result load-pin-design-result-10"></div>
  65.                         </div>
  66.                     </div>
  67.                 </div>
  68.             </div>
  69.         </div>
  70.         <div class="row">
  71.             <div class="col-12 gutter-all-15">
  72.                 <p>{{ 'indicatif'|trans({}, 'configurateur')|raw }}</p>
  73.                 <p>*{{ 'demande'|trans({}, 'configurateur')|raw }}</p>
  74.             </div>
  75.         </div>
  76.     </form>
  77. </div>