templates/layouts/layout.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="{{ app.request.locale }}">
  3.     <head>
  4.         <!-- Required meta tags -->
  5.         <meta charset="utf-8">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.         {% apply spaceless %}
  9.             {# add global stylesheets and scripts outside of any blocsk to add them to the helpers before any others assets are added #}
  10.             {# we use the view helper to have cache buster functionality #}
  11.             {% do pimcore_head_link().appendStylesheet('https://fonts.googleapis.com/css?family=Hind+Guntur:300,400,500,600,700&display=swap') %}
  12.             {% do pimcore_head_link().appendStylesheet('https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css',null,null,{integrity:"sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T",crossorigin:"anonymous"}) %}
  13.             {% do pimcore_head_link().appendStylesheet('https://use.fontawesome.com/releases/v5.9.0/css/all.css') %}
  14.             {% do pimcore_head_link().appendStylesheet(asset('static/lib/magnific/magnific.css'), 'screen') %}
  15.             {% do pimcore_head_link().appendStylesheet(asset('static/lib/autocompletejs/css/autoComplete.css'), 'screen') %}
  16.             {% do pimcore_head_link().appendStylesheet('https://use.fontawesome.com/releases/v5.7.0/css/all.css',null,null,{integrity:'sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ',crossorigin:'anonymous'}) %}
  17.             {% do pimcore_head_link().appendStylesheet(asset('static/css/global.css')) %}
  18.             {% if editmode %}
  19.                 {% do pimcore_head_link().appendStylesheet(asset('static/css/editmode.css')) %}
  20.             {% endif %}
  21.             {% do pimcore_head_script().appendFile('https://code.jquery.com/jquery-3.3.1.slim.min.js',null,null,{ integrity:"sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo",crossorigin:"anonymous"}) %}
  22.             {% do pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js',null,null,{ integrity:"sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1",crossorigin:"anonymous"}) %}
  23.             {% do pimcore_head_script().appendFile('https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js',null,null,{ integrity:"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM",crossorigin:"anonymous"}) %}
  24.             {% do pimcore_head_script().appendFile(asset('static/lib/magnific/magnific.js')) %}
  25.             {% do pimcore_head_script().appendFile(asset('static/lib/autocompletejs/js/autoComplete.min.js')) %}
  26.             {% do pimcore_head_script().appendFile(asset('static/js/search-autocomplete.js')) %}
  27.             {% do pimcore_head_script().appendFile(asset('static/js/main.js')) %}
  28.             {% if not editmode %}
  29.                     {% do pimcore_head_script().appendFile(asset('static/js/frontend.js')) %}
  30.             {% endif %}
  32.             {% if not document is defined or not document %}
  33.                 {% set document = pimcore_document(1) %}
  34.             {% endif %}
  36.             {% if document is instanceof('\\Pimcore\\Model\\Document\\Link') %}
  37.                 {# @var document \Pimcore\Model\Document\Link #}
  38.                 {% set document = document.getObject() %}
  39.             {% endif %}
  41.             {% if document is instanceof('\\Pimcore\\Model\\Document\\Page') %}
  42.                 {% if document.getTitle() is not empty %}
  43.                     {% do pimcore_head_title().set(document.getTitle()) %}
  44.                 {% endif %}
  46.                 {% if document.getDescription() is not empty %}
  47.                     {% do pimcore_head_meta().setDescription(document.getDescription()) %}
  48.                 {% endif %}
  50.                 {% do pimcore_head_title().append('Pimcore Demo') %}
  51.                 {% do pimcore_head_title().setSeparator(' : ') %}
  52.             {% endif %}
  54.             {% set isPortal = ((isPortal is defined) and isPortal) %}
  55.         {% endapply %}
  57.         {# we're using the deferred extension here to make sure this block is rendered after all helper calls #}
  58.         {% block layout_head_meta deferred %}
  59.             {{ pimcore_head_title() }}
  60.             {{ pimcore_head_meta() }}
  62.             {% if pimcore_placeholder('canonical').count() %}
  63.                 <link rel="canonical" href="{{ pimcore_placeholder('canonical') }}"/>
  64.             {% endif %}
  66.         {% endblock %}
  68.         {% block head_stylesheets deferred %}
  69.             {{ pimcore_head_link() }}
  70.         {% endblock %}
  72.     </head>
  73.     <body>
  74.         {# get root node if there is no document defined (for pages which are routed directly through static route) #}
  75.         {% if not document is defined or not document %}
  76.             {% set document = pimcore_document(1) %}
  77.         {% endif %}
  79.         <nav class="navbar navbar-expand-md navbar-dark sticky-top py-1 site-header {{ document.getProperty('header_color') }}">
  81.             {# get the document which should be used to start in navigation | default home #}
  82.             {% set navStartNode = document.getProperty('navigation_root') %}
  84.             {% if not navStartNode is instanceof('\\Pimcore\\Model\\Document') %}
  85.                 {% set navStartNode = pimcore_document(1) %}
  86.             {% endif %}
  88.             {% set mainNavigation =  app_navigation_data_links(document, navStartNode) %}
  89.             <div class="container">
  90.                 {#Logo Image#}
  91.                 <a class="py-2 mb-2" href="{{ navStartNode }}">
  92.                     <img id="logo" src="{{ asset('/static/images/logo.svg') }}" alt="Classic Cars - Pimcore Demo">
  93.                 </a>
  94.                 {#responsive burger menu icon#}
  95.                 <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  96.                     <span class="navbar-toggler-icon"></span>
  97.                 </button>
  99.                 {#main header#}
  100.                 <div class="navbar-collapse collapse" id="navbarCollapse">
  101.                     {#header - generate pimcore navigation #}
  104.                     {{
  105.                         pimcore_render_nav(mainNavigation, 'menu', 'renderMenu', {
  106.                             maxDepth: 2,
  107.                             ulClass: {
  108.                                 0: 'navbar-nav menu-links ml-4 m-auto',
  109.                                 1: 'dropdown dropdown-menu',
  110.                                 'default': 'dropdown-menu dropdown-submenu'
  111.                             }
  112.                         })
  113.                     }}
  116.                     {#header - navigation icons#}
  117.                     {{ include('includes/navigation-icons.html.twig') }}
  118.                 </div>
  119.             </div>
  120.         </nav>
  121.         <header></header>
  123.         <main role="main">
  124.             {% for label, messages in app.flashes %}
  125.                 {% for message in messages %}
  126.                     <div class="alert alert-{{ label }} alert-dismissable">
  127.                         <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
  128.                         {{ message }}
  129.                     </div>
  130.                 {% endfor %}
  131.             {% endfor %}
  134.             {% if isPortal %}
  135.                 {{ block('content') }}
  136.             {% else %}
  137.                 <div id="content" class="container">
  138.                     <div class="row">
  139.                         {% set leftNavShow = document.getProperty('left_nav_show') %}
  140.                         {% set showBreadcrumbs = (hideBreadcrumbs is defined) ? not hideBreadcrumbs : true %}
  141.                         {% set mainColClass = leftNavShow ? 'col-md-9 pt-3 pt-md-5 order-last' : 'col-md-12 pt-3 pt-md-5' %}
  143.                         <div class="{{ mainColClass }}">
  144.                             {% if showBreadcrumbs %}
  145.                                 {% set mainNavStartNode = document.getProperty('navigation_root') %}
  146.                                 {% if mainNavStartNode is empty %}
  147.                                     {% set mainNavStartNode = pimcore_document(1) %}
  148.                                 {% endif %}
  150.                                 {% set breadbrumbs = pimcore_build_nav({
  151.                                     active: document,
  152.                                     root: mainNavStartNode
  153.                                 }) %}
  154.                                 {% do app_navigation_enrich_breadcrumbs(breadbrumbs) %}
  155.                                 {% do pimcore_nav_renderer('breadcrumbs').setMinDepth(null) %}
  157.                                 <div class="breadcrumb-header">
  158.                                     <a href="/">{{ "Home"|trans }}</a> &gt;
  159.                                     {{ pimcore_render_nav(breadbrumbs, 'breadcrumbs') }}
  160.                                 </div>
  161.                             {% endif %}
  162.                             {{ block('content') }}
  163.                         </div>
  165.                         {% if leftNavShow %}
  166.                             <div class="col-md-3 pt-3 pt-md-5 order-first sidebar">
  167.                                 <div class="sticky">
  168.                                     <div class="bs-sidebar hidden-print affix-top" role="complementary">
  169.                                         {% set leftStartNode = document.getProperty('left_nav_start_node') %}
  170.                                         {% if leftStartNode is empty %}
  171.                                             {% set leftStartNode = mainNavStartNode %}
  172.                                         {% endif %}
  174.                                         {% set leftNav = pimcore_build_nav({
  175.                                             active: document,
  176.                                             root: leftStartNode
  177.                                         }) %}
  179.                                         <h5>{{ leftStartNode.getProperty('navigation_name') }}</h5>
  181.                                         {{ pimcore_render_nav(leftNav, 'menu', 'renderMenu', {
  182.                                             ulClass: 'nav bs-sidenav',
  183.                                             expandSiblingNodesOfActiveBranch: true,
  184.                                         }) }}
  185.                                     </div>
  186.                                     {{ pimcore_inc(document.getProperty('sidebar')) }}
  187.                                 </div>
  188.                             </div>
  189.                         {% endif %}
  190.                     </div>
  191.                 </div>
  192.             {% endif %}
  193.             <a id="back-to-top" href="#" class="btn btn-primary btn-lg back-to-top" role="button" title="Click to return on the top" data-toggle="tooltip" data-placement="left">
  194.                 <span class="fa fa-arrow-up"></span>
  195.             </a>
  197.         </main>
  199.         {# include a document-snippet - in this case the footer document #}
  200.         {{ pimcore_inc(document.getProperty('footer')) }}
  202.         {# output scripts added before #}
  203.         {% block headscripts deferred %}
  204.             {{ pimcore_head_script() }}
  205.         {% endblock %}
  208.         {% block inlinescripts deferred %}
  209.             {{ pimcore_inline_script() }}
  210.         {% endblock %}
  211.     </body>
  212. </html>