templates/mdl/base.html.twig line 1

Open in your IDE?
  1. {# templates/mdl/base.html.twig #}
  2. {% set AppMenu = AppObject.menu ?? [ {'name' : 'System', 'url' : '/'} ]
  3. %}
  4. {% set AppMenu = AppMenu|merge( app.user
  5.         ? [ 
  6.             {'name' : 'Profile', 'url' : '/profile'}, 
  7.             {'name' : 'Subscription', 'url' : '/subscription'},
  8.             {'name' : 'Sign Out', 'url' : '/sign-out'} 
  9.         ]
  10.         : [ 
  11.             {'name' : 'Sign In', 'url' : '/sign-in'},
  12.             {'name' : 'Ask Access', 'url' : '/ask-access'},
  13.             {'name' : 'Sign Up', 'url' : '/sign-up'}
  14.         ]
  15.     )
  16. %}
  17. <!doctype html>
  18. <html lang="en">
  19. <head>
  20.     <meta charset="utf-8" />
  21.     <!-- Title -->
  22.     <title>{{ htmlTitle ?? 'htmlTitle' }}</title>
  24.     <!-- General meta -->
  25.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  26.     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
  27.     <meta name="description" content="{{ htmlDescription ?? 'htmlDescription' }}" />
  28.     <meta name="mobile-web-app-capable" content="yes" />
  30.     <!-- Icons -->
  31.     {% block icons %}
  32.         {# <link rel="shortcut icon" href="#" /> #}
  33.     {% endblock %}
  35.     {% block fonts %}
  36.         <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
  37.         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
  38.     {% endblock %}
  40.     <!-- Styles -->
  41.     {% block stylesheets %}
  42.         <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css" />
  43.         {# <link rel="stylesheet" href="{{ asset('/styles/base.css') }}" /> #}
  44.         <style type="text/css">
  45.             main.mdl-layout__content > div.mdl-grid {
  46.                 justify-content: center;
  47.             }
  48.         </style>
  49.     {% endblock %}
  50.     <!-- Scirpts at the HEAD -->
  51.     {% block javascriptsHead %}
  52.         
  53.     {% endblock %}
  54. </head>
  55. <body class="mdl-app-body">
  56.     <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
  57.         {{ include('@mdl/page_sections/header_and_drawer.html.twig') }}
  58.         <main class="mdl-layout__content">
  59.             <div class="mdl-grid">
  60.                 <div class="mdl-cell mdl-cell--6-col mdl-shadow--2dp" style="padding: 10px;">
  61.                     {% block main %}{% endblock %}
  62.                 </div>
  63.             </div>
  64.         </main>
  65.         {{ include('@mdl/page_sections/footer.html.twig') }}
  66.     </div>
  67.     {% block javascriptsEndOfPage %}
  68.         <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
  69.         {#<script src="{{ asset('/scripts/base.js') }}"></script>#}
  70.     {% endblock %}
  71.     {{ include('@mdl/page_sections/snackbar.html.twig') }}
  72. </body>
  73. </html>