templates/includes/nav.html.twig line 1

Open in your IDE?
  1. <div class="container">
  2.     <nav class="navigation">
  3.         <div class="site_logo">
  4.             <a href="{{ sulu_content_root_path() }}" class="">
  5.                 <img src="{{ asset('uploads/media/logo.png') }}" alt="cora.pl" class="site_log" />
  6.             </a>
  7.         </div>
  9.         <form action="{{ path('sulu_search.website_search') }}" method="GET" class="search_bar">
  10.             <input class="bar" name="q" type="text" placeholder="" />
  11.             <input type="submit" value="" class="search_ico" />
  12.         </form>
  14.         <ol class="nav-list">
  15.             {% for item in sulu_navigation_root_tree('main', 2) %}
  16.                 <div class="svg-wrapper">
  17.                     {% if item.title == "O nas" %}
  18.                         <svg height="30" width="{{ item.title | length + 70 }}" xmlns="http://www.w3.org/2000/svg">
  19.                            
  20.                             <li class="text">
  21.                                 <a href="{{ sulu_content_path(item.url, item.webspaceKey) }}" title="{{ item.title }}">
  22.                                     {{ item.title }}
  23.                                 </a>
  24.                             </li>
  25.                         </svg>
  26.                     {% else %}
  27.                         {% if item.title == "Do pobrania" %}
  28.                             <svg height="30" width="{{ item.title | length + 110 }}" xmlns="http://www.w3.org/2000/svg">
  29.                                 
  30.                                 <li class="text">
  31.                                     <a href="{{ sulu_content_path(item.url, item.webspaceKey) }}" title="{{ item.title }}">
  32.                                         {{ item.title }}
  33.                                     </a>
  34.                                 </li>
  35.                             </svg>
  36.                         {% else %}
  37.                             <svg height="30" width="{{ item.title | length + 90 }}" xmlns="http://www.w3.org/2000/svg">
  38.                               
  40.                                 <li class="text drop">
  41.                                     {# {% if item.title == "Produkty" %} #}
  42.                                     <a class="desktop" href="{{ sulu_content_path(item.url, item.webspaceKey) }}" title="{{ item.title }}">
  43.                                         {{ item.title }}
  44.                                     </a>
  45.                                     {# <a class="mobile" href="{{ sulu_content_path(item.url, item.webspaceKey) }}" class="{{item.title}}" title="{{ item.title }}">{{ item.title }}</a>
  46.                                                                         {% else %} #}
  47.                                     {# <a href="{{ sulu_content_path(item.url, item.webspaceKey) }}" title="{{ item.title }}">{{ item.title }}</a>
  48.                                                                         {% endif %} #}
  49.                                     {% if item.children|length > 0 %}
  50.                                         <ul class="dropdown">
  51.                                             {% for child in item.children %}
  52.                                                 <li class="child">
  53.                                                     <a href="{{ sulu_content_path(child.url) }}/produkty" title="{{ child.title }}">
  54.                                                         {{ child.title }}
  55.                                                     </a>
  56.                                                 </li>
  57.                                             {% endfor %}
  58.                                         </ul>
  59.                                     {% endif %}
  60.                                 </li>
  61.                             </svg>
  62.                         {% endif %}
  63.                     {% endif %}
  64.                 </div>
  65.             {% endfor %}
  66.             <div class="svg-wrapper">
  67.                 <svg height="30" width="130" xmlns="http://www.w3.org/2000/svg">
  68.                   
  69.                     <li class="text">
  70.                         <div>
  71.                             <a href="https://www.linkedin.com/company/coraclf/">
  72.                                 <img src="/img/linkedin.png" />
  73.                             </a>
  74.                         </div>
  75.                     </li>
  76.                 </svg>
  77.             </div>
  78.             
  80.              <div class="svg-wrapper">
  81.                 <svg height="30" width="130" xmlns="http://www.w3.org/2000/svg">
  82.                   
  83.                     <li class="text">
  84.                         <div>
  85.                             <a href="https://cora.pl/dotacje">
  86.                                 <img style="width:40px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/Flag_of_Europe.svg/1200px-Flag_of_Europe.svg.png" alt="Flag of Europe.svg">
  87.                             </a>
  88.                         </div>
  89.                     </li>
  90.                 </svg>
  91.             </div>
  93.             <select onchange="doGTranslate(this);" style="width: 50px; height:30px; margin-top:18px;">
  94.                 <option value="">
  95.                     PL
  96.                 </option>
  97.                 <option value="pl|af">
  98.                     Afrikaans
  99.                 </option>
  100.                 <option value="pl|sq">
  101.                     Albanian
  102.                 </option>
  103.                 <option value="pl|ar">
  104.                     Arabic
  105.                 </option>
  106.                 <option value="pl|hy">
  107.                     Armenian
  108.                 </option>
  109.                 <option value="pl|az">
  110.                     Azerbaijani
  111.                 </option>
  112.                 <option value="pl|eu">
  113.                     Basque
  114.                 </option>
  115.                 <option value="pl|be">
  116.                     Belarusian
  117.                 </option>
  118.                 <option value="pl|bg">
  119.                     Bulgarian
  120.                 </option>
  121.                 <option value="pl|ca">
  122.                     Catalan
  123.                 </option>
  124.                 <option value="pl|zh-CN">
  125.                     Chinese (Simplified)
  126.                 </option>
  127.                 <option value="pl|zh-TW">
  128.                     Chinese (Traditional)
  129.                 </option>
  130.                 <option value="pl|hr">
  131.                     Croatian
  132.                 </option>
  133.                 <option value="pl|cs">
  134.                     Czech
  135.                 </option>
  136.                 <option value="pl|da">
  137.                     Danish
  138.                 </option>
  139.                 <option value="pl|nl">
  140.                     Dutch
  141.                 </option>
  142.                 <option value="pl|en">
  143.                     English
  144.                 </option>
  145.                 <option value="pl|et">
  146.                     Estonian
  147.                 </option>
  148.                 <option value="pl|tl">
  149.                     Filipino
  150.                 </option>
  151.                 <option value="pl|fi">
  152.                     Finnish
  153.                 </option>
  154.                 <option value="pl|fr">
  155.                     French
  156.                 </option>
  157.                 <option value="pl|gl">
  158.                     Galician
  159.                 </option>
  160.                 <option value="pl|ka">
  161.                     Georgian
  162.                 </option>
  163.                 <option value="pl|de">
  164.                     German
  165.                 </option>
  166.                 <option value="pl|el">
  167.                     Greek
  168.                 </option>
  169.                 <option value="pl|ht">
  170.                     Haitian Creole
  171.                 </option>
  172.                 <option value="pl|iw">
  173.                     Hebrew
  174.                 </option>
  175.                 <option value="pl|hi">
  176.                     Hindi
  177.                 </option>
  178.                 <option value="pl|hu">
  179.                     Hungarian
  180.                 </option>
  181.                 <option value="pl|is">
  182.                     Icelandic
  183.                 </option>
  184.                 <option value="pl|id">
  185.                     Indonesian
  186.                 </option>
  187.                 <option value="pl|ga">
  188.                     Irish
  189.                 </option>
  190.                 <option value="pl|it">
  191.                     Italian
  192.                 </option>
  193.                 <option value="pl|ja">
  194.                     Japanese
  195.                 </option>
  196.                 <option value="pl|ko">
  197.                     Korean
  198.                 </option>
  199.                 <option value="pl|lv">
  200.                     Latvian
  201.                 </option>
  202.                 <option value="pl|lt">
  203.                     Lithuanian
  204.                 </option>
  205.                 <option value="pl|mk">
  206.                     Macedonian
  207.                 </option>
  208.                 <option value="pl|ms">
  209.                     Malay
  210.                 </option>
  211.                 <option value="pl|mt">
  212.                     Maltese
  213.                 </option>
  214.                 <option value="pl|no">
  215.                     Norwegian
  216.                 </option>
  217.                 <option value="pl|fa">
  218.                     Persian
  219.                 </option>
  220.                 <option value="pl|pl">
  221.                     Polish
  222.                 </option>
  223.                 <option value="pl|pt">
  224.                     Portuguese
  225.                 </option>
  226.                 <option value="pl|ro">
  227.                     Romanian
  228.                 </option>
  229.                 <option value="pl|ru">
  230.                     Russian
  231.                 </option>
  232.                 <option value="pl|sr">
  233.                     Serbian
  234.                 </option>
  235.                 <option value="pl|sk">
  236.                     Slovak
  237.                 </option>
  238.                 <option value="pl|sl">
  239.                     Slovenian
  240.                 </option>
  241.                 <option value="pl|es">
  242.                     Spanish
  243.                 </option>
  244.                 <option value="pl|sw">
  245.                     Swahili
  246.                 </option>
  247.                 <option value="pl|sv">
  248.                     Swedish
  249.                 </option>
  250.                 <option value="pl|th">
  251.                     Thai
  252.                 </option>
  253.                 <option value="pl|tr">
  254.                     Turkish
  255.                 </option>
  256.                 <option value="pl|uk">
  257.                     Ukrainian
  258.                 </option>
  259.                 <option value="pl|ur">
  260.                     Urdu
  261.                 </option>
  262.                 <option value="pl|vi">
  263.                     Vietnamese
  264.                 </option>
  265.                 <option value="pl|cy">
  266.                     Welsh
  267.                 </option>
  268.                 <option value="pl|yi">
  269.                     Yiddish
  270.                 </option>
  271.             </select>
  273.             <div id="google_translate_element2"></div>
  275.             <div class="svg-wrapper">
  276.                 <li class="text koszyk">
  277.                     <a href="/checkBasket" class="addToBasket">
  278.                         <i class="fa fa-shopping-basket" style="font-size:24px"></i>
  279.                     <div class="qty"></div>
  280.                     </a>
  281.                 </li>
  282.             </div>
  284.             <!-- GTranslate: https://gtranslate.io/ -->
  286.            
  288.         </ol>
  290.         <a href="#toggle" class="burger">
  291.             <div class="bun top"></div>
  292.             <div class="meat"></div>
  293.             <div class="bun bottom"></div>
  294.         </a>
  296.         <script>
  297.             const mobileNav = document.querySelector('.nav-list');
  298. const burgerIcon = document.querySelector('.burger');
  301. burgerIcon.addEventListener('click', function () {
  302. mobileNav.classList.toggle('active');
  303. burgerIcon.classList.toggle('active');
  304. $(this).toggleClass('no-burger');
  305. })
  306.         </script>
  308.     </nav>
  309. </div>
  311. {% block javascripts %}
  312. <style type="text/css">
  313.         
  314. a.gflag {vertical-align:middle;font-size:16px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/16.png);}
  315. a.gflag img {border:0;}
  316. a.gflag:hover {background-image:url(//gtranslate.net/flags/16a.png);}
  317. #goog-gt-tt {display:none !important;}
  318. .goog-te-banner-frame {display:none !important;}
  319. .goog-te-menu-value:hover {text-decoration:none !important;}
  320. body {top:0 !important;}
  321. #google_translate_element2 {display:none!important;}
  322. select {border:none !important;}
  323. </style>
  325.     <script type="text/javascript">
  326. function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'pl',autoDisplay: false}, 'google_translate_element2');}
  327. </script>
  328.     <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>
  330.     <script type="text/javascript">
  331. /* <![CDATA[ */
  332. eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c) }}u(e){ }}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\') }}',43,43,'||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'),0,{}))
  333. /* ]]> */
  334. </script>
  336. <script>
  337. //zmiana licznika na wejsciu
  338. $(function() {
  340.     $.ajax({
  341.             url:'{{ (path('ajaxTest')) }}',
  342.             type: "POST",
  343.             dataType: "json",
  344.             data: {
  345.                 "some_var_name": "some_var_value"
  346.             },
  347.             async: true,
  348.             success: function (data)
  349.             {
  350.                 
  351.                 var headerBasket = $('.addToBasket');
  352.                 var qty = headerBasket.find('.qty');
  353.                 var counter = data;
  355.                 qty.html(counter);
  357.             }
  358.         });
  359.         return false;
  361.  })
  363. </script>
  365. {% endblock %}