vendor/uvdesk/core-framework/Resources/views/Templates/layout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>{% block title %}HelpDesk{% endblock %}</title>
  5.         <meta name="viewport" content="width=device-width, initial-scale=1">
  6.         <link rel="icon" type="image/x-icon" sizes="16x16 32x32 48x48" href="{{ asset('favicon.ico') }}" />
  8.         <!-- Stylesheets -->
  9.         <link href="{{ asset('bundles/uvdeskcoreframework/css/_uikit.css') }}" type="text/css" rel="stylesheet" media="all" />
  10.         <link href="{{ asset('bundles/uvdeskcoreframework/css/_custom.css') }}" type="text/css" rel="stylesheet" media="all" />
  11.         <link href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" type="text/css" rel="stylesheet">
  12.         <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet">
  14.         <!-- Custom CSS -->
  15.         {% set websiteConfiguration = user_service.getWebsiteConfiguration('knowledgebase') %}
  16.         {% set website = user_service.getWebsiteDetails('helpdesk') %}
  18.         {{ include('@UVDeskCoreFramework/Templates/lightskin.html.twig') }}
  20.         <!-- Custom Stylesheets -->
  21.         {% for stylesheet in uvdesk_extensibles.getRegisteredComponent('Webkul\\UVDesk\\CoreFrameworkBundle\\Dashboard\\Dashboard').getDashboardTemplate().getStylesheetResources() %}
  22.             <link href="{{ asset(stylesheet) }}" type="text/css" rel="stylesheet" media="all" />
  23.         {% endfor %}
  24.         
  25.         {% block templateCSS %}{% endblock %}
  27.         <!-- Scripts -->
  28.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  29.         <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.13.1/underscore-min.js"></script>
  30.         <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.4.0/backbone-min.js"></script>
  31.         <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.validation/0.11.5/backbone-validation-min.js"></script>
  32.         <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.paginator/2.0.8/backbone.paginator.min.js"></script>
  33.         <script src="{{ asset('bundles/uvdeskcoreframework/js/_dropdown.js') }}"></script>
  34.         <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/6.2.0/d3.min.js"></script>
  35.         <script src="{{ asset('bundles/uvdeskcoreframework/js/viewer.js') }}"></script>
  36.         <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  37.         <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.0/moment.min.js"></script>    
  38.         <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
  39.     </head>
  41.     {% set bodyClass = '' %}
  42.     {% set bodySkinClass = '' %}
  44.     {% if app.request.locale == "ar" %}
  45.         {% set bodyClass = 'uv-rtl' %}
  46.     {% endif %}
  47.     
  48.     <body class="{{ bodySkinClass ~ ' ' ~ bodyClass }}">
  49.         <div class="uv-notifications-wrapper">
  50.             <noscript>
  51.                 <div class="uv-notification page-load uv-error">
  52.                     <p>{% trans %}Your browser does not support JavaScript or You disabled JavaScript, Please enable those !{% endtrans %}</p>
  53.                 </div>
  54.                 <style>.uv-loader-view {display: none;}</style>
  55.             </noscript>
  57.             {% if uvdesk_service.requestHeadersSent() == false %}
  58.                 {% for flashMessage in app.session.flashbag.get('success') %}
  59.                     <div class="uv-notification page-load uv-success">
  60.                         <span class="uv-notification-close"></span>
  61.                         <p>{{ flashMessage|raw }}</p>
  62.                     </div>
  63.                 {% endfor %}
  64.                 
  65.                 {% for flashMessage in app.session.flashbag.get('warning') %}
  66.                     <div class="uv-notification page-load uv-error">
  67.                         <span class="uv-notification-close"></span>
  68.                         <p>{{ flashMessage|raw }}</p>
  69.                     </div>
  70.                 {% endfor %}
  71.             {% endif %}
  72.         </div>
  74.         <div class="uv-loader-view">
  75.             <div class="uv-loader">
  76.                 <span></span>
  77.                 <span></span>
  78.                 <span></span>
  79.             </div>
  80.         </div>
  82.         <div class="uv-pop-up-overlay" id="confirm-modal">
  83.             <div class="uv-pop-up-box uv-pop-up-slim">
  84.                 <span class="uv-pop-up-close"></span>
  85.                 <h2>{{ 'Confirm Action'|trans }}</h2>
  86.                 <p>{{ 'Are you sure? You want to perform this action.'|trans }}</p>
  88.                 <div class="uv-pop-up-actions">
  89.                     <a href="#" class="uv-btn uv-btn-error confirm">{{ 'Confirm'|trans }}</a>
  90.                     <a href="#" class="uv-btn cancel">{{ 'Cancel'|trans }}</a>
  91.                 </div>
  92.             </div>
  93.         </div>
  95.         {% set currentUser = user_service.getSessionUser() %}
  96.         {% if currentUser is not empty and currentUser.getAgentInstance() is not empty %}
  97.             {% set currentUserDetails = currentUser.getAgentInstance().getPartialDetails() %}
  98.         {% endif %}
  100.         {% block sidebar %}
  101.             {% if currentUser is defined and currentUser is not empty %}
  102.                 {% include "@UVDeskCoreFramework/Templates/sidebar.html.twig" %}
  103.             {% endif %}
  104.         {% endblock %}
  106.         {% block pageWrapper %}
  107.             <div class="uv-paper">
  108.                 {% block pageHeader %}
  109.                     {% include "@UVDeskCoreFramework/Templates/header.html.twig" %}
  110.                 {% endblock %}
  112.                 <div class="uv-wrapper">
  113.                     <div class="uv-container">
  114.                         {% block pageContent %}{% endblock %}
  115.                     </div>
  116.                 </div>
  117.             </div>
  118.         {% endblock %}
  119.         
  120.         {% block footer %}
  121.             <script>
  122.                 // Show loader by default
  123.                 document.addEventListener('DOMContentLoaded', function() {
  124.                     // Ensure the loader is visible
  125.                     document.querySelector('.uv-loader-view').style.display = 'block';
  126.                 });
  128.                 // Hide loader once the page is fully loaded
  129.                 window.onload = function() {
  130.                     // Hide the loader
  131.                     if (document.querySelector('.uv-loader-view'))
  132.                         document.querySelector('.uv-loader-view').style.display = 'none';
  133.                 };
  134.             </script>
  136.             <script src="{{ asset('bundles/uvdeskcoreframework/js/_common.js') }}"></script>
  137.             {% include "@UVDeskCoreFramework/Templates/pagination.html.twig" %}
  139.             {# Confirm Action Dialog #}
  140.             <div class="uv-pop-up-overlay" id="confirm-modal">
  141.                 <div class="uv-pop-up-box uv-pop-up-slim">
  142.                     <span class="uv-pop-up-close"></span>
  143.                     <h2>{{ 'Confirm Action'|trans }}</h2>
  144.                     <p>{{ 'Are you sure? You want to perform this action.'|trans }}</p>
  146.                     <div class="uv-pop-up-actions">
  147.                         <a href="#" class="uv-btn uv-btn-error confirm">{{ 'Confirm'|trans }}</a>
  148.                         <a href="#" class="uv-btn cancel">{{ 'Cancel'|trans }}</a>
  149.                     </div>
  150.                 </div>
  151.             </div>
  153.             {# Loader Template #}
  154.             <script type="text/template" id="loader-tmp">
  155.                 <div class="uv-loader">
  156.                     <span></span>
  157.                     <span></span>
  158.                     <span></span>
  159.                 </div>
  160.             </script>
  162.             {# Full View Loader Template #}
  163.             <script type="text/template" id="full-view-loader">
  164.                 <div class="uv-loader-view">
  165.                     <div class="uv-loader">
  166.                         <span></span>
  167.                         <span></span>
  168.                         <span></span>
  169.                     </div>
  170.                 </div>
  171.             </script>
  173.             {# Notification Template #}
  174.             <script type="text/template" id="notification-template">
  175.                 <div class="uv-notification <% if(alertClass == 'danger') { %>uv-error<% } else { %> <%= 'uv-' + alertClass %> <% } %>">
  176.                     <span class="uv-notification-close"></span>
  177.                     <p><%= alertMessage %> </p>
  178.                 </div>
  179.             </script>
  181.             <script type="text/javascript">
  182.                 var warningResponse = {
  183.                     'alertClass' : 'danger',
  184.                     'alertMessage' : '{{ "Error : Something went wrong, please try again later"|trans }}',
  185.                 };
  186.             </script>
  187.             {% if currentUser is defined and currentUser is not empty %}
  188.                 <script type="text/javascript">
  189.                     setInterval(async () => {
  190.                         try {
  191.                             const response = await fetch('{{ path('helpdesk_member_session_check') }}', {
  192.                                 credentials: 'include'
  193.                             });
  195.                             if (! response.ok) {
  196.                                 if (
  197.                                     response.status === 401 
  198.                                     || response.status === 440
  199.                                 ) {
  200.                                     window.location.href = '{{ path('helpdesk_member_handle_login') }}';
  201.                                 }
  202.                             } else {
  203.                                 const data = await response.json();
  204.                                 console.log('Session status:', data.session);
  205.                             }
  206.                         } catch (err) {
  207.                             console.error('Error checking session:', err);
  208.                         }
  209.                     }, 20 * 60 * 1000); // Every 20 minutes
  210.                 </script>
  211.             {% endif %}
  212.         {% endblock %}
  214.         {# Custom Javascript #}
  215.         {% for javascript in uvdesk_extensibles.getRegisteredComponent('Webkul\\UVDesk\\CoreFrameworkBundle\\Dashboard\\Dashboard').getDashboardTemplate().getJavascriptResources() %}
  216.             <script src="{{ asset(javascript) }}" type="text/javascript"></script>
  217.         {% endfor %}
  218.     </body>
  219. </html>