<!-- Navbar -->
<style>
.uv-navbar .uv-notification-list li {
cursor: default;
font-size: 15px !important;
}
.uv-navbar .uv-notification-list li * {
display: inline-block !important;
}
.uv-navbar .uv-notification-list li a {
color: #2750C4 !important;
}
.uv-navbar .uv-notification-list ul {
max-height: 320px !important;
}
.uv-navbar .uv-notification-list .timeago {
color: #9E9E9E;
margin-top: 5px;
font-size: 13px;
}
.uv-navbar .uv-dropdown-container.load-more {
border-top: solid 1px #D3D3D3;
text-align: center;
}
.uv-navbar .uv-dropdown-container.load-more a {
color: #333;
text-transform: capitalize;
font-size: 15px;
font-weight: 500;
}
.uv-navbar .uv-icon-load-more {
margin-right: 5px;
}
.uv-plan-list-item .uv-text-light-color {
color: #9E9E9E;
}
.uv-plan-list-item .uv-plan-badge {
color: #FFFFFF;
font-size: 12px;
padding: 1px 5px;
border-radius: 3px;
margin-left: 5px;
display: inline-block;
text-transform: uppercase;
}
.uv-plan-list-item .uv-plan-badge-color-free {
background: #4486ee;
}
.uv-plan-list-item .uv-plan-badge-color-pro {
background: #f5d02a;
}
.uv-plan-list-item .uv-plan-badge-color-enterprise {
background: #fd9a9a;
}
.uv-plan-list-item .uv-plan-badge-color-customized {
background: #b77af5;
}
.uv-onboard-navigator {
cursor: pointer;
}
.uv-margin-icon-srch {
margin: 5px 0px 0px 5px;
}
.uv-mob-aside{
position: fixed;
z-index: 999;
top: 105px;
left: 288px;
transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.uv-sidebar.uv-sidebar-active ~ .uv-paper .uv-mob-aside{
left: 320px;
}
.uv-mob-aside.uv-mob-aside-collapsed{
left: 286px;
}
.uv-sidebar.uv-sidebar-active ~ .uv-paper .uv-mob-aside.uv-mob-aside-collapsed{
left: 45px;
}
.uv-view.uv-aside-view{
padding: 25px 0px 25px 25px;
}
.uv-inner-section .uv-view.uv-aside-view .uv-ticket-scroll-region.uv-aside-view-tv{
left: 20px;
}
.uv-mob-aside .uv-icon-aside-menu,.uv-mob-aside .uv-icon-aside-menu:hover {
background-position: 1px -497px;
}
.uv-mob-aside-collapsed .uv-icon-aside-menu, .uv-mob-aside-collapsed .uv-icon-aside-menu:hover {
background-position: 5px -497px;
}
.uv-mob-aside:not(.uv-mob-aside-collapsed) .uv-icon-aside-menu,.uv-mob-aside:not(.uv-mob-aside-collapsed) .uv-icon-aside-menu:hover {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.uv-mob-aside:not(.uv-mob-aside-collapsed) .uv-icon-aside-menu:hover,.uv-rtl .uv-mob-aside.uv-mob-aside-collapsed .uv-icon-aside-menu:hover {
box-shadow: 0px -8px 15px 3px rgba(0, 0, 0, 0.15), 0px -2px 3px 0px rgba(0, 0, 0, 0.2);
}
.uv-rtl .uv-mob-aside:not(.uv-mob-aside-collapsed) .uv-icon-aside-menu,.uv-rtl .uv-mob-aside:not(.uv-mob-aside-collapsed) .uv-icon-aside-menu:hover {
-ms-transform: unset;
-webkit-transform: unset;
transform: unset;
}
.uv-rtl .uv-mob-aside.uv-mob-aside-collapsed .uv-icon-aside-menu,.uv-rtl .uv-mob-aside.uv-mob-aside-collapsed .uv-icon-aside-menu:hover {
-ms-transform: rotate(180deg)!important;
-webkit-transform: rotate(180deg)!important;
transform: rotate(180deg)!important;
}
.uv-rtl .uv-sidebar.uv-sidebar-active ~ .uv-paper .uv-mob-aside{
right: 320px;
left: unset;
}
.uv-rtl .uv-mob-aside.uv-mob-aside-collapsed{
right: 286px;
}
.uv-rtl .uv-sidebar.uv-sidebar-active ~ .uv-paper .uv-mob-aside.uv-mob-aside-collapsed{
right: 45px;
}
.uv-rtl .uv-inner-section .uv-view.uv-aside-view .uv-ticket-scroll-region.uv-aside-view-tv{
right: 20px;
}
.uv-rtl .uv-sidebar:not(.uv-sidebar-active) ~ .uv-paper .uv-mob-aside:not(.uv-mob-aside-collapsed) {
right: 560px
}
.uv-rtl .uv-mob-aside{
left: unset;
}
.uv-menubar.uv-language .uv-dropdown-list {
z-index: 19999;
}
.user-name {
font-weight: 800;
margin-top: 2px;
font-size: medium;
}
@media screen and (min-width: 901px) and (max-width: 1400px) {
.uv-sidebar.uv-sidebar-active ~ .uv-paper .uv-mob-aside{
left: 290px;
}
.uv-mob-aside.uv-mob-aside-collapsed{
left: 40px;
}
.uv-rtl .uv-sidebar.uv-sidebar-active ~ .uv-paper .uv-mob-aside{
right: 290px;
}
.uv-rtl .uv-mob-aside.uv-mob-aside-collapsed{
right: 52px;
}
}
@media screen and (max-width: 1024px) {
.uv-mob-aside{
top: 48px;
left: 80px!important;
}
.uv-mob-aside-collapsed .uv-icon-aside-menu, .uv-mob-aside-collapsed .uv-icon-aside-menu:hover {
background-position: 1px -497px;
}
.uv-sidebar ul.uv-menubar li a {
max-width: 60px !important;
}
.uv-sidebar .uv-soft-top .uv-company-logo {
width: unset;
}
#google_translate_element .goog-te-gadget-simple {
width: 26px;
overflow: hidden;
font-size: 0px;
padding: 3px 2px 2px 2px;
}
}
@media screen and (max-width: 400px) {
#google_translate_element {
display: none;
}
}
.uv-rtl .uv-mob-aside{
right: 320px;
}
.uv-pop-up-body .uv-mob-aside {
display: none;
transition: none;
}
.uv-rtl .uv-view.uv-aside-view{
padding: 25px 25px 25px 0px;
}
.uv-rtl .uv-inner-section .uv-view.uv-aside-view .uv-ticket-scroll-region.uv-aside-view-tv{
left: 0px;
right: 20px;
}
.uv-filter-view .uv-filter-head .uv-filter-toggle span{
background-position: -21px -245px;
}
.uv-view.uv-aside-view{
padding: 25px 0px 25px 25px;
}
.uv-inner-section .uv-view.uv-aside-view .uv-ticket-scroll-region.uv-aside-view-tv{
left: 20px;
}
.uv-rtl .uv-view.uv-aside-view{
padding: 25px 25px 25px 0px;
}
.uv-rtl .uv-inner-section .uv-view.uv-aside-view .uv-ticket-scroll-region.uv-aside-view-tv{
left: 0px;
right: 20px;
}
.uv-filter-view .uv-filter-head .uv-filter-toggle span{
background-position: -21px -245px;
}
.uv-inner-section .uv-view.uv-aside-view .uv-ticket-fixed-region{
left: 20px;
}
.uv-rtl .uv-inner-section .uv-view.uv-aside-view .uv-ticket-fixed-region {
left: 0px;
right: 20px;
}
div.mce-edit-area {
margin-right: 1px!important;
}
.uv-whats-newlist li img {
width: 40px;
}
.uv-got-whats-new {
background-color: #7C70F4;
border-radius: 50%;
padding: 4px;
border: 2px solid white;
position: absolute;
top: -3px;
right: -3px;
}
.uv-feature-title {
vertical-align: top;
font-size: 18px;
margin: 5px 0 0 5px;
word-wrap: break-word;
display: inline-block;
}
.uv-feature-content {
margin: 2px 0 0 0;
}
.uv-dropdown-list ul .uv-feature-link, .uv-dropdown-list ul .uv-feature-link:link, .uv-dropdown-list ul .uv-feature-link:active, .uv-dropdown-list ul .uv-feature-link:visited, .uv-dropdown-list ul .uv-feature-link:focus {
color: #2750C4;
font-size: 15px;
margin-top: 10px;
}
.uv-dropdown-list ul.uv-search-list li.uv-whats-li {
border-top: none;
padding-top: 5px;
}
.uv-whats-newlist + .uv-notification-list {
margin-left: 15px;
}
.uv-search-result-wrapper a:focus > .uv-search-result-row {
background-color: #f0f0f0;
}
.uv-loader-view ~ .uv-notifications-wrapper {
z-index: 9999;
}
.mce-notification-error {
display: none;
}
ul.uv-flag-notice-list {
color: #333333;
border-top: solid 1px #D3D3D3;
border-bottom: solid 1px #D3D3D3;
padding: 15px 20px;
background: #FAFAFA;
}
.uv-dropdown-list ul.uv-search-list.flags-active li:first-child {
border-top: unset;
}
.dropdown-divider {
border-top: 1px solid #e1e4e8;
display: block;
height: 0;
margin: 10px 0 10px -19px;
width: 195px;
}
</style>
<!-- Navigation -->
<div class="uv-navbar">
<!-- Banner -->
<div class="uv-mob-aside {% if app.request.cookies and app.request.cookies.get('uv-asideView') %}uv-mob-aside-collapsed{% endif %}">
<span class="uv-icon-aside-menu"></span>
</div>
<!-- Search Box -->
{{ uvdesk_extensibles.getRegisteredComponent('Webkul\\UVDesk\\CoreFrameworkBundle\\Dashboard\\SearchTemplate').render() | raw }}
<div class="uv-actions">
<!-- Google Translation -->
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element');
$(document).click(function(e) {
if($('.goog-te-menu-frame.skiptranslate').is(':visible') ) {
$('.skiptranslate.goog-te-gadget').addClass('uv-no-pointer-events');
} else {
$('.skiptranslate.goog-te-gadget').removeClass('uv-no-pointer-events');
}
});
$($('.goog-te-menu-frame.skiptranslate').contents()[0], window).find('body').bind("focusout", function(e) {
$('.skiptranslate.goog-te-gadget').removeClass('uv-no-pointer-events');
});
}
</script>
<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" async="async"></script>
<!-- Google Translation -->
<!-- Profile Navigations -->
<span style="position: relative" class="">
<div class="uv-profile uv-dropdown-other">
{% if currentUserDetails is defined and currentUserDetails.thumbnail is defined and currentUserDetails.thumbnail is not empty %}
<img class='uv-avatar' src="{{ app.request.scheme ~'://' ~ app.request.httpHost ~ asset('') }}{{ currentUserDetails.thumbnail }}"/>
{% else %}
<img class='uv-avatar' src="{{ asset('bundles/uvdeskcoreframework/images/uv-avatar-batman.png') }}"/>
{% endif %}
</div>
<div class="uv-dropdown-list uv-bottom-right uv-text-left">
<div class="uv-dropdown-container">
<label>{{ 'Signed in as'|trans }} </label>
<p class="user-name">{{ currentUser.firstName }} {{ currentUser.lastName }}</p>
<div role="none" class="dropdown-divider"></div>
<ul>
<li><a href="{{ path('edit_profile') }}" class='profiler'>{{ 'Your Profile'|trans }}</a></li>
</ul>
<ul>
{% if user_service.isAccessAuthorized('ROLE_AGENT_CREATE_TICKET') %}
<li data-action="create" class="uv-open-popup" data-target="create-ticket-modal">{{ 'Create Ticket'|trans }}</li>
{% endif %}
{% if user_service.isAccessAuthorized('ROLE_AGENT_MANAGE_AGENT') %}
<li><a href="{{ path('helpdesk_member_create_account') }}">{{ 'Create Agent'|trans }}</a></li>
{% endif %}
{% if user_service.isAccessAuthorized('ROLE_AGENT_MANAGE_CUSTOMER') %}
<li><a href="{{ path('helpdesk_member_create_customer_account') }}">{{ 'Create Customer'|trans }}</a></li>
{% endif %}
<div role="none" class="dropdown-divider"></div>
<li><a class="uv-text-danger" href="{{ path('helpdesk_member_handle_logout') }}">{{ 'Sign Out'|trans }}</a></li>
</ul>
</div>
</div>
</span>
</div>
</div>
<script type="text/template" id="notification_flags_temp">
<% if (typeof undeliveredMessages != 'undefined') { %>
<li>
<span class="uv-notification-message">
<%= undeliveredMessages %>
</span>
</li>
<span class="timeago">{{ 'Learn more about %deliveryStatus%.'|trans({'%deliveryStatus%': '<a href="https://support.uvdesk.com/en/blog/uvdesk-ticket-delivery-status" target="_blank">' ~ 'ticket delivery status'|trans ~ '</a>'})|raw }}</span>
<% } %>
</script>
<script type="text/javascript">
$(function () {
var FeatureSearch = Backbone.View.extend({
el: $('.uv-search-wrapper'),
events: {
'keyup .uv-search-bar': 'searchFeature',
'click .uv-search-bar': 'openFeatureSearch',
},
searchFeature: function(e) {
var currentElement = Backbone.$(e.currentTarget);
if(currentElement.val().trim() != '') {
var flag = 0;
$('.uv-search-wrapper').find('.uv-search-result-row').each(function() {
if(!$(this).hasClass('uv-no-results')) {
var text = $(this).text().trim().toLowerCase();
var isTextContained = text.search(currentElement.val().trim().toLowerCase());
if(isTextContained < 0) {
$(this).parent().hide();
$(this).parent().attr('tabIndex', -1);
} else {
$(this).parent().show();
$(this).parent().removeAttr('tabIndex');
flag = 1;
}
}
});
if(flag == 0)
$('.uv-search-wrapper').find(".uv-no-results").show();
else
$('.uv-search-wrapper').find(".uv-no-results").hide();
this.$el.find('.uv-search-result-wrapper').addClass('uv-search-result-active').addClass('uv-search-flap-up')
} else {
this.$el.find('.uv-search-result-wrapper').removeClass('uv-search-result-active').removeClass('uv-search-flap-up')
}
},
openFeatureSearch: function(e) {
var currentElement = Backbone.$(e.currentTarget);
if(currentElement.val().trim() != '') {
this.$el.find('.uv-search-result-wrapper').addClass('uv-search-result-active').addClass('uv-search-flap-up')
}
}
});
var SidePanelUV = Backbone.View.extend({
el: $('.uv-paper'),
events: {
'click .uv-mob-aside span': 'toggleAsideBar'
},
initialize : function() {
var ele = $('.uv-paper');
if(ele.css('padding-left') == '60px'){
$('.uv-mob-aside').removeClass('uv-mob-aside-left');
}else{
$('.uv-mob-aside').addClass('uv-mob-aside-left');
}
var asideView = '{{ app.request.cookies.get("uv-asideView") }}';
if(asideView == 'true')
this.toggleAsideBar();
},
toggleAsideBar: function(){
var asideView = true;
var ele = $('.uv-inner-section .uv-aside');
var eleSidePanel = $('.uv-inner-section .uv-view');
var eleTicketView = $('.uv-inner-section .uv-view .uv-ticket-scroll-region');
var mobAside = $('.uv-mob-aside');
if(ele.css('display') == 'none'){
asideView = false;
ele.css('display', 'block');
eleSidePanel.removeClass('uv-aside-view');
eleTicketView.removeClass('uv-aside-view-tv');
mobAside.removeClass('uv-mob-aside-collapsed')
}else{
ele.css('display', 'none');
eleSidePanel.addClass('uv-aside-view');
eleTicketView.addClass('uv-aside-view-tv');
mobAside.addClass('uv-mob-aside-collapsed')
}
if(asideView) {
document.cookie = ("uv-asideView=1; expires=Wed, 01 Jan 2020 00:00:00 GMT;path=/");
} else {
document.cookie = ("uv-asideView=0; expires=Wed, 01 Jan 2020 00:00:00 GMT;path=/");
}
}
});
var featureSearch = new FeatureSearch();
var sidePanelUV = new SidePanelUV();
});
</script>
{# Ticket Create Popup #}
{% if user_service.isAccessAuthorized('ROLE_AGENT_CREATE_TICKET') %}
{{ ticket_service.appendTwigSnippet('createMemberTicket')|raw }}
{# {% include('UVDeskCoreFrameworkBundle:Snippets:createMemberTicketSnippet.html.twig') only %} #}
{% endif %}