templates/front/pages/templates/pagebuilder.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ page.translate().metaTitle }} - {{ parent() }}{% endblock %}
  4. {% block meta_description %}{{ page.translate().description }} - {{ sitename }}{% endblock %}
  6. {% block body %}
  7.     {% if isEditMode %}
  8.         <div class="pb-editmode">
  9.             <button class="btn btn-primary" id="pb-save">Save</button>
  10.             <button class="btn btn-primary" id="pb-draw">Draw</button>
  11.         </div>
  12.     {% endif %}
  13.     <script>
  14.         var pbJson = {{ page.translate().pbcontent|raw }};
  15.     </script>
  16.     <div class="container pt-5" style="display: none">
  17.         <div class="pbdebugblock">
  18.             <p>Pagebuilder debug</p>
  19.             <label style="display: block">
  20.                 <textarea name="pbdebug" autocomplete="off" id="" rows="6" style="width: 100%;background:#FAFAFA;border:none;border-radius: 0"
  21.                     >{{ page.translate().pbcontent|raw }}</textarea>
  22.             </label>
  23.         </div>
  24.         <h1>{{ page.translate().title }}</h1>
  26.     </div>
  28.     {% if isEditMode %}
  29.         <div id="pbcontent" class="pb-editmode" data-id="{{ page.translate().id }}"></div>
  30.         <div class="text-center" id="editbtns">
  31.             <button class="btn pb-unselect-all" >X</button>
  32.             <p id="addbtns">
  33.                 Ajouter
  34.                 <button class="btn btn-light" data-element="section">Section</button>
  35.                 <button class="btn btn-light" data-element="row">Ligne</button>
  36.                 <button class="btn btn-light" data-element="column">Colonne</button>
  37.                 <button class="btn btn-light" data-element="block">Bloc</button>
  38.             </p>
  39.             <p id="setbtns">
  40.                 Modifier
  41.                 <button class="btn btn-light" data-element="section">Section</button>
  42.                 <button class="btn btn-light" data-element="row">Ligne</button>
  43.                 <button class="btn btn-light" data-element="column">Colonne</button>
  44.                 <button class="btn btn-light" data-element="block">Bloc</button>
  45.             </p>
  46.             <p id="delbtns">
  47.                 Supprimer
  48.                 <button class="btn btn-light" data-element="section">Section</button>
  49.                 <button class="btn btn-light" data-element="row">Ligne</button>
  50.                 <button class="btn btn-light" data-element="column">Colonne</button>
  51.                 <button class="btn btn-light" data-element="block">Bloc</button>
  52.             </p>
  53.             <p>
  54.                 Ajoute l'élément après le parent de même niveau du bloc sélectionné (ou après le bloc sélectionné si l'élément à ajouter est un bloc)
  55.             </p>
  56.         </div>
  57.         <p>
  58.             <a href="?">close editor</a>
  59.         </p>
  60.         <div id="pb-controlpanel">
  61.             <div id="pb-controlpanel-inner">
  62.                 Control panel <br>
  63.                 <label for="pb-inputarea">Contenu de l'élément</label>
  64.                 <textarea name="pb-inputarea" id="pb-inputarea"></textarea>
  65.                 <p class="pt-2">
  66.                     <button class="btn btn-light" id="pb-controlpanel-save">Enregistrer</button>
  67.                     <button class="btn btn-light" id="pb-controlpanel-close">Annuler</button>
  68.                 </p>
  69.             </div>
  70.         </div>
  71.     {% else %}
  72.         <div id="pbcontent" data-id="{{ page.translate().id }}">{{ page.translate().pbcontentcache|raw }}</div>
  73.         <p>
  74.             <a href="?editor=1">edit</a>
  75.         </p>
  76.     {% endif %}
  79. {% endblock %}