vendor/uvdesk/support-center-bundle/Resources/views/Templates/layout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html lang="{{app.request.getLocale()}}">
  3. <head>
  4. <link rel="stylesheet" href="{{ asset('bundles/uvdesksupportcenter/css/knowledgebase.css') }}">
  5. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css">
  7. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.13.1/underscore-min.js"></script>
  9. <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.4.0/backbone-min.js"></script>
  10. <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.validation/0.11.5/backbone-validation-min.js"></script>
  11. <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.paginator/2.0.8/backbone.paginator.min.js"></script>
  12. <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.0/moment.min.js"></script>
  13. <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
  16. <script src="{{ asset('bundles/uvdesksupportcenter/js/_common.js') }}"></script>
  17. <script src = "{{ asset('bundles/uvdesksupportcenter/js/uikit.front.js') }}"></script>
  18. <script src = "{{ asset('bundles/uvdeskcoreframework/js/dropdown.js') }}"></script>
  20. {% set websiteDetails = user_service.getWebsiteDetails('knowledgebase') %}
  21. {% set websiteConfiguration = user_service.getWebsiteConfiguration('knowledgebase') %}
  22. {% set themeTemplate = user_service.getWebsiteView() %}
  24. {% set canonical = app.request.server.get('REQUEST_SCHEME')~'://'~app.request.server.get('HTTP_HOST')~app.request.server.get('PATH_INFO') %}
  25. <link rel="canonical" href="{% block canonical %}{{canonical}}{% endblock %}">
  27. {% if websiteDetails and (websiteDetails.favicon) %}
  28. <link rel="icon" sizes="16x16" href="{{websiteDetails.favicon ? websiteDetails.favicon : null}}" />
  29. {% else %}
  30. <link rel="icon" sizes="16x16" href="{{ asset('favicon.ico') }}" />
  31. {% endif %}
  33. {% if websiteDetails %}
  34. <title>{% block title %}{{ websiteDetails.name ? websiteDetails.name : 'Knowledge Base'|trans }} {% endblock %}</title>
  35. {% if websiteConfiguration.metaDescription %}
  36. <meta name="description" content="{% block metaDescription %}{{ websiteConfiguration.metaDescription }}{% endblock %}"/>
  37. {% endif %}
  38. {% if websiteConfiguration.metaKeywords %}
  39. <meta name="keywords" content="{% block metaKeywords %}{{ websiteConfiguration.metaKeywords }}{% endblock %}"/>
  40. {% endif %}
  42. <meta http-equiv="Content-Type" content="text/html;" charset="{{ _charset }}"/>
  43. <meta name="robots" content="INDEX,FOLLOW" />
  44. <meta name="viewport" content="width=device-width, initial-scale=1">
  46. <meta property="og:locale" content="{{app.request.getLocale()}}" />
  47. <meta property="og:type" content="article" />
  48. <meta property="og:title" content="{% block ogtitle %}{% trans %}HelpDesk{% endtrans %} {{ websiteDetails.name ? websiteDetails.name : 'Knowledge Base'|trans }}{% endblock %}" />
  49. <meta property="og:url" content="{% block ogcanonical %}{{canonical}}{% endblock %}" />
  50. <meta property="og:site_name" content="{{ websiteDetails.name ? websiteDetails.name : 'Knowledge Base'|trans }}" />
  51. {% if websiteDetails.logo %}
  52. <meta property="og:image" content="{{ websiteDetails.logo }}" />
  53. {% endif %}
  54. <meta name="twitter:card" content="summary" />
  55. <meta name="twitter:title" content="{% block twtitle %}{% trans %}HelpDesk{% endtrans %} {{ websiteDetails.name ? websiteDetails.name : 'Knowledge Base'|trans }}{% endblock %}" />
  57. <link rel='dns-prefetch' href='//www.google.com' />
  58. <link rel='dns-prefetch' href='//fonts.googleapis.com' />
  59. <link rel='dns-prefetch' href='//fonts.gstatic.com' />
  60. <link rel='dns-prefetch' href='//cdn.uvdesk.com' />
  61. {% endif %}
  63. {% if websiteConfiguration %}
  64. {% block head %}
  65. {% include "@UVDeskSupportCenter/Knowledgebase/websiteSettings.html.twig" %}
  66. {% endblock %}
  67. {% endif %}
  69. {% if websiteConfiguration %}
  70. {% if uvdesk_service.isDarkSkin(websiteConfiguration.brandColor) %}
  71. {% include '@UVDeskSupportCenter/Knowledgebase/darkSkin.html.twig' %}
  72. {% else %}
  73. {% include '@UVDeskSupportCenter/Knowledgebase/lightSkin.html.twig' %}
  74. {% endif %}
  75. {% endif %}
  77. {% block templateCSS %}{% endblock %}
  78. </head>
  80. {% set bodyClass = '' %}
  81. {% set bodySkinClass = '' %}
  83. {% if app.request.locale == "ar" %}
  84. {% set bodyClass = 'uv-rtl' %}
  85. {% endif %}
  87. <body class="{{ bodySkinClass ~ ' ' ~ bodyClass }}">
  88. {% set broadcastMessage = uvdesk_service.getValidBroadcastMessage(websiteConfiguration.broadcastMessage is defined ? websiteConfiguration.broadcastMessage : '') %}
  89. {% if broadcastMessage %}
  90. <div class="uv-kb-info" id="uv-kb-info-broadcast">
  91. <p>{{ broadcastMessage.message is defined ? broadcastMessage.message : '' }}</p>
  92. <span class="uv-kb-info-remove" onclick="document.getElementById('uv-kb-info-broadcast').remove()"></span>
  93. </div>
  94. {% endif %}
  96. <div class="uv-notifications-wrapper">
  97. {% if uvdesk_service.requestHeadersSent() == false %}
  98. {% for flashMessage in app.session.flashbag.get('success') %}
  99. <div class="uv-notification page-load uv-success">
  100. <span class="uv-notification-close"></span>
  101. <p>{{ flashMessage|raw }}</p>
  102. </div>
  103. {% endfor %}
  104. {% for flashMessage in app.session.flashbag.get('warning') %}
  105. <div class="uv-notification page-load uv-error">
  106. <span class="uv-notification-close"></span>
  107. <p>{{ flashMessage|raw }}</p>
  108. </div>
  109. {% endfor %}
  110. {% endif %}
  112. <noscript>
  113. <div class="uv-notification uv-error">
  114. <p>{% trans %}Your browser does not support JavaScript or You disabled JavaScript, Please enable those !{% endtrans %}</p>
  115. </div>
  116. <style>.uv-loader-view {display: none;}</style>
  117. </noscript>
  118. </div>
  121. {% block header %}
  123. {% include "@UVDeskSupportCenter/Templates/header.html.twig" %}
  124. {% endblock %}
  126. {% include "@UVDeskSupportCenter/Templates/breadcrumbs.html.twig" %}
  128. {% block tabHeader %}
  129. {% endblock %}
  130. {% block wrapper %}
  131. <div class="uv-body">
  132. <div class="uv-container">
  133. {% block body %}
  134. {% if websiteConfiguration is defined and websiteConfiguration.ticketCreateOption %}
  135. {% if not websiteConfiguration.loginRequiredToCreate or app.user %}
  136. <div class="uv-cta-wrapper">
  137. <div class="uv-cta-lt">
  138. <svg
  139. xmlns="http://www.w3.org/2000/svg"
  140. xmlns:xlink="http://www.w3.org/1999/xlink"
  141. width="60px" height="60px">
  142. <path fill-rule="evenodd" fill="rgb(124, 116, 241)"
  143. d="M57.000,12.000 L51.000,12.000 L50.984,38.993 L12.000,39.000 L12.000,45.000 C12.000,46.649 13.351,48.000 15.000,48.000 L48.000,48.000 L60.000,60.000 L60.000,15.000 C60.000,13.351 58.649,12.000 57.000,12.000 ZM45.000,30.000 L45.000,3.000 C45.000,1.351 43.649,0.000 42.000,0.000 L3.000,0.000 C1.351,0.000 -0.000,1.351 -0.000,3.000 L-0.000,45.000 L12.000,33.000 L42.000,33.000 C43.649,33.000 45.000,31.649 45.000,30.000 Z"/>
  144. </svg>
  145. </div>
  146. <div class="uv-cta-rt">
  147. <h2>{{"Unable to find an answer?"|trans}}</h2>
  148. <p>{{"Looking for anything specific article which resides in general queries? Just browse the various relevant folders and categories and then you will find the desired article."|trans}}</p>
  149. <a href="{{ path('helpdesk_customer_create_ticket') }}" class="uv-btn uv-margin-top-15">{{'Contact Us'|trans}}</a>
  150. </div>
  151. </div>
  152. {% endif %}
  153. {% endif %}
  154. {% endblock %}
  155. </div>
  156. </div>
  157. {% endblock %}
  159. {% block footer %}
  160. {% include "@UVDeskSupportCenter/Templates/footer.html.twig" %}
  162. {% include "@UVDeskSupportCenter/Templates/pagination.html.twig" %}
  164. <!-- Loader Template-->
  165. <script type="text/template" id="loader-tmp">
  166. <div class="uv-loader">
  167. <span></span>
  168. <span></span>
  169. <span></span>
  170. </div>
  171. </script>
  172. <!-- Loader Template-->
  174. <!-- Full View Loader Template-->
  175. <script type="text/template" id="full-view-loader">
  176. <div class="uv-loader-view">
  177. <div class="uv-loader">
  178. <span></span>
  179. <span></span>
  180. <span></span>
  181. </div>
  182. </div>
  183. </script>
  184. <!-- //Full View Loader Template-->
  186. <!-- Notification Template -->
  187. <script type="text/template" id="notification-template">
  188. <div class="uv-notification <% if(alertClass == 'danger') { %>uv-error<% } else { %> <%= 'uv-' + alertClass %> <% } %>">
  189. <span class="uv-notification-close"></span>
  190. <p><%= alertMessage %> </p>
  191. </div>
  192. </script>
  193. <script type="text/javascript">
  194. var warningResponse = {
  195. 'alertClass' : 'danger',
  196. 'alertMessage' : '{{ "Error : Something went wrong, please try again later"|trans }}',
  197. };
  198. </script>
  200. {% include('@UVDeskSupportCenter/Themes/cookiePolicy.html.twig') %}
  201. {% endblock %}
  202. </body>
  203. </html>