templates/admin/admin_autopromo/edit_autopromo.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/layouts_admin/base_administration.html.twig' %}
  3. {% block headerContent %}
  4.     <div class="page-title-heading">
  5.         <div class="page-title-icon">
  6.             <i class="pe-7s-photo icon-gradient bg-tempting-azure">
  7.             </i>
  8.         </div>
  9.         <div>Fiche autopromo.
  10.             <div class="page-title-subheading">Ici, vous
  11.                 pouvez {% if autopromo.id > 0 %}modifier votre{% else %}ajouter une{% endif %} autopromo.
  12.             </div>
  13.         </div>
  14.     </div>
  15.     <div class="page-title-actions" id="btn-actions">
  16.         <div id="btnOpen" class=""></div>
  17.         <div class="d-inline-block dropdown">
  18.             <button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
  19.                     class="btn-shadow dropdown-toggle btn btn-info">
  20.             <span class="btn-icon-wrapper pr-2 opacity-7">
  21.                 <i class="fa-w-20"></i>
  22.             </span>
  23.                 Actions
  24.             </button>
  25.             <div tabindex="-1" role="menu" aria-hidden="true" class="dropdown-menu dropdown-menu-right" style="">
  26.                 <ul class="nav flex-column">
  27.                     <li class="nav-item">
  28.                         <a class="nav-link" href="{{ path('admin_autopromo_edit') }}">
  29.                             <i class="nav-link-icon fa fa-plus"></i>
  30.                             <span>
  31.                             Ajouter une autopromo
  32.                         </span>
  33.                         </a>
  34.                     </li>
  35.                 </ul>
  36.             </div>
  37.         </div>
  38.     </div>
  39. {% endblock %}
  42. {% block content %}
  43.     {% set opt = modOptions(optionsModule) %}
  44.     {% set nbCompteurCaract = 0 %}
  45.     <div class="main-card mb-3 card">
  46.         <div class="card-body">
  47.             <h5>{% if autopromo.id > 0 %}Modifier{% else %}Ajouter{% endif %} votre autopromo</h5>
  48.             {% if autopromo.id > 0 %}
  49.                 <div class="mb-2">
  50.                 <sm>Ajoutée le {{ autopromo.getCreationDatetime()|date("d-m-Y Ã  H:i:s") }}</sm></div>{% endif %}
  52.             {{ form_start(form) }}
  53.             <div class="form-row">
  54.                 <div class="col-md-6">
  55.                     <div class="position-relative form-check pl-0">
  56.                         <label>Statut</label>
  57.                         {{ form_row(form.isOnline, {'attr': {'class':'form-check form-check-inline'} } ) }}
  58.                     </div>
  59.                 </div>
  60.                 <div class="col-md-6">
  61.                     <div class="position-relative form-group">
  62.                         <label>Ouvrir le lien dans une nouvelle fenêtre</label>
  63.                         {{ form_row(form.isBlank, {'attr': {'class':'form-check form-check-inline'} } ) }}
  64.                     </div>
  65.                 </div>
  66.             </div>
  67.             <div class="form-row">
  68.                 <div class="col-md-6">
  69.                     <div class="position-relative form-group">
  70.                         {{ form_row(form.section, { 'label': "Zone d'affichage" }) }}
  71.                     </div>
  72.                 </div>
  73.                 <div class="col-md-6">
  74.                     <div class="position-relative form-group">
  75.                         {{ form_row(form.url, { 'label': "Lien au clic sur l'image" }) }}
  76.                     </div>
  77.                 </div>
  78.             </div>
  79.             <div class="form-row">
  80.                 <div class="col-md-6">
  81.                     <div class="position-relative form-group">
  82.                         {{ form_row(form.imageAlt, { 'label': 'Texte du ALT de l\'image' }) }}
  83.                     </div>
  84.                 </div>
  85.                 <div class="col-md-6">
  86.                     <div class="position-relative form-group">
  87.                         {{ form_row(form.texteBouton, { 'label': 'Texte du lien "bouton"' }) }}
  88.                     </div>
  89.                 </div>
  90.             </div>
  91.             <div class="form-row">
  92.                 <div class="col-md-6">
  93.                     <div class="position-relative form-group">
  95.                         {% set nbCompteurCaract = nbCompteurCaract+1 %}
  96.                         {% set caracId = "auto" ~ autopromo.id ~ 'nb' ~ nbCompteurCaract %}
  98.                         {{ form_row(form.title, { 'label': 'Titre' ,'attr': { 'data-compteur':'1', 'data-carac-id': caracId , 'data-type':'titreAuto', 'onKeyUp':'javascript:compterCaracteres("'~ caracId ~'");' } }) }}
  99.                         <p id="compteurCaract-{{ caracId }}">0 mots | 0 Caractere / 200</p>
  100.                         <input type="hidden" name="value-{{ caracId }}" id="value-{{ caracId }}"
  101.                                value="{{ opt.charTAuto }}"/>
  102.                     </div>
  103.                 </div>
  104.                 <div class="col-md-6">
  105.                     <div class="position-relative form-group">
  106.                         {% set nbCompteurCaract = nbCompteurCaract+1 %}
  107.                         {% set caracId = "auto" ~ autopromo.id ~ 'nb' ~ nbCompteurCaract %}
  108.                         {{ form_row(form.subtitle, { 'label': 'Sous-titre' ,'attr': { 'data-compteur':'1', 'data-carac-id': caracId , 'data-type':'ssTitreAuto', 'onKeyUp':'javascript:compterCaracteres("'~ caracId ~'");' } }) }}
  109.                         <p id="compteurCaract-{{ caracId }}">0 mots | 0 Caractere / 200</p>
  110.                         <input type="hidden" name="value-{{ caracId }}" id="value-{{ caracId }}"
  111.                                value="{{ opt.charStAuto }}"/>
  112.                     </div>
  113.                 </div>
  114.             </div>
  115.             <div class="form-row">
  116.                 <div class="col-md-6">
  117.                     <div class="position-relative form-group">
  118.                         {{ form_row(form.position, { 'label': "Position de l'image" }) }}
  119.                     </div>
  120.                 </div>
  121.                 <div class="col-md-2">
  122.                     {% if autopromo.image is not empty %}
  123.                         <div class="form-row">
  124.                             <img class="rounded img-fluid"
  125.                                  src="{{ asset('medias_front/autopromo/' ~ autopromo.image, projectDirectory) }}"
  126.                                  alt="{{ autopromo.imageAlt }}">
  127.                         </div>
  128.                     {% else %}
  129.                         <small class="form-text text-muted  align-center">Aucune image</small>
  130.                     {% endif %}
  131.                 </div>
  133.                 <div class="col-md-3">
  134.                     <div class="position-relative form-group">
  135.                         {% set autorizedExt = '' %}
  136.                         {% for ext in autorizedImages %}
  137.                             {% if loop.last %}
  138.                                 {% set autorizedExt = autorizedExt~"."~ext %}
  139.                             {% else %}
  140.                                 {% set autorizedExt = autorizedExt~"."~ext~", " %}
  141.                             {% endif %}
  142.                         {% endfor %}
  143.                         {{ form_row(form.image, { 'label': 'Image de l\'autopromo ('~autorizedExt~') :' }) }}
  144.                     </div>
  145.                 </div>
  146.             </div>
  148.             <button type="submit "
  149.                     class="mt-1 btn btn-primary">{% if autopromo.id > 0 %}Modifier{% else %}Enregistrer{% endif %}</button>
  151.             {{ form_end(form) }}
  152.         </div>
  153.     </div>
  154. {% endblock %}
  156. {% block javascripts %}
  157.     <script src="{{ asset('js_admin/autopromo/autopromo.js') }}"></script>
  158. {% endblock %}