templates/areas/AccordionTablePerDraganddrop/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  3.     <div class="areablock-main">
  4.           <div class="areablock-title area-box-padding">
  5.               Tabellen-Object einbinden
  6.           </div>
  8.           <div class="areablock-body area-box-padding">
  10.               <p class="hl" style="display: inline-block;text-indent: 37px;">Title Accordion:</p>
  11.               <div class="schreiben">
  12.                   <span class="parentbox">
  13.                       {{ pimcore_input("Accordiontitle", {'width': 725}) }}
  14.                   </span>
  15.               </div>
  18.               <p class="hl" style="display: inline-block;text-indent: 37px;">Optionaler Text über Tabelle:</p>
  19.                 <div class="schreiben"><span class="parentbox" style="background-color:#fff">
  20.                         {{ pimcore_wysiwyg('text-wysiwyg-top', {
  21.                                 "height": 80,
  22.                                 "width": 735,
  23.                                 "customConfig": '/bundles/app/static/backend/js/ckeditor/documents/text-wysiwyg.js'
  24.                             })
  25.                         }}
  26.                     </span></div>
  28.               <br /><br /><br />
  30.               <p class="hl" style="display: inline-block;text-indent: 37px;">Bitte (einzel) Tabellen-Object zuweisen:</p>
  31.               <div class="dragdrop">
  32.                   <span class="parentboxhref">
  33.                       {{ pimcore_relation("TableObject",{
  34.                             "types": ["object"],
  35.                             "subtypes": {
  36.                                 "object": ["object"],
  37.                             },
  38.                             "classes": ["preistabellen"],
  39.                             "width": 735,
  40.                         }) }}
  41.                   </span>
  42.               </div>
  44.               <br /><br /><br />
  46.               <p class="hl" style="display: inline-block;text-indent: 37px;">Optionaler Text unter Tabelle:</p>
  47.                 <div class="schreiben"><span class="parentbox" style="background-color:#fff">
  48.                     {{ pimcore_wysiwyg('text-wysiwyg-bottom', {
  49.                                 "height": 80,
  50.                                 "width": 735,
  51.                                 "customConfig": '/bundles/app/static/backend/js/ckeditor/documents/text-wysiwyg.js'
  52.                             })
  53.                         }}
  54.                     </span></div>
  55.           </div>
  56.       </div>
  57. {% else %}
  59.     {% set triggerID = random() %}
  61.     {% if accordion == 1 %}
  63.         <div class="bellows-tab" data-bellow-trigger="{{ triggerID }}">
  64.             <figure class="bellows-sign">
  65.                 <img class="bellow-sign-open" src="/bundles/app/static/frontend/images/icons/accordion_auf.svg" alt=""/>
  66.                 <img class="bellow-sign-closed" src="/bundles/app/static/frontend/images/icons/accordion_zu.svg" alt=""/>
  67.             </figure>
  68.             <h5 class="font-bold">{{ pimcore_input("Accordiontitle") }}</h5>
  69.         </div>
  71.     <div class="bellows-content" data-bellow="{{ triggerID }}">
  73.     {% endif %}
  78.     {% if accordion == 0 %}
  79.     <div id="tablesaw-{{ triggerID }}" class="constrainer-inner edgepadding">
  80.     {% endif %}
  82.         {% if pimcore_wysiwyg("text-wysiwyg-top").isEmpty() == false %}
  83.         <div class="text-wysiwyg-top">
  84.              {{ pimcore_wysiwyg("text-wysiwyg-top") |raw }}
  85.         </div>
  86.         {% endif %}
  88.         {% set spalten_str = "" %}
  89.         {% if pimcore_relation("TableObject").isEmpty() == false %}
  90.             {% set lang = document.getProperty('language') %}
  91.             {% set tableObjId = pimcore_relation("TableObject").getId() %}
  92.             {% set tblObj = pimcore_object(tableObjId) %}
  93.             {% set spalten_str = attribute(tblObj, 'getSpalten_str') is defined ? tblObj.getSpalten_str()|trim : '' %}
  94.             {{ table_data(tableObjId, spalten_str, lang) |raw }}
  95.         {% endif %}
  96.        {# <?php
  98.             $objId  = (int)$this->href("TableObject")->getid();
  99.             $obj    = \Pimcore\Model\DataObject::getById($objId);
  100.             $spalten_str = '';
  103.             if( method_exists($obj,'getSpalten_str' ) )
  104.             {
  105.               $spalten_str = trim($obj->getSpalten_str());
  106.             }
  108.             $zebraStripe = (empty($spalten_str)) ? true : false;
  110.             if(is_numeric($objId) && ($objId != 0))
  111.             {
  112.                 $lg = $this->document->getProperty('language');
  113.                 echo AppBundle\Services\Table::getTable($this, $objId, $lg, $zebraStripe);
  114.             }
  115.         ?> #}
  117.         {% if pimcore_wysiwyg("text-wysiwyg-bottom").isEmpty() == false %}
  118.         <div class="text-wysiwyg-bottom">
  119.              {{ pimcore_wysiwyg("text-wysiwyg-bottom") |raw }}
  120.         </div>
  121.         {% endif %}
  123.     {% if accordion == 0 %}</div>{% endif %}
  126.     {% if accordion == 1 %}
  128.         <style>
  129.         {% set hiliteArray = spalten_str|split(',') %}
  130.         {% for value in hiliteArray %}
  131.             {{ '[data-hilite-index="' ~value~'"]{background-color:#e4e1de85;}' }}
  132.         {% endfor %}
  133.         </style>
  135.         <script type="text/javascript">
  136.             (function () {
  137.                 'use strict';
  138.                 var moduleName = 'tablesaw_{{ triggerID }}_module'; // naming convention XXX_module
  139.                 if (typeof selt === 'undefined') {
  140.                     selt = {
  141.                         modules: {}
  142.                     };
  143.                 } else if (!selt.modules) {
  144.                     selt.modules = {};
  145.                 }
  147.                 selt.modules[moduleName] = {
  148.                     name: moduleName,
  149.                     init: function () {
  150.                         $('[data-bellow="{{ triggerID }}"]').on('bellowsopen', function () {
  151.                             Tablesaw.init(this);
  152.                             $(this).off('bellowsopen');
  153.                         });
  154.                     }
  155.                 }
  157.             })();//EOS
  158.         </script>
  160.     {% endif %}
  162.     {% if accordion == 0 %}
  163.         <script type="text/javascript">
  164.             (function () {
  165.                 'use strict';
  166.                 var moduleName = 'tablesaw_{{ triggerID }}_module'; // naming convention XXX_module
  167.                 if (typeof selt === 'undefined') {
  168.                     selt = {
  169.                         modules: {}
  170.                     };
  171.                 } else if (!selt.modules) {
  172.                     selt.modules = {};
  173.                 }
  175.                 // limit only one tablesaw instance per page
  176.                 if (!selt.modules[moduleName]) {
  177.                     selt.modules[moduleName] = {
  178.                         name: moduleName,
  179.                         init: function () {
  180.                             Tablesaw.init( $('#tablesaw-{{ triggerID }}')[0] );
  181.                         }
  182.                     };
  183.                 }
  184.             })(typeof window !== "undefined" ? window : this);//EOS
  185.         </script>
  186.     {% endif %}
  188. {% endif %}