Bootstrap4 :: Agent Header and Sidebar UI updated

This commit is contained in:
Sakthi002
2020-12-22 18:40:11 +05:30
committed by Manish Verma
parent 129ddadeb3
commit 1d40069d9b
7 changed files with 435 additions and 298 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,78 +1,70 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8" ng-app="myApp"> <meta charset="UTF-8" ng-app="myApp">
<title>Faveo | HELP DESK</title> <title>Faveo | HELP DESK</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<meta name="_token" content="{!! csrf_token() !!}"/> <meta name="_token" content="{!! csrf_token() !!}"/>
<!-- faveo favicon --> <!-- faveo favicon -->
<link href="{{asset("lb-faveo/media/images/favicon.ico")}}" rel="shortcut icon"> <link href="{{asset("lb-faveo/media/images/favicon.ico")}}" rel="shortcut icon">
<!-- Bootstrap 3.3.2 -->
<link href="{{asset("lb-faveo/css/bootstrap.min.css")}}" rel="stylesheet" type="text/css" /> <!-- Bootstrap 4.3.1 -->
<link href="{{asset("lb-faveo/css/bootstrap4.min.css")}}" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="{{asset("lb-faveo/css/font-awesome.min.css")}}" rel="stylesheet" type="text/css" /> <link href="{{asset("lb-faveo/css/font-awesome-5.min.css")}}" rel="stylesheet" type="text/css" />
<!-- Ionicons --> <!-- Ionicons -->
<link href="{{asset("lb-faveo/css/ionicons.min.css")}}" rel="stylesheet" type="text/css" /> <link href="{{asset("lb-faveo/css/ionicons.min.css")}}" rel="stylesheet" type="text/css" />
<!-- Theme style -->
<link href="{{asset("lb-faveo/css/AdminLTE.css")}}" rel="stylesheet" type="text/css" />
<!-- AdminLTE Skins. Choose a skin from the css/skins folder instead of downloading all of them to reduce the load. -->
<link href="{{asset("lb-faveo/css/skins/_all-skins.min.css")}}" rel="stylesheet" type="text/css" />
<!-- iCheck -->
<link href="{{asset("lb-faveo/plugins/iCheck/flat/blue.css")}}" rel="stylesheet" type="text/css" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<link href="{{asset("lb-faveo/css/tabby.css")}}" rel="stylesheet" type="text/css"/>
<link href="{{asset("lb-faveo/css/jquerysctipttop.css")}}" rel="stylesheet" type="text/css"/> <!-- Theme style -->
<link href="{{asset("lb-faveo/adminlte3/css/adminlte3.min.css")}}" rel="stylesheet" type="text/css" />
<link href="{{asset("lb-faveo/adminlte3/plugins/overlayScrollbars/overlayScrollbars.min.css")}}" rel="stylesheet" type="text/css" />
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<link href="{{asset("lb-faveo/css/editor.css")}}" rel="stylesheet" type="text/css"/> <link href="{{asset("lb-faveo/css/editor.css")}}" rel="stylesheet" type="text/css"/>
<link href="{{asset("lb-faveo/css/jquery.ui.css")}}" rel="stylesheet" rel="stylesheet"/>
<link href="{{asset("lb-faveo/plugins/datatables/dataTables.bootstrap.css")}}" rel="stylesheet" type="text/css"/> <link href="{{asset("lb-faveo/plugins/datatables/dataTables.bootstrap.css")}}" rel="stylesheet" type="text/css"/>
<link href="{{asset("lb-faveo/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css")}}" rel="stylesheet" type="text/css"/>
<link href="{{asset("lb-faveo/css/faveo-css.css")}}" rel="stylesheet" type="text/css" />
<link href="{{asset("lb-faveo/css/notification-style.css")}}" rel="stylesheet" type="text/css" >
<link href="{{asset("lb-faveo/css/jquery.rating.css")}}" rel="stylesheet" type="text/css" /> <link href="{{asset("lb-faveo/css/jquery.rating.css")}}" rel="stylesheet" type="text/css" />
<!-- Select2 --> <!-- Select2 -->
<link href="{{asset("lb-faveo/plugins/select2/select2.min.css")}}" rel="stylesheet" type="text/css" /> <link href="{{asset("lb-faveo/plugins/select2/select2.min.css")}}" rel="stylesheet" type="text/css" />
<link href="{{asset("css/close-button.css")}}" rel="stylesheet" type="text/css" /> <link href="{{asset("css/close-button.css")}}" rel="stylesheet" type="text/css" />
<!--Daterangepicker--> <!--Daterangepicker-->
<link rel="stylesheet" href="{{asset("lb-faveo/plugins/daterangepicker/daterangepicker.css")}}" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="{{asset("lb-faveo/plugins/daterangepicker/daterangepicker.css")}}" rel="stylesheet" type="text/css" />
<!--calendar --> <!--calendar -->
<!-- fullCalendar 2.2.5--> <!-- fullCalendar 2.2.5-->
<link href="{{asset('lb-faveo/plugins/fullcalendar/fullcalendar.min.css')}}" rel="stylesheet" type="text/css" /> <link href="{{asset('lb-faveo/plugins/fullcalendar/fullcalendar.min.css')}}" rel="stylesheet" type="text/css" />
<!--[if lt IE 9]> <script src="{{asset("lb-faveo/js/jquery-3.4.1.min.js")}}" type="text/javascript"></script>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<script src="{{asset("lb-faveo/js/jquery-2.1.4.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/js/jquery2.1.1.min.js")}}" type="text/javascript"></script>
@yield('HeadInclude') @yield('HeadInclude')
<style type="text/css">
#bar {
border-right: 1px solid rgba(204, 204, 204, 0.41);
}
#bar a{
color: #FFF;
}
#bar a:hover, #bar a:focus{
background-color: #357CA5;
}
<style type="text/css">
.product-description { overflow: visible !important;white-space: unset !important; }
.noti_User { color: #6c757d !important; }
.brand-image{float: none !important; margin-left: 0 !important;}
</style> </style>
</head> </head>
<body class="skin-blue fixed">
<body class="skin-yellow sidebar-mini layout-fixed layout-navbar-fixed text-sm">
<div class="wrapper"> <div class="wrapper">
<header class="main-header">
<a href="http://www.faveohelpdesk.com" class="logo"><img src="{{ asset('lb-faveo/media/images/logo.png')}}" width="100px;"></a>
<?php <?php
$replacetop = \Event::fire('service.desk.agent.topbar.replace', array()); $replacetop = \Event::fire('service.desk.agent.topbar.replace', array());
@@ -91,215 +83,318 @@
} }
?> ?>
<!-- Header Navbar: style can be found in header.less --> <nav class="main-header navbar navbar-expand navbar-dark navbar-custom">
<nav class="navbar navbar-static-top">
<!-- Sidebar toggle button--> <!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button"> <ul class="navbar-nav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <li class="nav-item">
<span class="icon-bar"></span>
<span class="icon-bar"></span> <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
</a> </li>
<div class="collapse navbar-collapse" id="navbar-collapse"> </ul>
@if($replacetop==0) @if($replacetop==0)
<ul class="tabs tabs-horizontal nav navbar-nav navbar-left"> <ul class="navbar-nav">
<li @yield('Dashboard')><a id="dash" data-target="#tabA" href="{{URL::route('dashboard')}}" onclick="clickDashboard(event);">{!! Lang::get('lang.dashboard') !!}</a></li>
<li @yield('Users')><a data-target="#tabB" href="#">{!! Lang::get('lang.users') !!}</a></li> <li @yield('Dashboard') class="nav-item d-none d-sm-inline-block">
<li @yield('Tickets')><a data-target="#tabC" href="#">{!! Lang::get('lang.tickets') !!}</a></li>
<li @yield('Tools')><a data-target="#tabD" href="#">{!! Lang::get('lang.tools') !!}</a></li> <a id="dash" data-target="#tabA" href="{{URL::route('dashboard')}}" onclick="clickDashboard(event);" class="nav-link">
{!! Lang::get('lang.dashboard') !!}
</a>
</li>
<li @yield('Users') class="nav-item d-none d-sm-inline-block">
<a data-target="#tabB" href="#" class="nav-link">{!! Lang::get('lang.users') !!}</a>
</li>
<li @yield('Tickets') class="nav-item d-none d-sm-inline-block">
<a data-target="#tabC" href="#" class="nav-link">{!! Lang::get('lang.tickets') !!}</a>
</li>
<li @yield('Tools') class="nav-item d-none d-sm-inline-block">
<a data-target="#tabD" href="#" class="nav-link">{!! Lang::get('lang.tools') !!}</a>
</li>
@if($auth_user_role == 'admin') @if($auth_user_role == 'admin')
<li @yield('Report')><a href="{{URL::route('report.index')}}" onclick="clickReport(event);">Report</a></li> <li @yield('Report') class="nav-item d-none d-sm-inline-block">
<a href="{{URL::route('report.index')}}" onclick="clickReport(event);" class="nav-link">Report</a>
</li>
@endif @endif
<?php \Event::fire('calendar.topbar', array()); ?> <?php \Event::fire('calendar.topbar', array()); ?>
</ul> </ul>
@else @else
<?php \Event::fire('service.desk.agent.topbar', array()); ?> <?php \Event::fire('service.desk.agent.topbar', array()); ?>
@endif @endif
<ul class="nav navbar-nav navbar-right"> <ul class="navbar-nav ml-auto">
@if($auth_user_role == 'admin')
<li><a href="{{url('admin')}}">{!! Lang::get('lang.admin_panel') !!}</a></li>
@if($auth_user_role == 'admin')
<li class="nav-item d-none d-sm-inline-block">
<a href="{{url('admin')}}" class="nav-link">{!! Lang::get('lang.admin_panel') !!}</a>
</li>
@endif @endif
@include('themes.default1.update.notification') @include('themes.default1.update.notification')
<!-- User Account: style can be found in dropdown.less -->
<li class="dropdown notifications-menu" id="myDropdown"> <li class="nav-item dropdown notifications-menu" id="myDropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" onclick="myFunction()">
<i class="fa fa-bell-o"></i> <a href="#" class="nav-link" data-toggle="dropdown" onclick="myFunction()">
<span class="label label-danger" id="count">{!! $notifications->count() !!}</span>
<i class="fas fa-bell"></i>
<span class="badge badge-warning navbar-badge" id="count">{!! $notifications->count() !!}</span>
</a> </a>
<ul class="dropdown-menu" style="width:500px">
<div class="dropdown-menu dropdown-menu-xl dropdown-menu-right">
<div id="alert11" class="alert alert-success alert-dismissable" style="display:none;"> <div id="alert11" class="alert alert-success alert-dismissable" style="display:none;">
<button id="dismiss11" type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> <button id="dismiss11" type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<h4><i class="icon fa fa-check"></i>Alert!</h4>
<h4><i class="icon fas fa-check"></i>Alert!</h4>
<div id="message-success1"></div> <div id="message-success1"></div>
</div> </div>
<li id="refreshNote"> <ul class="products-list product-list-in-card pl-2 pr-2" style="height: 350px;overflow-y: scroll;">
<li class="header">You have {!! $notifications->count() !!} notifications. <a class="pull-right" id="read-all" href="#">Mark all as read.</a></li> <li class="dropdown-header">You have {!! $notifications->count() !!} notifications.
<ul class="menu"> <a class="float-right" id="read-all" href="#">Mark all as read.</a>
</li>
@if($notifications->count()) @if($notifications->count())
@foreach($notifications->orderBy('created_at', 'desc')->get()->take(10) as $notification) @foreach($notifications->orderBy('created_at', 'desc')->get()->take(10) as $notification)
@if($notification->notification->type->type == 'registration') @if($notification->notification->type->type == 'registration')
@if($notification->is_read == 1) @if($notification->is_read == 1)
<li class="task" style="list-style: none; margin-left: -30px;"><span>&nbsp<img src="{{$notification -> users -> profile_pic}}" class="user-image" style="width:6%;height: 5%" alt="User Image" />
<a href="{!! route('user.show', $notification->notification->model_id) !!}" id="{{$notification -> notification_id}}" class='noti_User'> <li class="item" class="task">
{!! $notification->notification->type->message !!}
</a></span> <div class="product-img">
<img src="{{$notification -> users -> profile_pic}}" alt="Product Image" class="img-size-50 img-circle">
</div>
<div class="product-info">
<span class="product-description">
<a href="{!! route('user.show', $notification->notification->model_id) !!}" id="{{$notification -> notification_id}}"
class='noti_User'>{!! $notification->notification->type->message !!}
</a>
</span>
</div>
</li> </li>
@else @else
<li style="list-style: none; margin-left: -30px;"><span>&nbsp<img src="{{$notification -> users -> profile_pic}}" class="user-image" style="width:6%;height: 5%" alt="User Image" />
<a href="{!! route('user.show', $notification->notification->model_id) !!}" id="{{$notification -> notification_id}}" class='noti_User'> <li class="item">
{!! $notification->notification->type->message !!}
</a></span> <div class="product-img">
<img src="{{$notification -> users -> profile_pic}}" alt="Product Image" class="img-size-50 img-circle">
</div>
<div class="product-info">
<span class="product-description">
<a href="{!! route('user.show', $notification->notification->model_id) !!}" id="{{$notification -> notification_id}}"
class='noti_User'>{!! $notification->notification->type->message !!}
</a>
</span>
</div>
</li> </li>
@endif @endif
@else @else
@if($notification->is_read == 1) @if($notification->is_read == 1)
<li class="task" style="list-style: none;margin-left: -30px"><span>&nbsp<img src="{{$notification -> users -> profile_pic}}" class="img-circle" style="width:6%;height: 5%" alt="User Image" />
<a href="{!! route('ticket.thread', $notification->notification->model_id) !!}" id='{{ $notification -> notification_id}}' class='noti_User'> <li class="item" class="task">
<div class="product-img">
<img src="{{$notification -> users -> profile_pic}}" alt="Product Image" class="img-size-50 img-circle">
</div>
<div class="product-info">
<span class="product-description">
<a href="{!! route('ticket.thread', $notification->notification->model_id) !!}" id='{{ $notification -> notification_id}}'
class='noti_User'>
{!! $notification->notification->type->message !!} with id "{!!$notification->notification->model->ticket_number!!}" {!! $notification->notification->type->message !!} with id "{!!$notification->notification->model->ticket_number!!}"
</a></span> </a>
</span>
</div>
</li> </li>
@elseif($notification->notification->model) @elseif($notification->notification->model)
<li style="list-style: none;margin-left: -30px"><span>&nbsp<img src="{{$notification -> users -> profile_pic}}" class="img-circle" style="width:6%;height: 5%" alt="User Image" />
<a href="{!! route('ticket.thread', $notification->notification->model_id) !!}" id='{{ $notification -> notification_id}}' class='noti_User'> <li class="item">
<div class="product-img">
<img src="{{$notification -> users -> profile_pic}}" alt="Product Image" class="img-size-50 img-circle">
</div>
<div class="product-info">
<span class="product-description">
<a href="{!! route('ticket.thread', $notification->notification->model_id) !!}" id='{{ $notification -> notification_id}}'
class='noti_User'>
{!! $notification->notification->type->message !!} with id "{!!$notification->notification->model->ticket_number!!}" {!! $notification->notification->type->message !!} with id "{!!$notification->notification->model->ticket_number!!}"
</a></span> </a>
</span>
</div>
</li> </li>
@endif @endif
@endif @endif
@endforeach @endforeach
@endif @endif
<li class="item" style="position: relative;top: -5px;">
<img src="{{asset("lb-faveo/media/images/gifloader.gif")}}" style="display: none;margin-left: 100px;" id="notification-loader"
class="img-size-50">
</li>
<li class="dropdown-footer"><a class="text-dark" href="{{ url('notifications-list')}}">View all</a>
</ul> </ul>
</div>
</li> </li>
<li class="footer no-border"><div class="col-md-5"></div><div class="col-md-2">
<img src="{{asset("lb-faveo/media/images/gifloader.gif")}}" style="display: none;" id="notification-loader"> <li class="nav-item dropdown">
</div><div class="col-md-5"></div></li>
<li class="footer"><a href="{{ url('notifications-list')}}">View all</a>
</li>
</ul>
</li>
<li class="dropdown">
<?php $src = Lang::getLocale().'.png'; ?> <?php $src = Lang::getLocale().'.png'; ?>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true"><img src="{{asset("lb-faveo/flags/$src")}}"></img> &nbsp;<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
<img src="{{asset("lb-faveo/flags/$src")}}">
</a>
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right p-0" style="width: 290px;">
@foreach($langs as $key => $value) @foreach($langs as $key => $value)
<?php $src = $key.".png"; ?> <?php $src = $key.".png"; ?>
<li><a href="#" id="{{$key}}" onclick="changeLang(this.id)"><img src="{{asset("lb-faveo/flags/$src")}}"></img>&nbsp;{{$value[0]}}&nbsp; <a href="#" class="dropdown-item" id="{{$key}}" onclick="changeLang(this.id)"><img src="{{asset("lb-faveo/flags/$src")}}">&nbsp;{{$value[0]}}&nbsp;
@if(Lang::getLocale() == "ar") @if(Lang::getLocale() == "ar")
&rlm; &rlm;
@endif @endif
({{$value[1]}})</a></li> ({{$value[1]}})</a>
@endforeach @endforeach
</ul> </div>
</li> </li>
<!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="nav-item dropdown user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
@if($auth_user_id) @if($auth_user_id)
<img src="{{$auth_user_profile_pic}}"class="user-image" alt="User Image"/> <img src="{{$auth_user_profile_pic}}"class="user-image img-circle elevation-2" alt="User Image"/>
<span class="hidden-xs">{{$auth_name}}</span> <span class="d-none d-md-inline">{{$auth_name}}</span>
@endif @endif
</a> </a>
<ul class="dropdown-menu">
<ul class="dropdown-menu dropdown-menu-right">
<!-- User image --> <!-- User image -->
<li class="user-header" style="background-color:#343F44;"> <li class="user-header bg-secondary" style="background-color:#343F44;">
<img src="{{$auth_user_profile_pic}}" class="img-circle" alt="User Image" />
<p> <img src="{{$auth_user_profile_pic}}" class="img-circle elevation-2" alt="User Image" />
{{$auth_name}} - {{$auth_user_role}}
<small></small> <p style="margin-top: 0px;">{{$auth_name}}
<small class="text-capitalize">{{$auth_user_role}}</small>
</p> </p>
</li> </li>
<!-- Menu Footer--> <!-- Menu Footer-->
<li class="user-footer" style="background-color:#1a2226;"> <li class="user-footer">
<div class="pull-left">
<a href="{{URL::route('profile')}}" class="btn btn-info btn-sm"><b>{!! Lang::get('lang.profile') !!}</b></a> <a href="{{URL::route('profile')}}" class="btn btn-primary btn-flat">{!! Lang::get('lang.profile') !!}</a>
</div>
<div class="pull-right"> <a href="{{url('auth/logout')}}" class="btn btn-danger btn-flat float-right">{!! Lang::get('lang.sign_out') !!}</a>
<a href="{{url('auth/logout')}}" class="btn btn-danger btn-sm"><b>{!! Lang::get('lang.sign_out') !!}</b></a>
</div>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
</div>
</nav> </nav>
</header>
<!-- Left side column. contains the logo and sidebar --> <!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar"> <aside class="main-sidebar sidebar-dark-custom elevation-4">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar"> <a href="http://www.faveohelpdesk.com" class="brand-link" style="text-align: center;">
<div class="user-panel"> <img src="{{ asset('lb-faveo/media/images/logo.png')}}" class="brand-image" alt="Company Log0" style="opacity: .8">
</a>
<div class="sidebar">
<div class="user-panel mt-3 pb-3 mb-3 d-flex">
@if (trim($__env->yieldContent('profileimg'))) @if (trim($__env->yieldContent('profileimg')))
<h1>@yield('profileimg')</h1> <h1>@yield('profileimg')</h1>
@else @else
<div class = "row"> <div class="image">
<div class="col-xs-3"></div>
<div class="col-xs-2" style="width:50%;"> <img id="sidebar-profile-img" src="{{$auth_user_profile_pic}}" alt="User Image" width="auto" height="auto"
<a href="{!! url('profile') !!}"> class="img-circle elevation-2">
<img src="{{$auth_user_profile_pic}}" class="img-circle" alt="User Image" />
</a>
</div>
</div> </div>
@endif @endif
<div class="info" style="text-align:center;"> <div class="info">
@if($auth_user_id) @if($auth_user_id)
<p>{{$auth_name}}</p> <a class="d-block" href="{!! url('profile') !!}">{{$auth_name}}</a>
@endif
@if($auth_user_id && $auth_user_active==1)
<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
@else
<a href="#"><i class="fa fa-circle"></i> Offline</a>
@endif @endif
</div> </div>
</div> </div>
<ul id="side-bar" class="sidebar-menu">
<nav class="mt-2">
<ul class="nav nav-pills nav-sidebar flex-column nav-child-indent" data-widget="treeview" role="menu" data-accordion="false">
@if($replaceside==0) @if($replaceside==0)
@yield('sidebar') @yield('sidebar')
<li class="header">{!! Lang::get('lang.Tickets') !!}</li> <li class="nav-header">{!! Lang::get('lang.Tickets') !!}</li>
<li @yield('inbox')> <li @yield('inbox') class="nav-item">
<a href="{{ url('tickets')}}" id="load-inbox"> <a href="{{ url('tickets')}}" id="load-inbox" class="nav-link">
<i class="fa fa-envelope"></i> <span>{!! Lang::get('lang.inbox') !!}</span> <small class="label pull-right bg-green">{{$tickets -> count()}}</small> <i class="fas fa-envelope"></i>
</a> <p>{!! Lang::get('lang.inbox') !!}</p>
</li> <small class="right badge badge-success">{{$tickets -> count()}}</small>
<li @yield('myticket')>
<a href="{{url('/tickets?show=mytickets')}}" id="load-myticket">
<i class="fa fa-user"></i> <span>{!! Lang::get('lang.my_tickets') !!} </span>
<small class="label pull-right bg-green">{{$myticket -> count()}}</small>
</a>
</li>
<li @yield('unassigned')>
<a href="{{url('/tickets?assigned[]=0')}}" id="load-unassigned">
<i class="fa fa-th"></i> <span>{!! Lang::get('lang.unassigned') !!}</span>
<small class="label pull-right bg-green">{{$unassigned -> count()}}</small>
</a>
</li>
<li @yield('overdue')>
<a href="{{url('/tickets?show=overdue')}}" id="load-unassigned">
<i class="fa fa-calendar-times-o"></i> <span>{!! Lang::get('lang.overdue') !!}</span>
<small class="label pull-right bg-green">{{$overdues->count()}}</small>
</a> </a>
</li> </li>
<li @yield('trash')> <li @yield('myticket') class="nav-item">
<a href="{{url('/tickets?show=trash')}}"> <a href="{{url('/tickets?show=mytickets')}}" id="load-myticket" class="nav-link">
<i class="fa fa-trash-o"></i> <span>{!! Lang::get('lang.trash') !!}</span> <i class="fas fa-user"></i>
<small class="label pull-right bg-green">{{$deleted -> count()}}</small> <p>{!! Lang::get('lang.my_tickets') !!} </p>
<small class="right badge badge-success">{{$myticket -> count()}}</small>
</a> </a>
</li> </li>
<li class="header">{!! Lang::get('lang.Departments') !!}</li>
<li @yield('unassigned') class="nav-item">
<a href="{{url('/tickets?assigned[]=0')}}" id="load-unassigned" class="nav-link">
<i class="fas fa-th"></i>
<p>{!! Lang::get('lang.unassigned') !!}</p>
<small class="right badge badge-success">{{$unassigned -> count()}}</small>
</a>
</li>
<li @yield('overdue') class="nav-item">
<a href="{{url('/tickets?show=overdue')}}" id="load-unassigned" class="nav-link">
<i class="fas fa-calendar-times"></i>
<p>{!! Lang::get('lang.overdue') !!}</p>
<small class="right badge badge-success">{{$overdues->count()}}</small>
</a>
</li>
<li @yield('trash') class="nav-item">
<a href="{{url('/tickets?show=trash')}}" class="nav-link">
<i class="fas fa-trash"></i>
<p>{!! Lang::get('lang.trash') !!}</p>
<small class="right badge badge-success">{{$deleted -> count()}}</small>
</a>
</li>
<li class="nav-header">{!! Lang::get('lang.Departments') !!}</li>
<?php <?php
$flattened = $department->flatMap(function ($values) { $flattened = $department->flatMap(function ($values) {
return $values->keyBy('status'); return $values->keyBy('status');
@@ -320,20 +415,31 @@
$status2 = ''; $status2 = '';
} }
?> ?>
@foreach($department as $name=>$dept) @foreach($department as $name=>$dept)
<li class="treeview @if($dept2 === $name) @yield('ticket-bar') @endif "> <li class="nav-item @if($dept2 === $name) @yield('ticket-bar') @endif ">
<a href="#">
<i class="fa fa-folder-open"></i> <span>{!! $name !!}</span> <i class="fa fa-angle-left pull-right"></i> <a href="#" class="nav-link">
<i class="nav-icon fas fa-folder-open"></i>
<p>{!! $name !!}<i class="right fas fa-angle-left"></i></p>
</a> </a>
@foreach($statuses as $status) @foreach($statuses as $status)
@if($dept->get($status)) @if($dept->get($status))
<ul class="treeview-menu">
<li @if($status2 == $dept->get($status)->status && $dept2 === $name) @yield('inbox') @endif><a href="{!! url('tickets?departments='.$name.'&status='.$dept->get($status)->status) !!}"><i class="fa fa-circle-o"></i> {!!$dept->get($status)->status !!}<small class="label pull-right bg-green">{{$dept->get($status)->count}}</small></a></li> <ul class="nav nav-treeview">
<li class="nav-item" @if($status2 == $dept->get($status)->status && $dept2 === $name) @yield('inbox') @endif>
<a href="{!! url('tickets?departments='.$name.'&status='.$dept->get($status)->status) !!}" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>{!!$dept->get($status)->status !!}</p>
<small class="right badge badge-success">{{$dept->get($status)->count}}</small>
</a>
</li>
</ul> </ul>
@endif @endif
@endforeach @endforeach
</li> </li>
@endforeach @endforeach
@else @else
@@ -341,8 +447,8 @@
<?php \Event::fire('service.desk.agent.sidebar', array()); ?> <?php \Event::fire('service.desk.agent.sidebar', array()); ?>
@endif @endif
</ul> </ul>
</section> </nav>
<!-- /.sidebar --> </div>
</aside> </aside>
<?php <?php
$agent_group = $auth_user_assign_group; $agent_group = $auth_user_assign_group;
@@ -436,22 +542,15 @@ $group = App\Model\helpdesk\Agent\Groups::where('id', '=', $agent_group)->first(
</footer> </footer>
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<script src="{{asset("lb-faveo/js/ajax-jquery.min.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/js/bootstrap-datetimepicker4.7.14.min.js")}}" type="text/javascript"></script> <script src="{{asset("lb-faveo/js/bootstrap-datetimepicker4.7.14.min.js")}}" type="text/javascript"></script>
<!-- Bootstrap 3.3.2 JS -->
<script src="{{asset("lb-faveo/js/bootstrap.min.js")}}" type="text/javascript"></script>
<!-- Slimscroll -->
<script src="{{asset("lb-faveo/plugins/slimScroll/jquery.slimscroll.min.js")}}" type="text/javascript"></script>
<!-- FastClick -->
<script src="{{asset("lb-faveo/plugins/fastclick/fastclick.min.js")}}" type="text/javascript"></script>
<!-- AdminLTE App -->
<script src="{{asset("lb-faveo/js/app.min.js")}}" type="text/javascript"></script>
<!-- iCheck --> <script src="{{asset("lb-faveo/js/popper.min.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/plugins/iCheck/icheck.min.js")}}" type="text/javascript"></script> <!-- Bootstrap 3.3.2 JS -->
<!-- jquery ui --> <script src="{{asset("lb-faveo/js/bootstrap4.min.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/js/jquery.ui.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/adminlte3/js/adminlte3.min.js")}}" type="text/javascript"></script>
<!-- Slimscroll -->
<script src="{{asset("lb-faveo/adminlte3/plugins/overlayScrollbars/overlayScrollbars.min.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/plugins/datatables/dataTables.bootstrap.js")}}" type="text/javascript"></script> <script src="{{asset("lb-faveo/plugins/datatables/dataTables.bootstrap.js")}}" type="text/javascript"></script>
@@ -459,8 +558,6 @@ $group = App\Model\helpdesk\Agent\Groups::where('id', '=', $agent_group)->first(
<!-- Page Script --> <!-- Page Script -->
<script src="{{asset("lb-faveo/js/jquery.dataTables1.10.10.min.js")}}" type="text/javascript" ></script> <script src="{{asset("lb-faveo/js/jquery.dataTables1.10.10.min.js")}}" type="text/javascript" ></script>
<script type="text/javascript" src="{{asset("lb-faveo/plugins/datatables/dataTables.bootstrap.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/js/jquery.rating.pack.js")}}" type="text/javascript"></script> <script src="{{asset("lb-faveo/js/jquery.rating.pack.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/plugins/select2/select2.full.min.js")}}" type="text/javascript"></script> <script src="{{asset("lb-faveo/plugins/select2/select2.full.min.js")}}" type="text/javascript"></script>
@@ -469,6 +566,7 @@ $group = App\Model\helpdesk\Agent\Groups::where('id', '=', $agent_group)->first(
<!-- full calendar--> <!-- full calendar-->
<script src="{{asset('lb-faveo/plugins/fullcalendar/fullcalendar.min.js')}}" type="text/javascript"></script> <script src="{{asset('lb-faveo/plugins/fullcalendar/fullcalendar.min.js')}}" type="text/javascript"></script>
<script src="{{asset('lb-faveo/plugins/daterangepicker/daterangepicker.js')}}" type="text/javascript"></script> <script src="{{asset('lb-faveo/plugins/daterangepicker/daterangepicker.js')}}" type="text/javascript"></script>
<script> <script>
$(document).ready(function () { $(document).ready(function () {
@@ -545,12 +643,9 @@ $group = App\Model\helpdesk\Agent\Groups::where('id', '=', $agent_group)->first(
}); });
});</script> });</script>
<script src="{{asset("lb-faveo/js/tabby.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/js/languagechanger.js")}}" type="text/javascript"></script> <script src="{{asset("lb-faveo/js/languagechanger.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/plugins/filebrowser/plugin.js")}}" type="text/javascript"></script> <script src="{{asset("lb-faveo/plugins/filebrowser/plugin.js")}}" type="text/javascript"></script>
<script src="{{asset("lb-faveo/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js")}}" type="text/javascript"></script>
<script type="text/javascript"> <script type="text/javascript">
$.ajaxSetup({ $.ajaxSetup({
headers: { 'X-CSRF-Token' : $('meta[name=_token]').attr('content') } headers: { 'X-CSRF-Token' : $('meta[name=_token]').attr('content') }

View File

@@ -1,14 +1,18 @@
<li class="nav-item dropdown notifications-menu">
<li class="dropdown notifications-menu"> <a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-refresh"></i> <i class="fas fa-sync"></i>
<span class="label label-danger" id="count">{!! $notification->count() !!}</span>
<span class="badge badge-warning navbar-badge" id="count">{!! $notification->count() !!}</span>
</a> </a>
<ul class="dropdown-menu" style="width:500px">
<li class="header">You have {!! $notification->count() !!} update(s).</li> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
<span class="dropdown-header">You have {!! $notification->count() !!} update(s).</span>
<ul class="menu list-unstyled"> <ul class="menu list-unstyled">
@if($notification->count()>0) @if($notification->count()>0)
@foreach($notification as $notify) @foreach($notification as $notify)
@if($notify->value) @if($notify->value)
@@ -18,14 +22,7 @@
@endif @endif
@endforeach @endforeach
@endif @endif
</ul>
<!--<li class="footer no-border"><div class="col-md-5"></div><div class="col-md-2">
<img src="{{asset("lb-faveo/media/images/gifloader.gif")}}" style="display: none;" id="notification-loader">
</div><div class="col-md-5"></div></li>
<li class="footer"><a href="{{ url('notifications-list')}}">View all</a>
</li>-->
</ul> </ul>
</div>
</li> </li>