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

Open in your IDE?
  1. {% extends "@UVDeskCoreFramework//Templates//layout.html.twig" %}
  3. {% set website = user_service.getWebsiteDetails('helpdesk') %}
  5. {% block title %}
  6.     {{ 'Branding'|trans }}
  7. {% endblock %}
  9. {% block pageContent %}
  10.     <style>
  11.         .uv-image-upload-brick {
  12.             margin: 10px 0px;
  13.         }
  14.         .uv-color-field {
  15.             color: #fff;
  16.             width: 100px;
  17.             text-transform: uppercase;
  18.         }
  19.         .uv-header-link-wrapper {
  20.             padding-bottom: 20px;
  21.         }
  22.         .uv-footer-link-wrapper {
  23.             border-top: solid 1px #D3D3D3;
  24.             padding-top: 20px;
  25.         }
  26.         .uv-knowledgebase-layout  {
  27.             border-top: solid 1px #D3D3D3;
  28.             padding-top: 20px;
  29.             margin-top: 20px;
  30.         }
  31.         .uv-knowledgebase-layout input[type='radio'] {
  32.             display: none;
  33.         }
  34.         #links .uv-field-block input:first-child {
  35.             width: 200px;
  36.             margin-bottom: 0;
  37.         }
  38.         #links .remove-link {
  39.             margin-left: 10px;
  40.         }
  41.         .grammarly-fix-broadcast {
  42.             max-width: 518px;
  43.         }
  44.         #uv-reset-colors {
  45.             float: right;
  46.             cursor: pointer;
  47.             position: relative;
  48.             z-index:1 ;
  49.         }
  50.     </style>
  51.     <div class="uv-inner-section">
  52.         {# Append Panel Aside #}
  53.         {% set asideTemplate = 'Webkul\\UVDesk\\CoreFrameworkBundle\\Dashboard\\AsideTemplate' %}
  54.         {% set asideSidebarReference = 'Webkul\\UVDesk\\CoreFrameworkBundle\\UIComponents\\Dashboard\\Panel\\Sidebars\\Branding' %}
  56.         {{ uvdesk_extensibles.getRegisteredComponent(asideTemplate).renderSidebar(asideSidebarReference) | raw }}
  58.         <div class="uv-view {% if app.request.cookies and app.request.cookies.get('uv-asideView') %}uv-aside-view{% endif %}">
  59.             <h1>{{ 'Branding'|trans }}</h1>
  61.             <!--Tab View-->
  62.             <div class="uv-tab-view uv-tab-view-active" id="knowledgebase">
  63.                 <!--Form-->
  64.                 <form method="post" id="helpdeskForm">
  65.                     <!-- Field -->
  66.                     <div class="uv-element-block">
  67.                         {##564DA8#}
  68.                           <label class="uv-field-label">{{ 'Theme Color'|trans }}</label>
  69.                           <div class="uv-field-block">
  70.                             <input name="themeColor" class="uv-field uv-color-field" type="text" value="{{ website.themeColor ? website.themeColor : '#7C70F4' }}" style="color: #FFF;background-color: {{ website.themeColor ? website.themeColor : '#7C70F4' }}" placeholder="#7C70F4">
  71.                           </div>
  72.                     </div>
  73.                     <!-- //Field -->
  74.                     <!-- Field -->
  75.                     <div class="uv-element-block">
  76.                           <label class="uv-field-label">{{ 'Name'|trans }}</label>
  77.                           <div class="uv-field-block">
  78.                             <input name="helpdeskName" class="uv-field" type="text" value="{{ website.name ? website.name : ''}}" required="required">
  79.                           </div>
  80.                     </div>
  81.                     <!-- //Field -->
  83.                     <!--CTA-->
  84.                     <input class="uv-btn knowledgebase-btn" href="#" value="{{ 'Save Changes'|trans }}" type="submit">
  85.                     <!--//CTA-->
  86.                 </form>
  87.             </div>
  88.             <!--//Tab View-->
  89.         </div>
  90.     </div>
  91. {% endblock %}
  93. {% block footer %}
  94.     {{ parent() }}
  95.     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.3.0/css/bootstrap-colorpicker.min.css">
  96.     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.3.0/js/bootstrap-colorpicker.min.js"></script>
  98.     <script type="text/javascript">
  99.         (() => {
  100.             $('.uv-color-field').colorpicker({format: "hex"}).on('changeColor', function(ev) {
  101.                 $(this).css('background', $(this).val())
  102.                 textColor = app.appView.getTextColorBasedBackground($(this).val());
  103.                 $(this).css('color', textColor)
  104.             });
  105.         })();
  106.     </script>
  107. {% endblock %}