templates/product/edit.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     {{'page.product.edit'|trans}}
  5. {% endblock %}
  6. {% block bodyClass %}product
  7. {% endblock %}
  9. {% block body %}
  11.     <div class="form">
  12.         <div class="form__form">
  13.             <nav class="tabSteps form__tabSteps">
  14.                 <div class="tabStep form__tabStep {% if step is null or step == "product-essential"%}active{% endif %}" data-step="product-essential">
  15.                     <span>{{"page.product.tabs.Essential"|trans}}</span>
  16.                 </div>
  17.                 <div class="tabStep form__tabStep {% if step == "product-image" %}active{% endif %}" data-step="product-image">
  18.                     <span>{{"page.product.tabs.Images"|trans}}</span>
  19.                 </div>
  20.                 <div class="tabStep form__tabStep {% if step == "product-combination" %}active{% endif %}" data-step="product-combination">
  21.                     <span>{{"page.product.tabs.Combinations"|trans}}</span>
  22.                 </div>
  23.                 <div class="tabStep form__tabStep {% if step == "product-feature" %}active{% endif %}" data-step="product-feature">
  24.                     <span>{{"page.product.tabs.Features"|trans}}</span>
  25.                 </div>
  26.                 <div class="tabStep form__tabStep {% if step == "product-files" %}active{% endif %}" data-step="product-files">
  27.                     <span>{{"page.product.tabs.Files"|trans}}</span>
  28.                 </div>
  29.                 {# <div class="tabStep form__tabStep {% if step == "product-erp-commercial" %}active{% endif %}" data-step="product-erp-commercial">
  30.                                     <span>{{"page.product.tabs.ERP Commercial"|trans}}</span>
  31.                                 </div>
  32.                                 <div class="tabStep form__tabStep {% if step == "product-erp-logistic" %}active{% endif %}" data-step="product-erp-logistic">
  33.                                     <span>{{"page.product.tabs.ERP Logistics"|trans}}</span>
  34.                                 </div> #}
  35.             </nav>
  36.             <div class="form__wrapper">
  37.                 {{ form_start(formProduct) }}
  38.                 <div class="tab form__tab {% if step is null or step == " product-essential" %}active{% endif %}" data-step="product-essential">
  39.                     <h2 class="form__title">{{'page.product.edit'|trans}}</h2>
  40.                     <div class="form__langs">
  41.                         <div data-tab-name="essential" class="form__lang lang active" data-lang="0">
  42.                             <div class="lang__name">
  43.                                 <span>{{'page.product.general'|trans}}</span>
  44.                             </div>
  45.                             <div class="lang__ico">
  46.                                 {% include "svg/world.svg" %}</div>
  47.                         </div>
  48.                         {% for lang in langs %}
  49.                             {% for productLang in product.productLangs %}
  50.                                 {% if productLang.lang == lang %}
  51.                                     <div data-tab-name="essential" class="langProgression {% if productLang.progression > 98 %}langProgression--green{% elseif productLang.progression > 74 %}langProgression--yellow{% else %}langProgression--red{% endif %}" data-lang="{{lang.id}}">
  52.                                         <div class="langProgression__identity">
  53.                                             <div class="langProgression__name">
  54.                                                 <span>{{lang.icu}}</span>
  55.                                             </div>
  56.                                             <div class="langProgression__ico"><img src="/image/svg/ico_{{lang.icu}}.svg"></div>
  57.                                         </div>
  58.                                         <div class="langProgression__progression">{{productLang.progression}}%</div>
  59.                                     </div>
  60.                                 {% endif %}
  61.                             {% endfor %}
  62.                         {% endfor %}
  63.                     </div>
  65.                     {% include "product/_form.html.twig" %}
  66.                 </div>
  67.                 <div class="tab form__tab {% if step == "product-image" %}active{% endif %}" data-step="product-image">
  68.                     {% include "product/_image.html.twig" %}
  69.                 </div>
  70.                 <div class="tab form__tab {% if step == "product-combination" %}active{% endif %}" data-step="product-combination">
  71.                     {% include "product/_combination.html.twig" %}
  72.                 </div>
  73.                 <div class="tab form__tab {% if step == "product-feature" %}active{% endif %}" data-step="product-feature">
  74.                     {% include "product/_feature.html.twig" %}
  75.                 </div>
  76.                 <div class="tab form__tab {% if step == "product-files" %}active{% endif %}" data-step="product-files">
  77.                     {% include "product/file/_files.html.twig" %}
  78.                 </div>
  79.                 {# <div class="tab form__tab {% if step == "product-erp-commercial" %}active{% endif %}" data-step="product-erp-commercial">
  80.                                     {% include "product/erp/commercial.html.twig" %}
  81.                                 </div>
  82.                                 <div class="tab form__tab {% if step == "product-erp-logistic" %}active{% endif %}" data-step="product-erp-logistic">
  83.                                     {% include "product/erp/logistic.html.twig" %}
  84.                                 </div> #}
  85.                 <div class="form__actions">
  86.                     <div class="container form__actionsWrapper">
  87.                         <button class="btn btn__primary" type="submit" class="btn">{{'entity.product.action.Save'|trans}}</button>
  88.                         <button class="btn btn__primary" name="stay" value="1" type="submit" class="btn">{{'entity.product.action.Save and stay'|trans}}</button>
  89.                         <span class="btn btn__primary syncButton" data-product-id="{{product.id}}">
  90.                             {{'page.product.list.action.Sync'|trans}}
  91.                         </span>
  92.                         <a tabindex="0" class="btn btn__primary--line" href="{{url('app_product_index')}}">{{'entity.product.action.Back'|trans}}</a>
  93.                     </div>
  95.                 </div>
  96.                 {{ form_end(formProduct, {'render_rest': false}) }}
  97.             </div>
  99.         </div>
  100.     </div>
  102.     <div class="modal">
  103.         <form method="POST" action="{{url('app_product_sync')}}" class="modal__wrapper">
  104.             <input type="hidden" name="productId" id="inputProductId" value="{{product.id}}">
  105.             <h2 class="modal__title">Sync product</h2>
  106.             <section class="modal__section">
  107.                 <h3 class="modal__sectionTitle">Select the web sites where your want sync the product</h3>
  109.                 <div class="modal__checkbox modal__checkbox--type">
  110.                     {% for site in sites %}
  111.                         <div class="input_group input_group--checkbox">
  112.                             <label for="selectSyncSite{{site.id}}">{{site.name}}</label>
  113.                             <input type="checkbox" id="selectSyncSite{{site.id}}" name="selectSyncSite[]" value="{{site.id}}">
  114.                         </div>
  115.                     {% endfor %}
  116.                 </div>
  117.             </section>
  119.             <button type="submit" class="btn btn--sizeM btn__primary--line btnExport">Sync</button>
  120.         </form>
  121.     </div>
  123. {% endblock %}