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="manifest" href="{{ asset('manifest.json') }}" >    
  5.         <link rel="stylesheet" href="{{ asset('bundles/uvdesksupportcenter/css/knowledgebase.css') }}">
  6.         <link rel="preconnect" href="https://fonts.googleapis.com">
  7.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  8.         <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
  9.         
  10.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
  11.         <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script>
  12.         <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js"></script>
  13.         <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.validation/0.11.5/backbone-validation-min.js"></script>
  14.         <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.paginator/2.0.8/backbone.paginator.min.js"></script>
  15.         
  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>
  19.         
  22.         {% set websiteDetails = user_service.getWebsiteDetails('knowledgebase') %}
  23.         {% set websiteConfiguration = user_service.getWebsiteConfiguration('knowledgebase') %}
  24.         {% set themeTemplate = user_service.getWebsiteView() %}
  26.         {% set canonical = app.request.server.get('REQUEST_SCHEME')~'://'~app.request.server.get('HTTP_HOST')~app.request.server.get('PATH_INFO') %}
  27.         <link rel="canonical" href="{% block canonical %}{{canonical}}{% endblock %}">
  29.         {% if websiteDetails and (websiteDetails.favicon) %}
  30.             <link rel="icon" sizes="16x16" href="{{websiteDetails.favicon ? websiteDetails.favicon : null}}" />
  31.         {% else %}
  32.             <link rel="icon" sizes="16x16" href="{{ asset('favicon.ico') }}" />
  33.         {% endif %}
  35.         {% if websiteDetails %}
  36.             <title>{% block title %}{% trans %}HelpDesk{% endtrans %} {{ websiteDetails.name ? websiteDetails.name : 'Knowledge Base'|trans }} {% endblock %}</title>
  37.             {% if websiteConfiguration.metaDescription %}
  38.                 <meta name="description" content="{% block metaDescription %}{{ websiteConfiguration.metaDescription }}{% endblock %}"/>
  39.             {% endif %}
  40.             {% if websiteConfiguration.metaKeywords %}
  41.                 <meta name="keywords" content="{% block metaKeywords %}{{ websiteConfiguration.metaKeywords }}{% endblock %}"/>
  42.             {% endif %}
  44.             <meta http-equiv="Content-Type" content="text/html;" charset="{{ _charset }}"/>
  45.             <meta name="robots" content="INDEX,FOLLOW" />
  46.             <meta name="viewport" content="width=device-width, initial-scale=1">
  48.             <meta property="og:locale" content="{{app.request.getLocale()}}" />
  49.             <meta property="og:type" content="article" />
  50.             <meta property="og:title" content="{% block ogtitle %}{% trans %}HelpDesk{% endtrans %} {{ websiteDetails.name ? websiteDetails.name : 'Knowledge Base'|trans }}{% endblock %}" />
  51.             <meta property="og:url" content="{% block ogcanonical %}{{canonical}}{% endblock %}" />
  52.             <meta property="og:site_name" content="{{ websiteDetails.name ? websiteDetails.name : 'Knowledge Base'|trans }}" />
  53.             {% if websiteDetails.logo %}
  54.                 <meta property="og:image" content="{{ websiteDetails.logo }}" />
  55.             {% endif %}
  56.             <meta name="twitter:card" content="summary" />
  57.             <meta name="twitter:title" content="{% block twtitle %}{% trans %}HelpDesk{% endtrans %} {{ websiteDetails.name ? websiteDetails.name : 'Knowledge Base'|trans }}{% endblock %}" />
  59.             <link rel='dns-prefetch' href='//www.google.com' />
  60.             <link rel='dns-prefetch' href='//fonts.googleapis.com' />
  61.             <link rel='dns-prefetch' href='//fonts.gstatic.com' />
  62.             <link rel='dns-prefetch' href='//cdn.uvdesk.com' />
  63.         {% endif %}
  65.         {% if websiteConfiguration %}
  66.             {% block head %}
  67.                 {% include "@UVDeskSupportCenter/Knowledgebase/websiteSettings.html.twig" %}
  68.             {% endblock %}
  69.         {% endif %}
  71.         {% if websiteConfiguration %}
  72.             {% if uvdesk_service.isDarkSkin(websiteConfiguration.brandColor) %}
  73.                 {% include '@UVDeskSupportCenter/Knowledgebase/darkSkin.html.twig' %}
  74.             {% else %}
  75.                 {% include '@UVDeskSupportCenter/Knowledgebase/lightSkin.html.twig' %}
  76.             {% endif %}
  77.         {% endif %}
  79.         {% block templateCSS %}{% endblock %}
  80.     </head>
  82.     {% set bodyClass = '' %}
  83.     {% set bodySkinClass = '' %}
  84.    
  85.     <body class="{{ bodySkinClass ~ ' ' ~ bodyClass }}">
  86.         {% set broadcastMessage = uvdesk_service.getValidBroadcastMessage(websiteConfiguration.broadcastMessage is defined ? websiteConfiguration.broadcastMessage : '') %}
  87.         {% if broadcastMessage %}
  88.             <div class="uv-kb-info" id="uv-kb-info-broadcast">
  89.                 <p>{{ broadcastMessage.message is defined ? broadcastMessage.message | raw : '' }}</p>
  90.                 <span class="uv-kb-info-remove" onclick="document.getElementById('uv-kb-info-broadcast').remove()"></span>
  91.             </div>
  92.         {% endif %}
  94.         <div class="uv-notifications-wrapper">
  95.             {% if uvdesk_service.requestHeadersSent() == false %}
  96.                 {% for flashMessage in app.session.flashbag.get('success') %}
  97.                     <div class="uv-notification page-load uv-success">
  98.                         <span class="uv-notification-close"></span>
  99.                         <p>{{ flashMessage|raw }}</p>
  100.                     </div>
  101.                 {% endfor %}
  102.                 {% for flashMessage in app.session.flashbag.get('warning') %}
  103.                     <div class="uv-notification page-load uv-error">
  104.                         <span class="uv-notification-close"></span>
  105.                         <p>{{ flashMessage|raw }}</p>
  106.                     </div>
  107.                 {% endfor %}
  108.             {% endif %}
  109.             
  110.             <noscript>
  111.                 <div class="uv-notification uv-error">
  112.                     <p>{% trans %}Your browser does not support JavaScript or You disabled JavaScript, Please enable those !{% endtrans %}</p>
  113.                 </div>
  114.                 <style>.uv-loader-view {display: none;}</style>
  115.             </noscript>
  116.         </div>
  119.         {% block header %}
  120.          
  121.             {% include "@UVDeskSupportCenter/Templates/header.html.twig" %}
  122.         {% endblock %}
  124.         {% include "@UVDeskSupportCenter/Templates/breadcrumbs.html.twig" %}
  126.         {% block tabHeader %}
  127.         {% endblock %}
  128.         {% block wrapper %}
  129.             <div class="uv-body">
  130.                 <div class="uv-container">
  131.                     {% block body %}
  132.                         <div class="uv-cta-wrapper">
  133.                             <div class="uv-cta-lt">
  134.                                 <svg
  135.                                 xmlns="http://www.w3.org/2000/svg"
  136.                                 xmlns:xlink="http://www.w3.org/1999/xlink"
  137.                                 width="60px" height="60px">
  138.                                 <path fill-rule="evenodd"  fill="rgb(124, 116, 241)"
  139.                                 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"/>
  140.                                 </svg>
  141.                             </div>
  142.                             <div class="uv-cta-rt">
  143.                                 <h2>{{"Unable to find an answer?"|trans}}</h2>
  144.                                 <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}}
  145.                                 </p>
  146.                                 {% if websiteConfiguration is defined and websiteConfiguration.ticketCreateOption is defined %}
  147.                                     <a href="{{ path('helpdesk_customer_create_ticket') }}" class="uv-btn uv-margin-top-15">{{'Contact Us'|trans}}</a>
  148.                                 {% endif %}
  149.                             </div>
  150.                         </div>
  151.                     </div>
  152.                 {% endblock %}
  153.             </div>
  154.         {% endblock %}
  156.         {% block footer %}
  157.             {% include "@UVDeskSupportCenter/Templates/footer.html.twig" %}
  159.             {% include "@UVDeskSupportCenter/Templates/pagination.html.twig" %}
  161.             <!-- Loader Template-->
  162.             <script type="text/template" id="loader-tmp">
  163.                 <div class="uv-loader">
  164.                     <span></span>
  165.                     <span></span>
  166.                     <span></span>
  167.                 </div>
  168.             </script>
  169.             <!-- Loader Template-->
  171.             <!-- Full View Loader Template-->
  172.             <script type="text/template" id="full-view-loader">
  173.                 <div class="uv-loader-view">
  174.                     <div class="uv-loader">
  175.                         <span></span>
  176.                         <span></span>
  177.                         <span></span>
  178.                     </div>
  179.                 </div>
  180.             </script>
  181.             <!-- //Full View Loader Template-->
  183.             <!-- Notification Template -->
  184.             <script type="text/template" id="notification-template">
  185.                 <div class="uv-notification <% if(alertClass == 'danger') { %>uv-error<% } else { %> <%= 'uv-' + alertClass %> <% } %>">
  186.                     <span class="uv-notification-close"></span>
  187.                     <p><%= alertMessage %> </p>
  188.                 </div>
  189.             </script>
  190.             <script type="text/javascript">
  191.                 var warningResponse = {
  192.                     'alertClass' : 'danger',
  193.                     'alertMessage' : '{{ "Error : Something went wrong, please try again later"|trans }}',
  194.                 };
  196.             if ("serviceWorker" in navigator) {
  197.                     navigator.serviceWorker
  198.                         .register("{{ asset('sw.js') }}")
  199.                         .then(serviceWorker => {
  200.                             console.log("Service Worker registered: ", serviceWorker);
  201.                         })
  202.                         .catch(error => {
  203.                             console.error("Error registering the Service Worker: ", error);
  204.                         });
  205.                 }
  207.          
  209.             </script>
  212.  <script type="text/javascript">
  213.                 let deferredPrompt; // Allows to show the install prompt
  214.                 var btnAdd = document.getElementById("install_button");
  217.                 window.addEventListener('beforeinstallprompt', function(event) {
  218.                     console.log('before');
  219.             // Prevent Chrome 67 and earlier from automatically showing the prompt
  220.                     e.preventDefault();
  221.                     // Stash the event so it can be triggered later.
  222.                     deferredPrompt = e;
  223.                 });
  225.                 // Installation must be done by a user gesture! Here, the button click
  226.                 btnAdd.addEventListener('click', (e) => {
  227.                     // hide our user interface that shows our A2HS button
  228.                     btnAdd.style.display = 'none';
  229.                     // Show the prompt
  230.                     deferredPrompt.prompt();
  231.                     // Wait for the user to respond to the prompt
  232.                     deferredPrompt.userChoice
  233.                         .then((choiceResult) => {
  234.                             if (choiceResult.outcome === 'accepted') {
  235.                                 console.log('User accepted the A2HS prompt');
  236.                             } else {
  237.                                 console.log('User dismissed the A2HS prompt');
  238.                             }
  239.                             deferredPrompt = null;
  240.                         });
  241.                 });
  243.             </script>
  246.             <script src="https://www.gstatic.com/firebasejs/7.16.1/firebase-app.js"></script>
  247.             <script src="https://www.gstatic.com/firebasejs/7.16.1/firebase-messaging.js"></script>
  248.             <!-- <script>
  249.             (function () {
  250.                 let js = document.createElement('script');
  251.                 js.type = 'text/javascript';
  252.                 js.async = 1;
  253.                 js.src = 'https://go.botmaker.com/rest/webchat/p/A8Y3236CWS/init.js';
  254.                 document.body.appendChild(js);
  255.             })();
  256.             </script> -->
  258.          <script>
  259.                 var config = {
  260.                     messagingSenderId: "700107588170",
  261.                     apiKey: "AIzaSyDP7S4mc83BPE2OE8nSq4oFQY-q5zceHTk",
  262.                     projectId: "sgsupportcenter",
  263.                     appId: "1:700107588170:web:788a956e13111c1d27dcb3"
  264.                 };
  265.                 firebase.initializeApp(config);
  268.                 const messaging = firebase.messaging();
  269.                 messaging
  270.                     .requestPermission()
  271.                     .then(function () {
  272.                         //MsgElem.innerHTML = "Notification permission granted."
  273.                         console.log("Notification permission granted.");
  275.                         // get the token in the form of promise
  276.                         return messaging.getToken()
  277.                     })
  278.                     .then(function(token) {
  281.                   fetch('https://iid.googleapis.com/iid/v1/' + token + '/rel/topics/all', {
  282.                             method: 'POST',
  283.                             headers: new Headers({
  284.                                 'Authorization': 'key=AAAAowGqAko:APA91bH7GR2vHQ6HXP99sSa6s5U7t5XnDYSn_81uoQC4LxuuFGcNVTy5YSbKCRFh0PLd47B22pCCTL_h-tfOyaVIQ6joEkz4cdSSe-xuFwIl1dRye5TS2qml82k_LovpEYYcTlSVusnx' 
  285.                             })
  286.                         }).then(response => {
  287.                             if (response.status < 200 || response.status >= 400) {
  288.                                 throw 'Error subscribing to topic: ' + response.status + ' - ' + response.text();
  289.                             }
  290.                             console.log('Subscribed to "' + topic + '"');
  291.                         }).catch(error => {
  292.                             console.error(error);
  293.                         })
  294.             
  295.                         // print the token on the HTML page
  296.                         //TokenElem.innerHTML = "Device token is : <br>" + token
  297.                     })
  298.                     .catch(function (err) {
  299.                       //  ErrElem.innerHTML = ErrElem.innerHTML + "; " + err
  300.                         console.log("Unable to get permission to notify.", err);
  301.                     });
  302.             </script>
  304.             <script>
  305.                 console.log(window.location.pathname.split( '/' ))
  307.                 if($("#uv-kb-info-broadcast p").text()){
  308.                     var apiKey = "AIzaSyBzVmrEVgd5Bb0r8bbgl3ZznsNuRGnO3RM"; // prod
  309.                     //var apiKey = "AIzaSyAenP2qCf3xrpbuLvzqzmsne0lJDewwP0w"; // test
  310.                     var url = "https://translation.googleapis.com/language/translate/v2?key="+apiKey+"";
  311.                     url += "&source=es";
  312.                     url += "&target="+window.location.pathname.split( '/' )[2];
  313.                     url += "&q=" + $("#uv-kb-info-broadcast p").text();
  315.                     $.get(url, function (data, status) {
  316.                         console.log(data)
  317.                         $("#uv-kb-info-broadcast").html('<p class="MsoNormal" style="box-sizing: border-box; font-family: tahoma, arial, verdana, sans-serif; font-size: 12px; margin-bottom: 0cm; text-align: justify; line-height: normal;">'+data.data.translations[0].translatedText+'</p>');
  318.                     });
  319.                 }
  320.             </script>
  322.             {% include('@UVDeskSupportCenter/Themes/cookiePolicy.html.twig') %}
  323.         {% endblock %}
  324.     </body>
  325. </html>