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.getTitle() is not empty %}
  42.                 {% do pimcore_head_title().set(document.getTitle()) %}
  43.             {% endif %}
  45.             {% if document.getDescription() is not empty %}
  46.                 {% do pimcore_head_meta().setDescription(document.getDescription()) %}
  47.             {% endif %}
  49.             {% do pimcore_head_title().append('Pimcore Demo') %}
  50.             {% do pimcore_head_title().setSeparator(' : ') %}
  51.             {% set isPortal = ((isPortal is defined) and isPortal) %}
  52.         {% endapply %}
  54.         {# we're using the deferred extension here to make sure this block is rendered after all helper calls #}
  55.         {% block layout_head_meta deferred %}
  56.             {{ pimcore_head_title() }}
  57.             {{ pimcore_head_meta() }}
  59.             {% if pimcore_placeholder('canonical').count() %}
  60.                 <link rel="canonical" href="{{ pimcore_placeholder('canonical') }}"/>
  61.             {% endif %}
  63.         {% endblock %}
  65.         {% block head_stylesheets deferred %}
  66.             {{ pimcore_head_link() }}
  67.         {% endblock %}
  69.     </head>
  70.     <body>
  71.         {# get root node if there is no document defined (for pages which are routed directly through static route) #}
  72.         {% if not document is defined or not document %}
  73.             {% set document = pimcore_document(1) %}
  74.         {% endif %}
  76.         <nav class="navbar navbar-expand-md navbar-dark sticky-top py-1 site-header {{ document.getProperty('header_color') }}">
  78.             {# get the document which should be used to start in navigation | default home #}
  79.             {% set navStartNode = document.getProperty('navigation_root') %}
  81.             {% if not navStartNode is instanceof('\\Pimcore\\Model\\Document') %}
  82.                 {% set navStartNode = pimcore_document(1) %}
  83.             {% endif %}
  85.             {% set mainNavigation =  app_navigation_data_links(document, navStartNode) %}
  86.             <div class="container">
  87.                 {#Logo Image#}
  88.                 <a class="py-2 mb-2" href="{{ navStartNode }}">
  89.                     <img id="logo" src="{{ asset('/static/images/logo.svg') }}" alt="Classic Cars - Pimcore Demo">
  90.                 </a>
  91.                 {#responsive burger menu icon#}
  92.                 <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  93.                     <span class="navbar-toggler-icon"></span>
  94.                 </button>
  96.                 {#main header#}
  97.                 <div class="navbar-collapse collapse" id="navbarCollapse">
  98.                     {#header - generate pimcore navigation #}
  101.                     {{
  102.                         pimcore_render_nav(mainNavigation, 'menu', 'renderMenu', {
  103.                             maxDepth: 2,
  104.                             ulClass: {
  105.                                 0: 'navbar-nav menu-links ml-4 m-auto',
  106.                                 1: 'dropdown dropdown-menu',
  107.                                 'default': 'dropdown-menu dropdown-submenu'
  108.                             }
  109.                         })
  110.                     }}
  113.                     {#header - navigation icons#}
  114.                     {{ include('includes/navigation-icons.html.twig') }}
  115.                 </div>
  116.             </div>
  117.         </nav>
  118.         <header></header>
  120.         <main role="main">
  121.             {% for label, messages in app.flashes %}
  122.                 {% for message in messages %}
  123.                     <div class="alert alert-{{ label }} alert-dismissable">
  124.                         <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
  125.                         {{ message }}
  126.                     </div>
  127.                 {% endfor %}
  128.             {% endfor %}
  131.             {% if isPortal %}
  132.                 {{ block('content') }}
  133.             {% else %}
  134.                 <div id="content" class="container">
  135.                     <div class="row">
  136.                         {% set leftNavShow = document.getProperty('left_nav_show') %}
  137.                         {% set showBreadcrumbs = (hideBreadcrumbs is defined) ? not hideBreadcrumbs : true %}
  138.                         {% set mainColClass = leftNavShow ? 'col-md-9 pt-3 pt-md-5 order-last' : 'col-md-12 pt-3 pt-md-5' %}
  140.                         <div class="{{ mainColClass }}">
  141.                             {% if showBreadcrumbs %}
  142.                                 {% set mainNavStartNode = document.getProperty('navigation_root') %}
  143.                                 {% if mainNavStartNode is empty %}
  144.                                     {% set mainNavStartNode = pimcore_document(1) %}
  145.                                 {% endif %}
  147.                                 {% set breadbrumbs = pimcore_build_nav({
  148.                                     active: document,
  149.                                     root: mainNavStartNode
  150.                                 }) %}
  151.                                 {% do app_navigation_enrich_breadcrumbs(breadbrumbs) %}
  152.                                 {% do pimcore_nav_renderer('breadcrumbs').setMinDepth(null) %}
  154.                                 <div class="breadcrumb-header">
  155.                                     <a href="/">{{ "Home"|trans }}</a> &gt;
  156.                                     {{ pimcore_render_nav(breadbrumbs, 'breadcrumbs') }}
  157.                                 </div>
  158.                             {% endif %}
  159.                             {{ block('content') }}
  160.                         </div>
  162.                         {% if leftNavShow %}
  163.                             <div class="col-md-3 pt-3 pt-md-5 order-first sidebar">
  164.                                 <div class="sticky">
  165.                                     <div class="bs-sidebar hidden-print affix-top" role="complementary">
  166.                                         {% set leftStartNode = document.getProperty('left_nav_start_node') %}
  167.                                         {% if leftStartNode is empty %}
  168.                                             {% set leftStartNode = mainNavStartNode %}
  169.                                         {% endif %}
  171.                                         {% set leftNav = pimcore_build_nav({
  172.                                             active: document,
  173.                                             root: leftStartNode
  174.                                         }) %}
  176.                                         <h5>{{ leftStartNode.getProperty('navigation_name') }}</h5>
  178.                                         {{ pimcore_render_nav(leftNav, 'menu', 'renderMenu', {
  179.                                             ulClass: 'nav bs-sidenav',
  180.                                             expandSiblingNodesOfActiveBranch: true,
  181.                                         }) }}
  182.                                     </div>
  183.                                     {{ pimcore_inc(document.getProperty('sidebar')) }}
  184.                                 </div>
  185.                             </div>
  186.                         {% endif %}
  187.                     </div>
  188.                 </div>
  189.             {% endif %}
  190.             <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">
  191.                 <span class="fa fa-arrow-up"></span>
  192.             </a>
  194.         </main>
  196.         {# include a document-snippet - in this case the footer document #}
  197.         {{ pimcore_inc(document.getProperty('footer')) }}
  199.         {# output scripts added before #}
  200.         {% block headscripts deferred %}
  201.             {{ pimcore_head_script() }}
  202.         {% endblock %}
  205.         {% block inlinescripts deferred %}
  206.             {{ pimcore_inline_script() }}
  207.         {% endblock %}
  208.     </body>
  209. </html>