templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     {% block header %}
  5.         <meta charset="utf-8">
  6.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.         <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('img/logo/favicon-32x32.png') }}">
  9.         <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('img/logo/favicon-32x32.png') }}">
  10.         {% block title %}
  11.             <title>Popsisign - {% block subtitle %}{% endblock %}</title>
  12.         {% endblock %}
  13.         {% block stylesheets %}
  14.             <!-- Global stylesheets -->
  15.             <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
  16.             <link href="{{ asset('template/global_assets/css/icons/icomoon/styles.min.css') }}" rel="stylesheet" type="text/css">
  17.             <link href="{{ asset('template/global_assets/css/icons/fontawesome/styles.min.css') }}" rel="stylesheet" type="text/css">
  18.             <link href="{{ asset('template/assets/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css">
  19.             <link href="{{ asset('template/assets/css/bootstrap_limitless.min.css') }}" rel="stylesheet" type="text/css">
  20.             <link href="{{ asset('template/assets/css/layout.min.css') }}" rel="stylesheet" type="text/css">
  21.             <link href="{{ asset('template/assets/css/components.min.css') }}" rel="stylesheet" type="text/css">
  22.             <link href="{{ asset('template/assets/css/colors.min.css') }}" rel="stylesheet" type="text/css">
  23.             <!-- /global stylesheets -->
  24.             <!-- Custom stylesheets -->
  25.             <link rel="stylesheet" href="{{ asset('custom/css/layout.css') }}">
  26.             <!-- /custom stylesheets -->
  27.         {% endblock %}
  28.     {% endblock %}
  29. </head>
  30. <body>
  31. {% block body %}
  32.     {% block navbar %}
  33.         {% if app.user is defined and app.user is not same as(NULL)  %}
  34.             <div class="navbar navbar-expand-md navbar-dark">
  35.                 <div class="navbar-brand">
  36.                     <a href="{{ path('procedure_list') }}" class="d-inline-block">
  37.                         <img src="{{ asset('template/global_assets/images/logo_popsi.png') }}" alt="">
  38.                     </a>
  39.                 </div>
  40.                 <div class="d-md-none">
  41.                     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-mobile">
  42.                         <i class="icon-tree5"></i>
  43.                     </button>
  44.                     <button class="navbar-toggler sidebar-mobile-main-toggle" type="button">
  45.                         <i class="icon-paragraph-justify3"></i>
  46.                     </button>
  47.                 </div>
  48.                 <div class="collapse navbar-collapse" id="navbar-mobile">
  49.                     <ul class="navbar-nav">
  50.                         <li class="nav-item">
  51.                             <a href="#" class="navbar-nav-link sidebar-control sidebar-main-toggle d-none d-md-block">
  52.                                 <i class="icon-paragraph-justify3"></i>
  53.                             </a>
  54.                         </li>
  55.                     </ul>
  56.                     <ul class="navbar-nav ml-auto">
  57.                         <li class="nav-item dropdown dropdown-user">
  58.                             <a href="#" class="navbar-nav-link d-flex align-items-center dropdown-toggle" data-toggle="dropdown">
  59.                                 <img src="{{ asset('template/global_assets/images/placeholders/placeholder.jpg') }}" class="rounded-circle mr-2" height="34" alt="">
  60.                                 <span>{{ app.user.firstname }}</span>
  61.                             </a>
  62.                             <div class="dropdown-menu dropdown-menu-right">
  63.                                 <a href="{{ path('user_edit_profile', {'id':app.user.id}) }}" class="dropdown-item"><i class="icon-user-plus"></i> My profile</a>
  64. {#                                <a href="#" class="dropdown-item"><i class="icon-coins"></i> My balance</a>#}
  65. {#                                <a href="#" class="dropdown-item"><i class="icon-comment-discussion"></i> Messages <span class="badge badge-pill bg-blue ml-auto">58</span></a>#}
  66.                                 <div class="dropdown-divider"></div>
  67.                                 {#{% if is_granted('ROLE_ADMIN') %}
  68.                                     <a href="{{ path('user_list') }}" class="dropdown-item"><i class="icon-cog5"></i> Account settings</a>
  69.                                 {% endif %}#}
  70.                                 <a href="{{ path('app_logout') }}" class="dropdown-item"><i class="icon-switch2"></i> Logout</a>
  71.                             </div>
  72.                         </li>
  73.                     </ul>
  74.                 </div>
  75.             </div>
  76.             <!-- /main navbar -->
  77.         {% endif %}
  78.     {% endblock %}
  79.     <!-- Page content -->
  80.     <div class="page-content">
  81.         <div class="sidebar sidebar-dark sidebar-main sidebar-expand-md">
  82.             <!-- Sidebar mobile toggler -->
  83.             <div class="sidebar-mobile-toggler text-center">
  84.                 <a href="#" class="sidebar-mobile-main-toggle">
  85.                     <i class="icon-arrow-left8"></i>
  86.                 </a>
  87.                 Navigation
  88.                 <a href="#" class="sidebar-mobile-expand">
  89.                     <i class="icon-screen-full"></i>
  90.                     <i class="icon-screen-normal"></i>
  91.                 </a>
  92.             </div>
  93.             <!-- /sidebar mobile toggler -->
  94.             <!-- Sidebar content -->
  95.             <div class="sidebar-content">
  96.                 <!-- User menu -->
  97.                 <div class="sidebar-user">
  98.                     <div class="card-body">
  99.                         <div class="media">
  100.                             <div class="mr-3">
  101.                                 <a href="#"><img src="{{ asset('template/global_assets/images/placeholders/placeholder.jpg') }}" class="rounded-circle" alt="" width="38" height="38"></a>
  102.                             </div>
  103.                             <div class="media-body">
  104.                                 <div class="media-title font-weight-semibold">{{ app.user.firstname }} {{ app.user.lastname }}</div>
  105.                                 <div class="font-size-xs opacity-50">
  106.                                     <i class="icon-office font-size-sm"></i> &nbsp;{{ app.user.company.name }}
  107.                                 </div>
  108.                             </div>
  109.                       {#    <div class="ml-3 align-self-center">
  110.                                 <a href="#" class="text-white"><i class="icon-cog3"></i></a>
  111.                             </div> #}
  112.                         </div>
  113.                     </div>
  114.                 </div>
  115.                 <!-- /user menu -->
  116.                 <!-- Main navigation -->
  117.                 <div class="card card-sidebar-mobile">
  118.                     <ul class="nav nav-sidebar" data-nav-type="accordion">
  119.                         <!-- Main -->
  120.                         <li class="nav-item-header"><div class="text-uppercase font-size-xs line-height-xs">Main</div> <i class="icon-menu" title="Main"></i></li>
  121. {#                        <li class="nav-item">#}
  122. {#                            <a href="{{ path('dashboard_index') }}" class="nav-link">#}
  123. {#                                <i class="icon-home4"></i>#}
  124. {#                                <span>#}
  125. {#                                    Dashboard#}
  126. {#                                </span>#}
  127. {#                            </a>#}
  128. {#                        </li>#}
  129.                         <li class="nav-item nav-item-submenu">
  130.                             <a href="#" class="nav-link"><i class="icon-quill4"></i> <span>Procedures</span></a>
  131.                             <ul class="nav nav-group-sub" data-submenu-title="Layouts">
  132.                                 <li class="nav-item"><a href="{{ path('procedure_list') }}" class="nav-link active"><i class="icon-list-unordered"></i> List</a></li>
  133.                                 <li class="nav-item"><a href="{{ path('procedure_create') }}" class="nav-link"><i class="icon-pen-plus"></i>  Create</a></li>
  134.                             </ul>
  135.                         </li>
  136.                         <li class="nav-item nav-item-submenu">
  137.                             <a href="#" class="nav-link"><i class="icon-users2"></i> <span>Contacts</span></a>
  138.                             <ul class="nav nav-group-sub" data-submenu-title="Layouts">
  139.                                 <li class="nav-item"><a href="{{ path('contact_list') }}" class="nav-link"><i class="icon-list-unordered"></i> List</a></li>
  140.                                 <li class="nav-item"><a href="{{ path('contact_new') }}" class="nav-link"><i class="icon-user-plus"></i> Create</a></li>
  141.                             </ul>
  142.                         </li>
  143.                         <!-- /main -->
  144.                         {% if is_granted('ROLE_ADMIN') %}
  145.                             <!-- admin -->
  146.                             <li class="nav-item-header"><div class="text-uppercase font-size-xs line-height-xs">Admin</div> <i class="icon-menu" title="Admin"></i></li>
  147.                             <li class="nav-item nav-item-submenu">
  148.                                 <a href="#" class="nav-link"><i class="icon-quill4"></i> <span>Users</span></a>
  149.                                 <ul class="nav nav-group-sub" data-submenu-title="Layouts">
  150.                                     <li class="nav-item"><a href="{{ path('user_list') }}" class="nav-link active"><i class="icon-list-unordered"></i> List</a></li>
  151.                                     <li class="nav-item"><a href="{{ path('user_new') }}" class="nav-link"><i class="icon-pen-plus"></i>  Create</a></li>
  152.                                 </ul>
  153.                             </li>
  154.                             <!-- /admin -->
  155.                         {% endif %}
  156.                     </ul>
  157.                 </div>
  158.                 <!-- /main navigation -->
  159.             </div>
  160.             <!-- /sidebar content -->
  161.         </div>
  162.         <div class="content-wrapper">
  163.             <div class="page-header page-header-light">
  164.                 <div class="breadcrumb-line breadcrumb-line-light header-elements-md-inline">
  165.                     <div class="d-flex">
  166.                         <div class="breadcrumb">
  167.                             {% block Pipeline %}
  168.                                 {% set current_path = app.request.get('_route') %}
  169.                                 {% set path_tab = current_path | split('_') %}
  170.                                 <a href="{{ path('procedure_list') }}" class="breadcrumb-item"><i class="icon-home2 mr-2"></i> Home</a>
  171.                                 {% if path_tab[0] != 'dashboard' %}
  172.                                     {% for key, menu in path_tab  %}
  173.                                         {% if key == path_tab|length - 1 %}
  174.                                             <span class="breadcrumb-item active">{{ menu|capitalize }}</span>
  175.                                         {% else %}
  176.                                             <a href="{{ path(path_tab[0] ~ '_list') }}" class="breadcrumb-item">{{ menu|capitalize }}</a>
  177.                                         {% endif %}
  178.                                     {% endfor %}
  179.                                 {% endif %}
  180. {#                                {{ dump(current_path) }}#}
  181.                             {% endblock %}
  182.                         </div>
  183.                         <a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
  184.                     </div>
  185.                     <div class="header-elements d-none">
  186.                         <div class="breadcrumb justify-content-center">
  187.                             <a href="#" class="breadcrumb-elements-item" data-toggle="modal" data-target="#helpModal">
  188.                                 <i class="icon-comment-discussion mr-2"></i>
  189.                                 Support
  190.                             </a>
  191.                         </div>
  192.                     </div>
  193.                 </div>
  194.             </div>
  195.             <div class="content">
  196.                 {% block flashmessages %}
  197.                     <!-- Content area -->
  198.                     <div class="container flashmessages">
  199.                         {% for flash_message in app.session.flashBag.get('success') %}
  200.                             <div class="alert alert-success text-center">
  201.                                 <button type="button" class="close" data-dismiss="alert">x</button>
  202.                                 <strong>Success! </strong> {{ flash_message }}
  203.                             </div>
  204.                         {% endfor %}
  205.                         {% for flash_message in app.session.flashBag.get('info') %}
  206.                             <div class="alert alert-warning text-center">
  207.                                 <button type="button" class="close" data-dismiss="alert">x</button>
  208.                                 <strong>Information: </strong> {{ flash_message }}
  209.                             </div>
  210.                         {% endfor %}
  211.                         {% for flash_message in app.session.flashBag.get('warning') %}
  212.                             <div class="alert alert-danger text-center">
  213.                                 <button type="button" class="close" data-dismiss="alert">x</button>
  214.                                 <strong>Warning! </strong> {{ flash_message }}
  215.                             </div>
  216.                         {% endfor %}
  217.                     </div>
  218.                 {% endblock %}
  219.                 {% block content %}{% endblock %}
  220.                 <!-- Modal -->
  221.                 <div class="modal fade" id="helpModal" tabindex="-1" role="dialog" aria-labelledby="helpModalLabel" aria-hidden="true">
  222.                     <div class="modal-dialog" role="document">
  223.                         <div class="modal-content">
  224.                             <div class="modal-header">
  225.                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  226.                                     <span aria-hidden="true">&times;</span>
  227.                                 </button>
  228.                             </div>
  229.                             <div class="modal-body">
  230.                                 <p>If you have questions or issues, please contact support IT via Discord or send an email to <a href="mailto:it@popsicube.fr">it@popsicube.fr</a></p>
  231.                                 <p>Thanks</p>
  232.                                 <p>You can find the manual here :
  233.                                 </br><a href="{{ asset('template/global_assets/pdf/POPSISIGN-GUIDE.pdf') }}" download>Manual</a></p>
  234.                             </div>
  235.                             <div class="modal-footer">
  236.                             </div>
  237.                         </div>
  238.                     </div>
  239.                 </div>
  240.             </div>
  241.             {% block footer %}
  242.                 <!-- Footer -->
  243.                 <div class=" navbar navbar-expand-lg navbar-light">
  244.                     <div class="text-center d-lg-none w-100">
  245.                         <button type="button" class="navbar-toggler dropdown-toggle" data-toggle="collapse" data-target="#navbar-footer">
  246.                             <i class="icon-unfold mr-2"></i>
  247.                             Footer
  248.                         </button>
  249.                     </div>
  250.                     <div class="navbar-collapse collapse" id="navbar-footer">
  251.                                 <span class="navbar-text">
  252.                                     &copy; 2021 <a href="#">Popsisign</a> by <a href="https://popsisicube-fovea.com" target="_blank">© POPSICUBE-FOVEA</a>
  253.                                 </span>
  254.                        {#  <ul class="navbar-nav ml-lg-auto">
  255.                             <li class="nav-item"><a href="#" class="navbar-nav-link" target="_blank"><i class="icon-lifebuoy mr-2"></i> Support</a></li>
  256.                             <li class="nav-item"><a href="#" class="navbar-nav-link" target="_blank"><i class="icon-file-text2 mr-2"></i> Docs</a></li>
  257.                         </ul>   #}
  258.                     </div>
  259.                 </div>
  260.                 <!-- /footer -->
  261.             {% endblock %}
  262.         </div>
  263.     </div>
  264.     <!-- Core JS files -->
  265.     <script src="{{ asset('template/global_assets/js/main/jquery.min.js') }}"></script>
  266.     <script src="{{ asset('lib/jquery-ui/js/jquery-ui.min.js') }}"></script>
  267.     <script src="{{ asset('template/global_assets/js/main/bootstrap.bundle.min.js') }}"></script>
  268.     <script src="{{ asset('template/global_assets/js/plugins/loaders/blockui.min.js') }}"></script>
  269.     <!-- /core JS files -->
  270.     <!-- Theme JS files -->
  271.     <script src="{{ asset('template/global_assets/js/plugins/visualization/d3/d3.min.js') }}"></script>
  272.     <script src="{{ asset('template/global_assets/js/plugins/visualization/d3/d3_tooltip.js') }}"></script>
  273.     <script src="{{ asset('template/global_assets/js/plugins/forms/styling/switchery.min.js') }}"></script>
  274.     <script src="{{ asset('template/global_assets/js/plugins/ui/moment/moment.min.js') }}"></script>
  275.     <script src="{{ asset('template/global_assets/js/plugins/pickers/daterangepicker.js') }}"></script>
  276.     <script src="{{ asset('template/global_assets/js/plugins/tables/datatables/datatables.min.js') }}"></script>
  277.     <script src="{{ asset('template/assets/js/app.js') }}"></script>
  278.     {#        <script src="{{ asset('template/global_assets/js/demo_pages/dashboard.js') }}"></script>#}
  279.     {#        <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/streamgraph.js') }}'"></script>#}
  280.     {#        <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/sparklines.js') }}"></script>#}
  281.     {#        <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/lines.js') }}"></script>#}
  282.     {#        <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/areas.js') }}"></script>#}
  283.     {#        <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/donuts.js') }}"></script>#}
  284.     {#        <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/bars.js') }}"></script>#}
  285.     {#        <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/progress.js') }}"></script>#}
  286.     {#        <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/heatmaps.js') }}"></script>#}
  287.     {#        <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/pies.js') }}"></script>#}
  288.     {#        <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/bullets.js') }}"></script>#}
  289.     <!-- /theme JS files -->
  290.     <!-- Custom JS -->
  291.     <script src="{{ asset('custom/js/layout.js') }}"></script>
  292.     <!-- /custom JS -->
  293.     <!-- FOS JS Routing -->
  294.     <script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
  295.     <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  296.     <!-- /FOS JS Routing -->
  297.     <!-- JQUERY Validate -->
  298. {#    <script src="{{ asset('bundles/jquery-validation/dist/jquery.validate.min.js') }}"></script>#}
  299.     <!-- /JQUERY Validate -->
  300.     <script>
  301.         $(document).on('submit','form',function(){
  302.             $('#submitLoading').modal();
  303.         });
  304.     </script>
  305.     {% block javascripts %}{% endblock %}
  306. {% endblock %}
  307. </body>
  308. </html>