public/template/menu/templates/demo/menu.html.twig line 1

Open in your IDE?
  1. {% extends 'menushopbase.html.twig' %}
  3. {% block title %}{% endblock %}
  4. {% block stylesheets %}
  5.     {{ parent() }}
  6.     <style>
  7.         .accordion-button:after {
  8.             display:none !important;
  9.         }
  10.         body {
  12.            background: white;
  13.         }
  16.        .firmnameColor {
  17.     color: #444444;
  18.     display: block;
  19.     margin: 0 auto;
  20.     text-align: center;
  21.     font-size: 3em;
  22.     padding-top: 25px;
  23. }
  25.         .bodySize {
  27.         }
  30.         .navColor {
  32.         }
  33.         .titleColor {
  35.         }
  37.         b.numberinMenu {
  38.     background: #444;
  39.     width: 50px !important;
  40.     height: 50px !important;
  41.     display: inline-block;
  42.     text-align: center;
  43.     color: white;
  44. }
  46.         .rating {
  47.             --dir: right;
  48.             --fill: gold;
  49.             --fillbg: rgba(100, 100, 100, 0.15);
  50.             --heart: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 21.328l-1.453-1.313q-2.484-2.25-3.609-3.328t-2.508-2.672-1.898-2.883-0.516-2.648q0-2.297 1.57-3.891t3.914-1.594q2.719 0 4.5 2.109 1.781-2.109 4.5-2.109 2.344 0 3.914 1.594t1.57 3.891q0 1.828-1.219 3.797t-2.648 3.422-4.664 4.359z"/></svg>');
  51.             --star: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.25l-6.188 3.75 1.641-7.031-5.438-4.734 7.172-0.609 2.813-6.609 2.813 6.609 7.172 0.609-5.438 4.734 1.641 7.031z"/></svg>');
  52.             --stars: 5;
  53.             --starsize: 3rem;
  54.             --symbol: var(--star);
  55.             --value: 1;
  56.             --w: calc(var(--stars) * var(--starsize));
  57.             --x: calc(100% * (var(--value) / var(--stars)));
  58.             block-size: var(--starsize);
  59.             inline-size: var(--w);
  60.             position: relative;
  61.             touch-action: manipulation;
  62.             -webkit-appearance: none;
  63.         }
  64.         [dir="rtl"] .rating {
  65.             --dir: left;
  66.         }
  67.         .rating::-moz-range-track {
  68.             background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
  69.             block-size: 100%;
  70.             mask: repeat left center/var(--starsize) var(--symbol);
  71.         }
  72.         .rating::-webkit-slider-runnable-track {
  73.             background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
  74.             block-size: 100%;
  75.             mask: repeat left center/var(--starsize) var(--symbol);
  76.             -webkit-mask: repeat left center/var(--starsize) var(--symbol);
  77.         }
  78.         .rating::-moz-range-thumb {
  79.             height: var(--starsize);
  80.             opacity: 0;
  81.             width: var(--starsize);
  82.         }
  83.         .rating::-webkit-slider-thumb {
  84.             height: var(--starsize);
  85.             opacity: 0;
  86.             width: var(--starsize);
  87.             -webkit-appearance: none;
  88.         }
  89.         .rating, .rating-label {
  90.             display: block;
  91.             font-family: ui-sans-serif, system-ui, sans-serif;
  92.         }
  93.         .rating-label {
  94.             margin-block-end: 1rem;
  95.         }
  97.         /* NO JS */
  98.         .rating--nojs::-moz-range-track {
  99.             background: var(--fillbg);
  100.         }
  101.         .rating--nojs::-moz-range-progress {
  102.             background: var(--fill);
  103.             block-size: 100%;
  104.             mask: repeat left center/var(--starsize) var(--star);
  105.         }
  106.         .rating--nojs::-webkit-slider-runnable-track {
  107.             background: var(--fillbg);
  108.         }
  109.         .rating--nojs::-webkit-slider-thumb {
  110.             background-color: var(--fill);
  111.             box-shadow: calc(0rem - var(--w)) 0 0 var(--w) var(--fill);
  112.             opacity: 1;
  113.             width: 1px;
  114.         }
  115.         [dir="rtl"] .rating--nojs::-webkit-slider-thumb {
  116.             box-shadow: var(--w) 0 0 var(--w) var(--fill);
  117.         }
  118.     </style>
  119. {% endblock %}
  121. {% block header %}
  122.     <div class="container">
  124.         <header class="logo">
  125.             <h3 class="text-logo firmnameColor"> <b >{{ s.geschaftName }}</b></h3>
  126.         </header>
  127.     </div>
  128. {% endblock %}
  130. {% block main %}
  131.     <div class="container">
  132.         <div class="row">
  133.         <div class="col-xs-12 col-sm-12 col-md-6">
  134.         <div class="firmdata">
  135.             <p class="text-center">
  136.             {% if impress.geschaftAddress is not null %}
  137.              <b>{{ impress.geschaftAddress }}</b>
  138.              {% endif %}
  139.              {% if impress.geschaftHNumber is not null %}
  140.              <b >{{ impress.geschaftHNumber }}</b>
  141.              {% endif %}
  142.              <br>
  143.              {% if impress.geschaftZIP is not null %}
  144.              <b id="geschaftZIP">{{ impress.geschaftZIP }}</b>
  145.              {% endif %}
  146.              {% if impress.geschaftCity is not null %}
  147.              <b id="geschaftCity">{{ impress.geschaftCity }}</b><br>
  148.              {% endif %}
  149. <br>
  150. {% if impress.geschaftTel %}
  151. Tel: <a href="tel:{{ impress.geschaftTel }}">{{ impress.geschaftTel }}</a><br>
  152. {% endif %}
  153. {% if impress.geschaftEmail %}
  154. Email: <a href="mailto:{{ impress.geschaftEmail }}">{{ impress.geschaftEmail }}</a><br>
  155. {% endif %}
  156.     </p>
  157.         </div>
  158. </div>
  159.         <div class="col-xs-12 col-sm-12 col-md-6">
  160.         {% if openClose is iterable  %}
  161.          <p class="text-center"><b>Heute:</b>   {% if openClose is not null  %} {{ openClose[1] }}  - {{ openClose[2]}} {% endif %} </p>
  162.         {% else %}
  163. <p class="text-center"><b>Heite:</b>   {% if openClose is not null  %} {{ openClose }} {% endif %} </p>
  164.         {% endif %}
  165.     <div class="deliver">
  166.     <p class="text-center">
  167.     <b> Lieferbedienungen:  </b>
  168.         {% for d in delivery %}
  169.                {{ d.name }}
  170.         {% endfor %}
  171.         </p>
  172.         <div class="payment">
  173.  <p class="text-center">
  174. <b> Bezahlmethoden: </b>
  175.         {% for p in payment %}
  176.               {{ p.name }}
  177.         {% endfor %}
  178.         </p>
  179. </div>
  180. </div>
  181. </div>
  183.     <hr>
  185. </div>
  186.     {#<div class="modal fade" id="demo" tabindex="-1" role="dialog" aria-labelledby="agb_modallabel" aria-hidden="true">
  187.         <div class="modal-dialog" role="document">
  188.             <div class="modal-content">
  189.                 <div class="modal-header">
  190.                     <h3 class="modal-title" id="agb_modallabel">Achtung</h3>
  191.                     <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
  192.                         <span aria-hidden="true">&times;</span>
  193.                     </button>
  194.                 </div>
  195.                 <div class="modal-body">
  196.                     Dies ist eine Demoversion und nicht für den Endbenutzer bestimmt.
  198.                     Das Unternehmen ist nicht verantwortlich für die Handlungen des Benutzers während des Testens der Website-Funktionalität.
  199.                 </div>
  201.             </div>
  202.         </div>
  203.     </div>#}
  205.         <h4 class="text-center display-2 text-uppercase titleColor" style="font-size: 3em !important; text-transform: uppercase;">speisekarte</h4>
  208.             <div class="row">
  209.                 <div class="col-md-12">
  210.                     <div class="accordion" id="accordionMenu">
  211.                         {% for key, value in allProducts %}
  212.                         {% if value|length > 0 %}
  213.                           {% set products = value %}
  215.                           {#  {% if category.enableMenu == true or category.enableMenu is not null or category.enableMenu is not empty %}#}
  216.                                 <div class="accordion-item">
  217.                                 <h2 class="accordion-header " >
  218.                                     <button class="accordion-button navColor" type="button" >
  219.                                         {{ key }}
  220.                                     </button>
  221.                                 </h2>
  222.                                 <div id="collapse{{ key }}" class="accordion-collapse collapse show" aria-labelledby="heading{{ key }}" data-bs-parent="#accordionMenu">
  223.                                     <div class="accordion-body">
  224.                                         <div class="w3-container w3-white w3-padding-top-32">
  225.                                             {% for product in products %}
  227.                                                 <h1 class="w3-font titleColor">
  228.                                                 {% if product.numberInMenu is not empty %}
  229.                                                     <b class="numberinMenu">{{ product.numberInMenu }}</b>
  230.                                                 {% endif %}
  231.                                                  {% if product.nameInShopMenu is not empty %}
  232.                                                 <b>{{ product.nameInShopMenu }}</b>
  233.                                                 {% else %}
  234.                                                   <b>{{ product.name }}</b>
  235.                                                   {% endif %}
  236.                                                     <span class="w3-right w3-tag w3-dark-grey w3-round"> {{ product.price | format_currency(s.currency)  }}</span></h1>
  237.                                                     {% if product.description is not null and product.description is not empty %}
  238.                                                          <p class="w3-xxlarge w3-text-grey bodySize"><b>{{ product.description }}</b></p>
  239.                                                     {% endif %}
  241.                                                 {% if product.component is not empty  %}
  243.                                                 <p class="w3-xxlarge w3-text-grey bodySize"  style="">
  244.                                                     <b>Inhaltsstoffe/Zusatzstoffe:</b> &nbsp;
  245.                                                     {% for component in product.component %}
  247.                                                         {% if loop.last %}
  248.                                                          {{ component.name }}
  249.                                                         {% else %}
  250.                                                             {{ component.name }} ,
  251.                                                         {% endif %}
  252.                                                     {% endfor %}
  253.                                                 </p>
  254.                                                 {% endif %}
  255.                                                 {% if product.alergen is not empty  %}
  256.                                                     <p class="w3-xxlarge w3-text-grey bodySize">
  257.                                                     <b>Allergen:</b> &nbsp;
  258.                                                     {% for alergen in product.alergen %}
  259.                                                         {{ alergen.name }} ,
  260.                                                     {% endfor %}
  261.                                                 </p>
  262.                                                 {% endif %}
  264.                                                 {% if product.calories is not empty  %}
  265.                                                     <p class="w3-xxlarge w3-text-grey bodySize">
  266.                                                         <b>Calories:</b> {{  product.calories }}
  267.                                                     </p>
  268.                                                 {% endif %}
  269.                                                 {% if not  loop.last %}
  270.                                                     <hr>
  271.                                                 {% endif %}
  274.                                             {% endfor %}
  275.                                         </div>
  276.                                     </div>
  277.                                 </div>
  278.                             </div>
  279.                           {#  {% endif %}#}
  280.                           {% endif %}
  281.                         {% endfor %}
  282.                         {% if feedback == true %}
  283.                         <div class="accordion-item">
  284.                             <h2 class="accordion-header" id="Feedback3">
  285.                                 <button class="accordion-button navColor" type="button" aria-controls="collapseFeedback">
  286.                                   Feedback
  287.                                 </button>
  288.                             </h2>
  289.                             <div id="collapseFeedback" class="accordion-collapse collapse show" aria-labelledby="headingFeedback" data-bs-parent="#accordionMenu">
  290.                                 <div class="accordion-body">
  291.                                     {{ form(form) }}
  293.                                 </div>
  294.                             </div>
  295.                         </div>
  296.                         {% endif %}
  297.                     </div>
  298.                 </div>
  299.             </div>
  302.     </div>
  303. {% endblock %}
  305. {% block footer %}
  306.     <footer class="container-fluid" style="padding:2em; background: #e4e4e4; position: inherit;
  307.                         bottom: 0;" >
  308.                         <div class="container">
  309.                         <div class="row">
  310.                         <div class="col-4 offset-4">
  311.                         <p class="text-center"> <a href="https://blitzkasse.de">Powered by Blitzkasse.de</a>
  312. </p>
  313. <p>Der Betreiber dieser Internetseite ist Informationslieferant und für die hier präsentierten Informationen verantwortlich.<br>
  315. Der Betreiber dieser Website ist {{ impress.geschaftInh }}</p>
  316. </div>
  317. </div>
  318. </div>
  319.         <div class="container">
  320.             <div class="row">
  321.                 <div class="col-4">
  322.                     <ul class="list-unstyled text-large">
  323.                         <li class="mb-1"><a class="link-secondary text-decoration-none" id="impressum_btn" data-toggle="modal" id="" data-target="#impressum" href="javascript:void(0)">IMPRESSUM</a></li>
  324.                     </ul>
  325.                 </div>
  326.                 <div class="col-4">
  327.                     <ul class="list-unstyled text-large">
  328.                         <li class="mb-1"><a class="link-secondary text-decoration-none" id="datenschutz_btn" data-toggle="modal" data-target="#data" href="javascript:void(0);">Datenshutz</a></li>
  329.                     </ul>
  330.                 </div>
  331.                       <div class="col-4">
  332.                     <ul class="list-unstyled text-large">
  333.                         <li class="mb-1"><a class="link-secondary text-decoration-none" id="agb_btn" data-toggle="modal" data-target="#exampleModal" href="javascript:void(0)">AGB</a></li>
  334.                     </ul>
  335.                 </div>
  336.             </div>
  337.         </div>
  340.     </footer>
  341. {#    Datenschutz Modal#}
  342.     <!-- Modal -->
  343.     <div class="modal fade" id="daten" tabindex="-1" role="dialog" aria-labelledby="datenlabel" aria-hidden="true">
  344.         <div class="modal-dialog" role="document">
  345.             <div class="modal-content">
  346.                 <div class="modal-header">
  347.                     <h5 class="modal-title" id="datenlabel">Datenschutz</h5>
  348.                     <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
  349.                         <span aria-hidden="true">&times;</span>
  350.                     </button>
  351.                 </div>
  352.                 <div class="modal-body">
  353.                    {{ s.shopDatenshutz|raw }}
  354.                 </div>
  355.             </div>
  356.         </div>
  357.     </div>
  358. {#    AGB Modal#}
  359.     <!-- Modal -->
  360.     <div class="modal fade" id="agb_modal" tabindex="-1" role="dialog" aria-labelledby="agb_modallabel" aria-hidden="true">
  361.         <div class="modal-dialog" role="document">
  362.             <div class="modal-content">
  363.                 <div class="modal-header">
  364.                     <h5 class="modal-title" id="agb_modallabel">AGB</h5>
  365.                     <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
  366.                         <span aria-hidden="true">&times;</span>
  367.                     </button>
  368.                 </div>
  369.                 <div class="modal-body">
  370.                    {{ s.shopAGB|raw }}
  371.                 </div>
  373.             </div>
  374.         </div>
  375.     </div>
  376. {#    Impressum modal#}
  377.     <!-- Modal -->
  378.     <div class="modal fade" id="impressum" tabindex="-1" role="dialog" aria-labelledby="impressumlabel" aria-hidden="true">
  379.         <div class="modal-dialog" role="document">
  380.             <div class="modal-content">
  381.                 <div class="modal-header">
  382.                     <h5 class="modal-title" id="impressumlabel">Impressum</h5>
  383.                     <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
  384.                         <span aria-hidden="true">&times;</span>
  385.                     </button>
  386.                 </div>
  387.                 <div class="modal-body">
  388.                         <div class="preview">
  389.                                 <p>Anbieter gem. § 5 Telemediengesetz (TMG) und § 18 des Medienstaatsvertrags (MStV):
  390.                                 </p>
  391.                                 {% if s.geschaftName != "0" %}
  392.                                  <span id="geschaftName">{{ s.geschaftName }}</span><br>
  393.                                 {% endif %}
  394.                                 {% if impress.geschaftInh != "0" %}
  395.                                  <span id="geschaftInh">{{ impress.geschaftInh }}</span><br>
  396.                                 {% endif %}
  397.                                 {% if impress.geschaftAddress != "0" %}
  398.                                   <span> <b id="geschaftAddress">{{ impress.geschaftAddress }}</b> <b id="geschaftHNumber">{{ impress.geschaftHNumber }}</b>, <b id="geschaftZIP">{{ impress.geschaftZIP }}</b>  ,<b id="geschaftCity">{{ impress.geschaftCity }}</b> </span><br>
  400.                                 {% endif %}
  401.                                 {% if impress.geschaftTel != "0" %}
  402.                                 <span>Tel.::<b id="geschaftTel">{{ impress.geschaftTel }}</b></span><br>
  403.                                 {% endif %}
  404.                                 {% if impress.geschaftFax != "0" %}
  405.                                 <span>Fax.::<b id="geschaftFax">{{ impress.geschaftFax }}</b></span><br>
  406.                                 {% endif %}
  407.                                 {% if impress.geschaftWebsite != "0" %}
  408.                                 <span id="geschaftWebsite"><a href="{{ impress.geschaftWebsite }}">{{ impress.geschaftWebsite }}</a></span><br>
  409.                                 {% endif %}
  411.                                 {% if impress.geschaftEmail != "0" %}
  412.                                   <span>Email.::<b id="geschaftEmail">{{ impress.geschaftEmail }}</b></span><br>
  413.                                 {% endif %}
  415.                                 {% if impress.HBR != "0" %}
  416.                                   <span>HRB  .::<b id="HBR">{{ impress.HBR }}</b></span><br>
  417.                                 {% endif %}
  419.                                 {% if impress.geschaftSteuer != "0" %}
  420.                                   <span>USt.ID <b id="geschaftSteuer">{{ impress.geschaftSteuer }}</b></span><br>
  421.                                 {% endif %}
  423.                                 {% if impress.registergericht != "0" %}
  424.                                    <div id="registergericht_text"><span>Registergericht: <b id="registergericht">{{ impress.registergericht }}</b></span><br></div>
  425.                                 {% endif %}
  427.                                 {% if impress.handelsregisternummer != "0" %}
  428.                                  <div id="handelsregisternummer_text"><span>Handelsregisternummer: <b id="handelsregisternummer">{{ impress.handelsregisternummer }}</b></span><br></div>
  429.                                 {% endif %}
  432.                                 {% if impress.geschaftBank %}
  433.                                        {% if impress.geschaftBank != "0" %}
  434.                                 <span id="geschaftBank">Bankname: {{ impress.geschaftBank }}</span><br>
  435.                                  {% endif %}
  436.                                    {% if impress.geschaftIBAN != "0" %}
  437.                                 <span>IBAN: <b id="geschaftIBAN">{{ impress.geschaftIBAN }}</b></span><br>
  438.                                  {% endif %}
  439.                                    {% if impress.geschaftBIC != "0" %}
  440.                                 <span>BIC: <b id="geschaftBIC">{{ impress.geschaftBIC }}</b></span><br>
  441.                                  {% endif %}
  442.                                 {% endif %}
  443.                                 <p>Informationen zur Online-Streitbeilegung Die EU-Kommission stellt im Internet unterfolgendem Link eine Plattform zur Online-Streitbeilegung bereit:https://ec.europa.eu/consumers/odr/ Diese Plattform dient als Anlaufstelle zur außergerichtlichen Beilegungvon Streitigkeiten aus Online-Kauf- oder Dienstleistungsverträgen, andenen ein Verbraucher beteiligt ist.</p>
  445.                 </div>
  446.             </div>
  447.         </div>
  448.     </div>
  449. {% endblock %}
  451. {% block js %}
  452.     <script>
  453.         let url = "{{ path('leaveFeedback',{'shopName': s.geschaftName}) }}";
  457.         $( document ).ready(function() {
  458.                $("#agb_btn").on('click', function (){
  460.                    $('#agb_modal').modal('toggle');
  461.                });
  463.                $("#datenschutz_btn").on('click', function (){
  465.                    $('#daten').modal('toggle');
  466.                });
  468.                $("#impressum_btn").on('click', function (){
  470.                    $('#impressum').modal('toggle');
  471.                });
  472.                let noty = "{{ notification }}";
  473.                if(noty !== "false"){
  474.                    Swal.fire(
  475.                        'Good job!',
  476.                        'Feedback leaved!',
  477.                        'success'
  478.                    )
  479.                }
  481.                $('#user_feedback_rank').on('input', function() {
  482.   text = $('user_feedback_rank').val();
  483.   $('div').html(text);
  484. });
  485.         });
  487.      /*   $('document').ready(function() {
  488.             $('#demo').modal('toggle');
  489.         });*/
  491.         function isEmail(email) {
  492.             var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  493.             return regex.test(email);
  494.         }
  495.     </script>
  496. {% endblock %}