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

Open in your IDE?
  1. {% set currentUser = app.user ? user_service.getCustomerPartialDetailById(app.user.id) : null %}
  2. <!--Header-->
  3. <style>
  4.     .uv-dropdown-list  {
  5.         text-align: left;
  6.     }
  7.     .uv-dropdown-list ul li {
  8.         width: 100%;
  9.     }
  10.     .uv-header .uv-header-rt .uv-dropdown-list ul li a {
  11.         color: #333;
  12.         font-size: 16px;
  13.         padding: 0;
  14.     }
  15.     .uv-header .uv-header-rt .uv-dropdown-list ul li a:hover {
  16.         color: #2750C4;
  17.         text-decoration: none;
  18.     }
  19.     .uv-profile-block .uv-bottom-right{
  20.         top: auto !important;
  21.     }
  22.     .uv-rtl header .uv-header-rt > span {
  23.         display: block;
  24.     }
  25.     .uv-rtl header .uv-header-rt > span > .uv-dropdown-list {
  26.         right: unset;
  27.         left: 0px;
  28.         top: 70px;
  29.         text-align: right;
  30.     }
  31.     {% if websiteConfiguration is defined and websiteConfiguration.bannerBackgroundColor %}
  32.         .uv-hero {
  33.             background-color: {{websiteConfiguration.bannerBackgroundColor}};
  34.         }
  35.         .uv-header .uv-header-rt .uv-hamburger svg path {
  36.             fill: {{ websiteConfiguration.bannerBackgroundColor }};
  37.         }
  38.         .uv-skin-dark .uv-hero {
  39.             background-color: {{websiteConfiguration.bannerBackgroundColor}};
  40.         }
  41.     {% endif %}
  42.     {% if websiteConfiguration is defined and websiteConfiguration.linkColor is defined %}
  43.         a:not(.uv-btn):not(.uv-btn-small):not(.uv-btn-social):not(.uv-table):not(.not-shiny) {
  44.             color: {{ websiteConfiguration.linkColor }} !important;
  45.         }
  46.     {% endif %}
  47.     {% if websiteConfiguration is defined and websiteConfiguration.linkHoverColor is defined %}
  48.         a:not(.uv-btn):not(.uv-btn-small):not(.uv-btn-social):not(.uv-table):not(.not-shiny):hover {
  49.             color: {{ websiteConfiguration.linkHoverColor }} !important;
  50.         }
  51.     {% endif %}
  52.     {% if websiteConfiguration is defined and websiteConfiguration.articleTextColor is defined %}
  53.         .uv-paper-article .uv-paper-section > section > p {
  54.             color: {{ websiteConfiguration.articleTextColor }} !important;
  55.         }
  56.         .uv-paper-article .uv-paper-section > section > ul {
  57.             color: {{ websiteConfiguration.articleTextColor }} !important;
  58.         }
  59.     {% endif %}
  60.     .goog-te-gadget-simple .goog-te-menu-value, .goog-te-gadget-simple .goog-te-menu-value:hover {
  61.         color: #333!important;
  62.     }
  63. </style>
  64. <div class="uv-header">
  65.     
  67.         <header>
  68.              <div class="uv-container">
  69.             
  70.             <div class="uv-header-lt">
  72.                 <a class="uv-logo" href="{{path('helpdesk_knowledgebase_folder')}}">
  73.                     {% if websiteConfiguration is defined and websiteConfiguration.website.logo is not empty %}
  74.                         <img src="{{ app.request.scheme ~'://' ~ app.request.httpHost ~ asset('') }}{{ websiteConfiguration.website.logo }}" alt="{{ websiteConfiguration.website.name}}" />
  75.                     {% else %}
  76.                         <svg xmlns="http://www.w3.org/2000/svg" width="122" height="48" viewBox="0 0 122 48">
  77.                             <defs>
  78.                                 <style>
  79.                                 .cls-1 {
  80.                                     fill: #9f9f9f;
  81.                                     fill-rule: evenodd;
  82.                                     }
  83.                                 </style>
  84.                             </defs>
  85.                             <path id="uvdesk-icon" class="cls-1" d="M43.5,23A1.5,1.5,0,0,1,45,24.5V25H42V24.5A1.5,1.5,0,0,1,43.5,23ZM39,31H38V18h1a2.257,2.257,0,0,1,2,2v9A2.257,2.257,0,0,1,39,31Zm6-5H42s1.769,15.329-15,17c0.011-.1-0.027,1.292,0,2C33.324,44.708,45.563,40.575,45,26ZM25.987,44A1.988,1.988,0,1,1,24,41.989,2,2,0,0,1,25.987,44ZM8,41A18.173,18.173,0,0,1,3.386,29.28L3,24a14.906,14.906,0,0,0,9-5,14.838,14.838,0,0,0,5,4,17.2,17.2,0,0,0,16-1l4-3a2.479,2.479,0,0,0,0-1C36.692,8.308,27.872,0,18,0h0A17.913,17.913,0,0,0,0,18V29A21.17,21.17,0,0,0,5,43a16.677,16.677,0,0,0,7,5l1-3C10.936,44.167,9.633,42.824,8,41Zm2.492-15A3.5,3.5,0,1,0,14,29.5,3.5,3.5,0,0,0,10.492,26ZM27.5,33A3.5,3.5,0,1,0,24,29.5,3.5,3.5,0,0,0,27.5,33Z"/>
  86.                             <path id="uvdesk" class="cls-1" d="M53.078,25.329c0,2.976,1.1,4.56,3.576,4.56a4.931,4.931,0,0,0,3.84-2.112h0.072L60.734,29.6h1.632V17.937H60.4v8.281c-1.1,1.368-1.944,1.968-3.144,1.968-1.536,0-2.184-.936-2.184-3.12V17.937H53.078v7.393ZM68.822,29.6h2.3l4.128-11.665H73.31L71.1,24.561c-0.336,1.152-.72,2.328-1.056,3.432h-0.1c-0.36-1.1-.744-2.28-1.08-3.432l-2.208-6.625h-2.04Zm7.752-5.809c0,3.888,1.9,6.1,4.824,6.1a5.262,5.262,0,0,0,3.528-1.656H85L85.166,29.6H86.8V12.512H84.806V17l0.1,1.992a4.806,4.806,0,0,0-3.264-1.344C78.973,17.649,76.573,20,76.573,23.793Zm2.04-.024c0-2.664,1.488-4.464,3.36-4.464a4.06,4.06,0,0,1,2.832,1.224v6.1a3.948,3.948,0,0,1-2.976,1.608C79.789,28.233,78.613,26.553,78.613,23.769Zm11.256,0.024c0,3.816,2.472,6.1,5.593,6.1a6.947,6.947,0,0,0,3.84-1.2l-0.7-1.3a5.271,5.271,0,0,1-2.9.912c-2.232,0-3.744-1.584-3.888-4.1h7.873a6.956,6.956,0,0,0,.072-1.08c0-3.336-1.68-5.472-4.656-5.472C92.437,17.649,89.869,19.977,89.869,23.793Zm1.92-.888c0.24-2.352,1.728-3.7,3.36-3.7,1.824,0,2.88,1.32,2.88,3.7H91.789Zm9.552,5.376a7.021,7.021,0,0,0,4.344,1.608c2.76,0,4.272-1.584,4.272-3.48,0-2.208-1.872-2.9-3.552-3.528-1.32-.5-2.592-0.936-2.592-2.016,0-.888.672-1.68,2.136-1.68a4.331,4.331,0,0,1,2.664,1.032l0.936-1.248a5.822,5.822,0,0,0-3.624-1.32c-2.52,0-4.008,1.44-4.008,3.312,0,1.968,1.824,2.76,3.48,3.36,1.272,0.48,2.664,1.008,2.664,2.208,0,1.008-.768,1.824-2.3,1.824a5.245,5.245,0,0,1-3.432-1.392Zm11.352,1.32h1.944V26.529l2.184-2.544,3.408,5.617h2.16l-4.44-6.985,3.912-4.68h-2.184l-4.968,6.145h-0.072V12.512h-1.944V29.6Z"/>
  87.                         </svg>
  88.                     {% endif %}
  90.                 </a>
  91.                 
  92.             </div>
  93.                 
  94.             <div class="uv-header-rt">
  95.                 
  96.                 {% if currentUser %}
  97.                     <span style="position: relative" class="uv-profile-block">
  99.                         <div class="uv-profile-wrapper uv-dropdown-other" >
  100.                             <div class="uv-profile-avatar">
  102.                                 <img src="{{ currentUser.smallThumbnail ?  app.request.scheme ~'://' ~ app.request.httpHost ~ asset('') ~ currentUser.smallThumbnail : asset(default_customer_image_path) }}">                       
  103.                             </div>
  104.                             <div class="uv-profile-howdy">
  105.                                 <span>{{ 'Howdy!'|trans }}</span>
  106.                                 <span class="uv-username">{{ currentUser.firstName }}</span>
  107.                             </div>
  108.                             <div class="uv-drop-icon"></div>
  109.                         </div>
  110.                         <div class="uv-dropdown-list uv-bottom-right uv-text-left">
  111.                             <div class="uv-dropdown-container">
  113.                                 <label>{{ 'Account'|trans }}</label>
  114.                                 <ul>
  116.                                     <li>
  117.                                         <a href="{{ path('helpdesk_customer_ticket_collection') }}">{{ 'Tickets'|trans }}</a>
  118.                                     </li>
  120.                                     {% if websiteConfiguration.ticketCreateOption == 1 %}
  121.                                         <li>
  122.                                             <a href="{{ path('helpdesk_customer_create_ticket') }}">{{ 'New Ticket Request'|trans }}</a>
  123.                                         </li>
  125.                                     {% endif %}
  126.                                     <li>
  127.                                         <a href="{{ path('helpdesk_customer_account') }}">{{ 'Profile'|trans }}</a>
  128.                                     </li>
  129.                                     <li>
  130.                                         <a class="uv-text-danger" href="{{ path('helpdesk_customer_logout') }}">{{ 'Sign Out'|trans }}</a>
  131.                                     </li>
  132.                                 </ul>
  133.                             </div>
  135.                         </div>
  137.                     </span>
  139.                 {% else %}
  140.                     <nav id="front_nav">
  141.                         <ul>
  142.                             <li><select id='lan' onchange="changeLan()" class="uv-btn-small" >
  143.                                         <option value="es">Español</option>
  144.                                         <option value="en">English</option>
  145.                                         <option value="pt">Português</option>
  146.                                         <option value="it">Italiano</option>
  147.                                         <option value="fr">Français</option>
  148.                                     </select></li>
  150.                             <!--<li><a href="{{path('helpdesk_knowledgebase_folder')}}">{{"Home"|trans}}</a></li>-->
  151.                             {% for headerLink in websiteConfiguration.headerLinks %}
  152.                                 <li><a href="{{headerLink.url}}" target="_blank">{{headerLink.label}}</a></li>
  154.                             {% endfor %}
  155.                             <!--
  156.                             {% if websiteConfiguration is defined and websiteConfiguration.ticketCreateOption %}
  157.                                 {% if not websiteConfiguration.loginRequiredToCreate or app.user %}
  159.                                     <li><a href="{{path('helpdesk_customer_create_ticket')}}" class="uv-btn-small">{% trans %}Contact Us{% endtrans %}</a></li>
  160.                                 {% endif %}
  161.                             {% endif %}
  163.                             {% if websiteConfiguration is defined and websiteConfiguration.removeCustomerLoginButton is defined %}
  164.                                 {% if not websiteConfiguration.removeCustomerLoginButton %}
  165.                                     <li><a href="{{path('helpdesk_customer_login')}}" class="uv-btn-small">{% trans %}Sign In{% endtrans %}</a></li>
  166.                                 
  167.                                      
  168.                                 {% endif %}  
  169.                             {% endif %}
  170.                         -->
  171.                         </ul>
  172.                         
  173.                     </nav>
  174.                     <div class="uv-hamburger">
  175.                         <svg
  176.                         xmlns="http://www.w3.org/2000/svg"
  177.                         xmlns:xlink="http://www.w3.org/1999/xlink"
  178.                         width="20px" height="15px">
  179.                         <path fill-rule="evenodd"
  180.                         d="M18.500,9.000 L1.500,9.000 C0.672,9.000 0.000,8.328 0.000,7.500 C0.000,6.672 0.672,6.000 1.500,6.000 L18.500,6.000 C19.328,6.000 20.000,6.672 20.000,7.500 C20.000,8.328 19.328,9.000 18.500,9.000 ZM18.500,3.000 L1.500,3.000 C0.672,3.000 0.000,2.328 0.000,1.500 C0.000,0.672 0.672,-0.000 1.500,-0.000 L18.500,-0.000 C19.328,-0.000 20.000,0.672 20.000,1.500 C20.000,2.328 19.328,3.000 18.500,3.000 ZM1.500,12.000 L18.500,12.000 C19.328,12.000 20.000,12.672 20.000,13.500 C20.000,14.328 19.328,15.000 18.500,15.000 L1.500,15.000 C0.672,15.000 0.000,14.328 0.000,13.500 C0.000,12.672 0.672,12.000 1.500,12.000 Z"/>
  181.                         </svg>
  183.                     </div>
  185.                 {% endif %}
  186.                 
  187.                
  188.             </div>
  190.         </header>
  192.     </div>
  193.       {% if currentUser %}
  194.     <div style="
  195.     width: 100%;text-align-last: center;
  196.     ">
  197.         <select id='lan' onchange="changeLan()" class="uv-btn-small" >
  198.             <option value="es">Español</option>
  199.             <option value="en">English</option>
  200.             <option value="pt">Português</option>
  201.             <option value="it">Italiano</option>
  202.             <option value="fr">Français</option>
  203.         </select>
  204.         
  205.     </div>
  206.      {% endif %}
  207. </div> 
  208.                 
  209. <!--//Header-->
  210. {% if searchDisable is defined and searchDisable == false %}
  212.     <form method="get" action="{{path('helpdesk_knowledgebase_search')}}">
  213.         <!--Hero-->
  214.         <div class="uv-hero">
  216.             <div class="uv-container">
  218.            
  219.                 <article>
  220.                     <h1>
  222.                         {{ 'siteDescription'|trans }}
  223.                         <!--
  224.                         {% if websiteConfiguration is defined and websiteConfiguration.siteDescription is defined %}
  225.                             {{ websiteConfiguration.siteDescription }}
  226.                         {% else %}
  227.                             {% trans %}Hi! how can we help?{% endtrans %}
  228.                         {% endif %}
  229.                         -->
  230.                     </h1>
  231.                     <input type="text" name="s" class="uv-kb-search-lg" placeholder="{{"Enter search keyword"|trans}}">
  232.                     <br>
  233.                     <div id='links-navigations' >
  234.                         
  235.                     </div>
  236.                     
  237.                      {% if currentUser is defined and currentUser is not null %}
  238.                     <div id="bot-iframe-container" style="margin-top: 20px; width: 100%;">
  239.                         <iframe 
  240.                             id="knowledge-bot-iframe" 
  241.                             src="https://ia.softguard.com/frontend-softguard?user={{ currentUser.email }}&lang={{ app.request.locale|upper }}" 
  242.                             style="width: 100%; height: 450px; border: none; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
  243.                         </iframe>
  244.                     </div>
  245.                     {% endif %}
  246.                     
  247.                      <br></br>
  248.              <div class="uv-paper-article" style="border-top: solid 1px #D3D3D3 !important;">
  249.                         <div class="uv-paper-section">
  250.                             <section>
  251.                                 <h2 class="uv-folder-title" style="color:white !important;text-transform:uppercase !important;">{{ 'News' | trans }}</h2>
  253.                             </section>
  254.                             <section class="uv-margin-top-30">
  257.                                 {% if articles %}
  258.                                     <ul style="text-align:left; color:white !important; list-style-type:decimal;">
  259.                                         {% for article in articles %}
  260.                                             {# <li> {% if article.stared %}<span class="uv-icon-star uv-pre"></span>{% endif %} <a href="{{path('helpdesk_knowledgebase_read_article', {'article': article.id})}}">{{article.name}}</a></li> #}
  261.                                             <li> {% if article.stared %}
  262.                                                     <span class="uv-icon-star uv-pre"></span>
  263.                                                 {% endif %}
  264.                                                 <a href="{{path('helpdesk_knowledgebase_read_slug_article', {'slug': article.slug})}}">
  265.                                                     <p style="color:white"> {{ article.name }} </p>
  266.                                                 </a>
  267.                                             </li>
  269.                                         {% endfor %}
  270.                                     </ul>
  271.                                 {% else %}
  272.                                     <p>{{"No Article Found!"|trans}}</p>
  273.                                 {% endif %}
  274.                             </section>
  275.                         </div>
  276.                     </div>
  277.                 </article>
  279.             </div>
  280.         </div>
  281.         <!--Hero-->
  283.     </form> 
  284. {% endif %}
  285.  <script type="text/javascript">
  286.  $(document).ready(function() {
  288.     var url=location.href;
  289.     var text=url.split("public/");
  290.     var text_aux=text[1];
  291.     var lan=text_aux.substring(0,2)
  292.     $("#lan option[value='"+lan+"']").attr("selected", true);
  294.     $("div#links-navigations").html("<br><a  style='color: white !important;font-size: 26px;' href='"+text[0]+"public/"+lan+"/customer/tickets'>{{ 'Tickets'|trans }}</a> &nbsp;&nbsp; <font style='color: white !important;font-size: 26px;'>|</font> &nbsp;&nbsp; <a  style='color: white !important;font-size: 26px;' href='"+text[0]+"public/"+lan+"/customer/create-ticket/'>{{ 'New Ticket Request'|trans }}</a>")
  296.     $('#lan').change(function() {
  297.         if ($("#knowledge-bot-iframe").length) {
  298.             var iframe = document.getElementById('knowledge-bot-iframe');
  299.             var srcParts = iframe.src.split('/lang=');
  300.             if (srcParts.length > 1) {
  301.                 iframe.src = srcParts[0] + '/lang=' + $(this).val().toUpperCase();
  302.             }
  303.         }
  304.     });
  305. })
  307. function changeLan(){
  308.     var lan=$('#lan').val()
  309.     var url=location.href;
  310.     var text=url.split("public/");
  311.     var text_aux=text[1];
  312.     var url_aux=text_aux.substring(2,text_aux.length)
  313.     var url_final= text[0]+"public/"+lan+url_aux;
  314.     $("#lan option[value='"+lan+"']").attr("selected", true);
  315.     
  316.     location.href=url_final;
  317.     
  318. }
  319.  </script>