templates/ilivio.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>{% block title %}Bienvenue!{% endblock %}</title>
  6.         {# Run `composer require symfony/webpack-encore-bundle`
  7.            and uncomment the following Encore helpers to start using Symfony UX #}
  8.         {% block stylesheets %}
  9.             {#{{ encore_entry_link_tags('app') }}#}
  10.             
  11.         <meta name="viewport" content="width=device-width, initial-scale=1.0" />        
  12.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" />
  13.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/axentix@1.1.0/dist/css/axentix.min.css">
  14.         
  15.         <link href="{{ asset('js/pagination/dist/pagination.css')}}" rel="stylesheet">
  16.         <link href="{{ asset('js/jquery-confirm-v3.3.4/dist/jquery-confirm.min.css')}}" rel="stylesheet">
  17.         {% endblock %}
  18.         {% block javascripts %}
  19.             {#{{ encore_entry_script_tags('app') }}#}
  20.         {% endblock %}
  21.         <script src="{{ asset('js/jquery-310/jquery.min.js')}}"></script>
  22.         <script src="{{ asset('js/pagination/src/pagination.js')}}"></script>
  23.         <script src="{{ asset('js/jquery-confirm-v3.3.4/dist/jquery-confirm.min.js')}}"></script>
  24.         <script src="{{ asset('js/popper.js')}}"></script>
  25.         <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  26.         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:200,300,400,600,700">
  27.         <link href="{{ asset('css/boostrap-500/bootstrap.min.css')}}" rel="stylesheet">
  28.         <link href="{{ asset('js/Multi-Level-Sidebar-Menu-HC-MobileNav/dist/demo.css')}}" rel="stylesheet">
  29.         <link href="{{ asset('js/Multi-Level-Sidebar-Menu-HC-MobileNav/dist/hc-offcanvas-nav.css')}}" rel="stylesheet">
  30.         <script src="{{ asset('js/Multi-Level-Sidebar-Menu-HC-MobileNav/dist/hc-offcanvas-nav.js?ver=6.1.3')}}"></script>
  31.         <link href="{{ asset('css/style.css')}}" rel="stylesheet">
  32.     </head>
  33.     <body>
  34.     
  35.     <header style="padding:0;">
  36.       
  37.       {% if isDesktop %}
  38.         <nav class="navbar navbar-expand-lg shadow-1 primary dividerBottom" style="position:fixed;">
  39.                 
  40.             <a href="{{ path('app_home') }}" class="navbar-brand" style="padding-left:10pt;font-family:Palatino;"><b style="color:DodgerBlue;font-size:20pt;">ILIVIO</b>. Votre plateforme de facturation</a>
  41.             <div class="navbar-menu ml-auto">
  42.                 <a class="navbar-link btn-warning" style="border-radius:0;background-color:;color:;color:black;min-width:120pt;text-align:center;" href="{{ path('demo_new') }}" >Démo</a>
  43.                 <a class="navbar-link btn-primary" style="display:none;border-radius:0;background-color:;color:;color:white;min-width:120pt;text-align:center;cursor:not-allowed;" href="#" >Espace client</a>
  44.                 <a class="navbar-link btn-danger" style="border-radius:0;background-color:;color:;color:white;min-width:120pt;text-align:center;" href="#" onclick="window.location.href='{{ path("view_invoices") }}'">Espace professionnel</a>
  45.             </div>
  46.         </nav>
  47.       {% else %}
  48.         
  49.         <div class="wrapper cf" style="margin:0;padding:0;">
  50.             
  51.             <div class="fixed-top shadow-2" style="padding:0;background-color:white;color:DodgerBlue;border-bottom: 2pt solid DodgerBlue;">
  52.                 <div class="row" style="background-color:;padding:0;padding-left:10pt;">
  53.                     <span class="toggle col-1"><img src="{{ asset('img/ilivio.png')}}" style="width:54pt;padding:5pt;"/></span>
  54.                     <div class="col"  style="background-color:;padding-left:5pt;padding-top:15pt;">
  55.                         ILIVIO
  56.                         <div class="" style="color:gray;font-size:12pt;">
  57.                             Votre plateforme de facturation
  58.                         </div>
  59.                     </div>
  60.                 </div>
  61.             </div>
  62.             <nav id="main-nav">
  63.                 
  64.                 <ul class="first-nav">
  65.                     <ul>
  66.                     
  67.                     <div class="col-xs-2 col-sm-2 gradianBlue " style="padding:15pt;padding-top:35pt;min-height:;">
  68.                     
  69.                         <div style="font-size:11pt;border-radius:5pt;background-color:DodgerBlue;color:white;padding:10pt;margin:10pt;width:%;margin:0 auto;">
  70.                             <div style="margin-top:-40pt;text-align:center;">
  71.                                 {% if app.user.companies[0].logo is defined and app.user.companies[0].logo|trim is not empty%}
  72.                                     <img class="rounded-circle" alt="Sample image" src="/img/{{ app.user.companies[0].logo }}" width="80" height="80" style="border:1px solid silver;">                                
  73.                                 {% else %}
  74.                                     <img src="{{ asset('img/user.png')}}" style="width:auto;"/>
  75.                                 {% endif %}
  76.                             
  77.                             </div>
  78.                             <div style="text-align:left;">{% if app.user is defined and app.user.companies[0].name is defined %} {{ user.companies[0].name }}{% endif %}</div>
  79.                             <div style="text-align:left;">{% if app.user %} {{ app.user.firstName }}  {{ app.user.lastName|upper }}{% endif %}</div>
  80.                             <div style="text-align:left;">{% if app.user %} {{ app.user.email }}{% endif %}</div>
  81.                             <div style="text-align:left;">{% if app.user %} Dernière connexion le {{ app.user.connectedAt|date('d/m/Y à H:m') }}{% endif %} </div>
  82.                             <div class="dividerTop" style="margin:5pt;margin-left:0;text-align:center;"><a class="" href="{% if app.user %} /logout {% else %} /login {% endif %}" style="color:white;">{% if app.user %} Se déconnecter {% else %} Se connecter {% endif %}</a></div>
  83.                         </div>
  84.                     </div>
  85.                     
  86.                     </ul>
  87.                     <li class="">
  88.                         <a href="{{ path('view_invoices') }}"><i class="fas fa-file-invoice" style="font-size:16pt;padding:5pt;"></i> Factures</a>
  89.                         <ul class="row" id="invoiceMenu">
  90.                             <div class="" style="">
  91.                                 <h5 class=""><i class="fas fa-file-invoice" style="font-size:42pt;"></i></h5>
  92.                                 <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  93.                             </div>
  94.                         </ul>
  95.                     </li>
  96.                     <li class="">
  97.                         <a href="{{ path('view_products') }}" ><i class="fas fa-cube" style="font-size:16pt;padding:5pt;"></i> Produits</a>
  98.                         <ul class="row" id="invoiceProduct">
  99.                             <div class="" style="">
  100.                                 <h5 class=""><i class="fas fa-cube" style="font-size:42pt;"></i></h5>
  101.                                 <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  102.                             </div>
  103.                         </ul>
  104.                     </li>
  105.                     <li class="">
  106.                         <a href="{{ path('view_customers') }}" ><i class="far fa-address-book" style="font-size:16pt;padding:5pt;"></i> Clients</a>
  107.                         <ul class="row" id="customerMenu">
  108.                             <div class="" style="">
  109.                                 <h5 class=""><i class="far fa-address-book" style="font-size:42pt;"></i></h5>
  110.                                 <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  111.                             </div>
  112.                         </ul>
  113.                     </li>
  114.                     {% if app.user.companies[0].name is defined %}
  115.                         <li style="">
  116.                             <a href="{{ path('view_companies') }}" ><i class="fas fa-building" style="font-size:16pt;padding:5pt;"></i> Entreprise</a>        
  117.                         </li>
  118.                         <li style="">
  119.                             <a href="{{ path('view_tax_rates') }}" ><i class="fas fa-percent" style="font-size:16pt;padding:5pt;"></i> Taxes</a>        
  120.                         </li>
  121.                     {% endif %}
  122.                     
  123.                
  124.                 </ul>
  125.                 <h5 style="text-align:center;font-size:10pt;color:silver;">
  126.                     Ilivio © {{ "now"|date("Y") }} <br> Powered by Swadrii GROUP
  127.                 </h5>
  128.             </nav>
  129.         </div>
  130.       {% endif %}
  131.     </header>
  132.     <main class="" style="">
  133.        <div class="container" style="">
  134.             <div class="row">
  135.                 <div class="col col-xs-12 col-sm-12 col-md-12 col-lg-12" style="">
  136.                     {% for message in app.flashes('warning') %}
  137.                       <div class="alert alert-warning" role="alert" style="margin-top:68pt;">{{ message }}</div>
  138.                     {% endfor %}
  139.                     {% for message in app.flashes('danger') %}
  140.                         <div class="alert alert-danger" role="alert" style="margin-top:68pt;">{{ message }}</div>
  141.                     {% endfor %}
  142.                     {% for message in app.flashes('primary') %}
  143.                         <div class="alert alert-primary" role="alert" style="margin-top:68pt;">{{ message }}</div>
  144.                     {% endfor %}
  145.                     {% for message in app.flashes('secondary') %}
  146.                         <div class="alert alert-secondary" role="alert" style="margin-top:68pt;">{{ message }}</div>
  147.                     {% endfor %}  
  148.                     {% for message in app.flashes('success') %}
  149.                         <div class="alert alert-success" role="alert" style="margin-top:68pt;">{{ message }}</div>
  150.                     {% endfor %}                     
  151.                     {% for message in app.flashes('info') %}
  152.                         <div class="alert alert-info" role="alert" style="margin-top:68pt;">{{ message }}</div>
  153.                     {% endfor %}
  154.                     {% for message in app.flashes('light') %}
  155.                         <div class="alert alert-light" role="alert" style="margin-top:68pt;">{{ message }}</div>
  156.                     {% endfor %}
  157.                     {% for message in app.flashes('dark') %}
  158.                         <div class="alert alert-dark" role="alert" style="margin-top:68pt;">{{ message }}</div>
  159.                     {% endfor %}
  160.                     {% block body %}                    
  161.                     {% endblock %}
  162.                 </div>
  163.                 
  164.             </div>
  165.         </div> 
  166.     </main>
  167.     <script src="{{ asset('js/boostrap-500/bootstrap.bundle.min.js')}}"></script>
  168.     <script>
  169.         (function($) {
  170.           'use strict';
  171.           // call our plugin
  172.           var Nav = new hcOffcanvasNav('#main-nav', {
  173.             disableAt: false,
  174.             customToggle: '.toggle',
  175.             levelSpacing: 40,
  176.             navTitle: 'ILIVIO',
  177.             levelTitles: true,
  178.             levelTitleAsBack: true,
  179.             pushContent: '#container',
  180.             labelClose: false
  181.           });
  182.           // add new items to original nav
  183.           $('#main-nav').find('li.add').children('a').on('click', function() {
  184.             var $this = $(this);
  185.             var $li = $this.parent();
  186.             var items = eval('(' + $this.attr('data-add') + ')');
  187.             $li.before('<li class="new"><a href="#">'+items[0]+'</a></li>');
  188.             items.shift();
  189.             if (!items.length) {
  190.               $li.remove();
  191.             }
  192.             else {
  193.               $this.attr('data-add', JSON.stringify(items));
  194.             }
  195.             Nav.update(true); // update DOM
  196.           });
  197.           // demo settings update
  198.           const update = function(settings) {
  199.             if (Nav.isOpen()) {
  200.               Nav.on('close.once', function() {
  201.                 Nav.update(settings);
  202.                 Nav.open();
  203.               });
  204.               Nav.close();
  205.             }
  206.             else {
  207.               Nav.update(settings);
  208.             }
  209.           };
  210.           $('.actions').find('a').on('click', function(e) {
  211.             e.preventDefault();
  212.             var $this = $(this).addClass('active');
  213.             var $siblings = $this.parent().siblings().children('a').removeClass('active');
  214.             var settings = eval('(' + $this.data('demo') + ')');
  215.             if ('theme' in settings) {
  216.               $('body').removeClass().addClass('theme-' + settings['theme']);
  217.             }
  218.             else {
  219.               update(settings);
  220.             }
  221.           });
  222.           $('.actions').find('input').on('change', function() {
  223.             var $this = $(this);
  224.             var settings = eval('(' + $this.data('demo') + ')');
  225.             if ($this.is(':checked')) {
  226.               update(settings);
  227.             }
  228.             else {
  229.               var removeData = {};
  230.               $.each(settings, function(index, value) {
  231.                 removeData[index] = false;
  232.               });
  233.               update(removeData);
  234.             }
  235.           });
  236.         })(jQuery);
  237.       </script>
  238.     </body>
  239. </html>