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 %}
  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 %}
  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 %}
  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 %}
  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. document.querySelector('.uv-loader-view').style.display = 'none';
  132. };
  133. </script>
  135. <script src="{{ asset('bundles/uvdeskcoreframework/js/_common.js') }}"></script>
  136. {% include "@UVDeskCoreFramework/Templates/pagination.html.twig" %}
  138. {# Confirm Action Dialog #}
  139. <div class="uv-pop-up-overlay" id="confirm-modal">
  140. <div class="uv-pop-up-box uv-pop-up-slim">
  141. <span class="uv-pop-up-close"></span>
  142. <h2>{{ 'Confirm Action'|trans }}</h2>
  143. <p>{{ 'Are you sure? You want to perform this action.'|trans }}</p>
  145. <div class="uv-pop-up-actions">
  146. <a href="#" class="uv-btn uv-btn-error confirm">{{ 'Confirm'|trans }}</a>
  147. <a href="#" class="uv-btn cancel">{{ 'Cancel'|trans }}</a>
  148. </div>
  149. </div>
  150. </div>
  152. {# Loader Template #}
  153. <script type="text/template" id="loader-tmp">
  154. <div class="uv-loader">
  155. <span></span>
  156. <span></span>
  157. <span></span>
  158. </div>
  159. </script>
  161. {# Full View Loader Template #}
  162. <script type="text/template" id="full-view-loader">
  163. <div class="uv-loader-view">
  164. <div class="uv-loader">
  165. <span></span>
  166. <span></span>
  167. <span></span>
  168. </div>
  169. </div>
  170. </script>
  172. {# Notification Template #}
  173. <script type="text/template" id="notification-template">
  174. <div class="uv-notification <% if(alertClass == 'danger') { %>uv-error<% } else { %> <%= 'uv-' + alertClass %> <% } %>">
  175. <span class="uv-notification-close"></span>
  176. <p><%= alertMessage %> </p>
  177. </div>
  178. </script>
  180. <script type="text/javascript">
  181. var warningResponse = {
  182. 'alertClass' : 'danger',
  183. 'alertMessage' : '{{ "Error : Something went wrong, please try again later"|trans }}',
  184. };
  185. </script>
  187. {% endblock %}
  189. {# Custom Javascript #}
  190. {% for javascript in uvdesk_extensibles.getRegisteredComponent('Webkul\\UVDesk\\CoreFrameworkBundle\\Dashboard\\Dashboard').getDashboardTemplate().getJavascriptResources() %}
  191. <script src="{{ asset(javascript) }}" type="text/javascript"></script>
  192. {% endfor %}
  193. </body>
  194. </html>