Bootstrap4 :: User module updates

public/lb-faveo/plugins/datatables/dataTables.bootstrap.js

@@ -1,266 +1,14 @@
-var scripts = document.getElementsByTagName("script"),
+/*!
-file_path = scripts[scripts.length-1].src;
+ DataTables Bootstrap 4 integration
-var pos = file_path.search("plugins");
+ ©2011-2017 SpryMedia Ltd - datatables.net/license
-var path = file_path.substring(0,pos);
+*/
-   //var i = file_path.indexOf("plugins");
+var $jscomp=$jscomp||{};$jscomp.scope={};$jscomp.findInternal=function(a,b,c){a instanceof String&&(a=String(a));for(var e=a.length,d=0;d<e;d++){var f=a[d];if(b.call(c,f,d,a))return{i:d,v:f}}return{i:-1,v:void 0}};$jscomp.ASSUME_ES5=!1;$jscomp.ASSUME_NO_NATIVE_MAP=!1;$jscomp.ASSUME_NO_NATIVE_SET=!1;$jscomp.SIMPLE_FROUND_POLYFILL=!1;$jscomp.ISOLATE_POLYFILLS=!1;
-$.fn.dataTable.ext.errMode = 'throw';
+$jscomp.defineProperty=$jscomp.ASSUME_ES5||"function"==typeof Object.defineProperties?Object.defineProperty:function(a,b,c){if(a==Array.prototype||a==Object.prototype)return a;a[b]=c.value;return a};$jscomp.getGlobal=function(a){a=["object"==typeof globalThis&&globalThis,a,"object"==typeof window&&window,"object"==typeof self&&self,"object"==typeof global&&global];for(var b=0;b<a.length;++b){var c=a[b];if(c&&c.Math==Math)return c}throw Error("Cannot find global object");};$jscomp.global=$jscomp.getGlobal(this);
-/* Set the defaults for DataTables initialisation */
+$jscomp.IS_SYMBOL_NATIVE="function"===typeof Symbol&&"symbol"===typeof Symbol("x");$jscomp.TRUST_ES6_POLYFILLS=!$jscomp.ISOLATE_POLYFILLS||$jscomp.IS_SYMBOL_NATIVE;$jscomp.polyfills={};$jscomp.propertyToPolyfillSymbol={};$jscomp.POLYFILL_PREFIX="$jscp$";var $jscomp$lookupPolyfilledValue=function(a,b){var c=$jscomp.propertyToPolyfillSymbol[b];if(null==c)return a[b];c=a[c];return void 0!==c?c:a[b]};
-$.extend( true, $.fn.dataTable.defaults, {
+$jscomp.polyfill=function(a,b,c,e){b&&($jscomp.ISOLATE_POLYFILLS?$jscomp.polyfillIsolated(a,b,c,e):$jscomp.polyfillUnisolated(a,b,c,e))};$jscomp.polyfillUnisolated=function(a,b,c,e){c=$jscomp.global;a=a.split(".");for(e=0;e<a.length-1;e++){var d=a[e];if(!(d in c))return;c=c[d]}a=a[a.length-1];e=c[a];b=b(e);b!=e&&null!=b&&$jscomp.defineProperty(c,a,{configurable:!0,writable:!0,value:b})};
-	"sDom":
+$jscomp.polyfillIsolated=function(a,b,c,e){var d=a.split(".");a=1===d.length;e=d[0];e=!a&&e in $jscomp.polyfills?$jscomp.polyfills:$jscomp.global;for(var f=0;f<d.length-1;f++){var l=d[f];if(!(l in e))return;e=e[l]}d=d[d.length-1];c=$jscomp.IS_SYMBOL_NATIVE&&"es6"===c?e[d]:null;b=b(c);null!=b&&(a?$jscomp.defineProperty($jscomp.polyfills,d,{configurable:!0,writable:!0,value:b}):b!==c&&($jscomp.propertyToPolyfillSymbol[d]=$jscomp.IS_SYMBOL_NATIVE?$jscomp.global.Symbol(d):$jscomp.POLYFILL_PREFIX+d,d=
-		"<'row'<'col-xs-6'l><'col-xs-6'f>r>"+
+$jscomp.propertyToPolyfillSymbol[d],$jscomp.defineProperty(e,d,{configurable:!0,writable:!0,value:b})))};$jscomp.polyfill("Array.prototype.find",function(a){return a?a:function(b,c){return $jscomp.findInternal(this,b,c).v}},"es6","es3");
-		"t"+
+(function(a){"function"===typeof define&&define.amd?define(["jquery","datatables.net"],function(b){return a(b,window,document)}):"object"===typeof exports?module.exports=function(b,c){b||(b=window);c&&c.fn.dataTable||(c=require("datatables.net")(b,c).$);return a(c,b,b.document)}:a(jQuery,window,document)})(function(a,b,c,e){var d=a.fn.dataTable;a.extend(!0,d.defaults,{dom:"<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>><'row'<'col-sm-12'tr>><'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
-		"<'row'<'col-xs-6'i><'col-xs-6'p>>",
+renderer:"bootstrap"});a.extend(d.ext.classes,{sWrapper:"dataTables_wrapper dt-bootstrap4",sFilterInput:"form-control form-control-sm",sLengthSelect:"custom-select custom-select-sm form-control form-control-sm",sProcessing:"dataTables_processing card",sPageButton:"paginate_button page-item"});d.ext.renderer.pageButton.bootstrap=function(f,l,A,B,m,t){var u=new d.Api(f),C=f.oClasses,n=f.oLanguage.oPaginate,D=f.oLanguage.oAria.paginate||{},h,k,v=0,y=function(q,w){var x,E=function(p){p.preventDefault();
-	"oLanguage": {
+a(p.currentTarget).hasClass("disabled")||u.page()==p.data.action||u.page(p.data.action).draw("page")};var r=0;for(x=w.length;r<x;r++){var g=w[r];if(Array.isArray(g))y(q,g);else{k=h="";switch(g){case "ellipsis":h="&#x2026;";k="disabled";break;case "first":h=n.sFirst;k=g+(0<m?"":" disabled");break;case "previous":h=n.sPrevious;k=g+(0<m?"":" disabled");break;case "next":h=n.sNext;k=g+(m<t-1?"":" disabled");break;case "last":h=n.sLast;k=g+(m<t-1?"":" disabled");break;default:h=g+1,k=m===g?"active":""}if(h){var F=
-		"sLengthMenu": "_MENU_ Records per page",
+a("<li>",{"class":C.sPageButton+" "+k,id:0===A&&"string"===typeof g?f.sTableId+"_"+g:null}).append(a("<a>",{href:"#","aria-controls":f.sTableId,"aria-label":D[g],"data-dt-idx":v,tabindex:f.iTabIndex,"class":"page-link"}).html(h)).appendTo(q);f.oApi._fnBindAction(F,{action:g},E);v++}}}};try{var z=a(l).find(c.activeElement).data("dt-idx")}catch(q){}y(a(l).empty().html('<ul class="pagination"/>').children("ul"),B);z!==e&&a(l).find("[data-dt-idx="+z+"]").trigger("focus")};return d});
-		"sSearch"    : "Search: ",
-		"sProcessing": '<img id="blur-bg" class="backgroundfadein" style="top:40%;left:50%; width: 50px; height:50 px; display: block; position: fixed;" src="'+path+'/media/images/gifloader3.gif">'
-	},
-	"fnDrawCallback": function( oSettings ) {
-		$(".box-body").css({"opacity": "1"});
-		$('#blur-bg').css({"opacity": "1", "z-index": "99999"});
-		},
-	"fnPreDrawCallback": function(oSettings, json) {
-	 	$(".box-body").css({"opacity":"0.3"});
-    }
-});
-
-
-  
-/* Default class modification */
-$.extend( $.fn.dataTableExt.oStdClasses, {
-	"sWrapper": "dataTables_wrapper form-inline",
-	"sFilterInput": "form-control input-xs",
-	"sLengthSelect": "form-control input-xs"
-} );
-
-// In 1.10 we use the pagination renderers to draw the Bootstrap paging,
-// rather than  custom plug-in
-if ( $.fn.dataTable.Api ) {
-	$.fn.dataTable.defaults.renderer = 'bootstrap';
-	$.fn.dataTable.ext.renderer.pageButton.bootstrap = function ( settings, host, idx, buttons, page, pages ) {
-		var api = new $.fn.dataTable.Api( settings );
-		var classes = settings.oClasses;
-		var lang = settings.oLanguage.oPaginate;
-		var btnDisplay, btnClass;
-
-		var attach = function( container, buttons ) {
-			var i, ien, node, button;
-			var clickHandler = function ( e ) {
-				e.preventDefault();
-				if ( e.data.action !== 'ellipsis' ) {
-					api.page( e.data.action ).draw( false );
-				}
-			};
-
-			for ( i=0, ien=buttons.length ; i<ien ; i++ ) {
-				button = buttons[i];
-
-				if ( $.isArray( button ) ) {
-					attach( container, button );
-				}
-				else {
-					btnDisplay = '';
-					btnClass = '';
-
-					switch ( button ) {
-						case 'ellipsis':
-							btnDisplay = '&hellip;';
-							btnClass = 'disabled';
-							break;
-
-						case 'first':
-							btnDisplay = lang.sFirst;
-							btnClass = button + (page > 0 ?
-								'' : ' disabled');
-							break;
-
-						case 'previous':
-							btnDisplay = lang.sPrevious;
-							btnClass = button + (page > 0 ?
-								'' : ' disabled');
-							break;
-
-						case 'next':
-							btnDisplay = lang.sNext;
-							btnClass = button + (page < pages-1 ?
-								'' : ' disabled');
-							break;
-
-						case 'last':
-							btnDisplay = lang.sLast;
-							btnClass = button + (page < pages-1 ?
-								'' : ' disabled');
-							break;
-
-						default:
-							btnDisplay = button + 1;
-							btnClass = page === button ?
-								'active' : '';
-							break;
-					}
-
-					if ( btnDisplay ) {
-						node = $('<li>', {
-								'class': classes.sPageButton+' '+btnClass,
-								'aria-controls': settings.sTableId,
-								'tabindex': settings.iTabIndex,
-								'id': idx === 0 && typeof button === 'string' ?
-									settings.sTableId +'_'+ button :
-									null
-							} )
-							.append( $('<a>', {
-									'href': '#'
-								} )
-								.html( btnDisplay )
-							)
-							.appendTo( container );
-
-						settings.oApi._fnBindAction(
-							node, {action: button}, clickHandler
-						);
-					}
-				}
-			}
-		};
-
-		attach(
-			$(host).empty().html('<ul class="pagination"/>').children('ul'),
-			buttons
-		);
-	}
-}
-else {
-	// Integration for 1.9-
-	$.fn.dataTable.defaults.sPaginationType = 'bootstrap';
-
-	/* API method to get paging information */
-	$.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings )
-	{
-		return {
-			"iStart":         oSettings._iDisplayStart,
-			"iEnd":           oSettings.fnDisplayEnd(),
-			"iLength":        oSettings._iDisplayLength,
-			"iTotal":         oSettings.fnRecordsTotal(),
-			"iFilteredTotal": oSettings.fnRecordsDisplay(),
-			"iPage":          oSettings._iDisplayLength === -1 ?
-				0 : Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),
-			"iTotalPages":    oSettings._iDisplayLength === -1 ?
-				0 : Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength )
-		};
-	};
-
-	/* Bootstrap style pagination control */
-	$.extend( $.fn.dataTableExt.oPagination, {
-		"bootstrap": {
-			"fnInit": function( oSettings, nPaging, fnDraw ) {
-				var oLang = oSettings.oLanguage.oPaginate;
-				var fnClickHandler = function ( e ) {
-					e.preventDefault();
-					if ( oSettings.oApi._fnPageChange(oSettings, e.data.action) ) {
-						fnDraw( oSettings );
-					}
-				};
-
-				$(nPaging).append(
-					'<ul class="pagination">'+
-						'<li class="prev disabled"><a href="#">&larr; '+oLang.sPrevious+'</a></li>'+
-						'<li class="next disabled"><a href="#">'+oLang.sNext+' &rarr; </a></li>'+
-					'</ul>'
-				);
-				var els = $('a', nPaging);
-				$(els[0]).bind( 'click.DT', { action: "previous" }, fnClickHandler );
-				$(els[1]).bind( 'click.DT', { action: "next" }, fnClickHandler );
-			},
-
-			"fnUpdate": function ( oSettings, fnDraw ) {
-				var iListLength = 5;
-				var oPaging = oSettings.oInstance.fnPagingInfo();
-				var an = oSettings.aanFeatures.p;
-				var i, ien, j, sClass, iStart, iEnd, iHalf=Math.floor(iListLength/2);
-
-				if ( oPaging.iTotalPages < iListLength) {
-					iStart = 1;
-					iEnd = oPaging.iTotalPages;
-				}
-				else if ( oPaging.iPage <= iHalf ) {
-					iStart = 1;
-					iEnd = iListLength;
-				} else if ( oPaging.iPage >= (oPaging.iTotalPages-iHalf) ) {
-					iStart = oPaging.iTotalPages - iListLength + 1;
-					iEnd = oPaging.iTotalPages;
-				} else {
-					iStart = oPaging.iPage - iHalf + 1;
-					iEnd = iStart + iListLength - 1;
-				}
-
-				for ( i=0, ien=an.length ; i<ien ; i++ ) {
-					// Remove the middle elements
-					$('li:gt(0)', an[i]).filter(':not(:last)').remove();
-
-					// Add the new list items and their event handlers
-					for ( j=iStart ; j<=iEnd ; j++ ) {
-						sClass = (j==oPaging.iPage+1) ? 'class="active"' : '';
-						$('<li '+sClass+'><a href="#">'+j+'</a></li>')
-							.insertBefore( $('li:last', an[i])[0] )
-							.bind('click', function (e) {
-								e.preventDefault();
-								oSettings._iDisplayStart = (parseInt($('a', this).text(),10)-1) * oPaging.iLength;
-								fnDraw( oSettings );
-							} );
-					}
-
-					// Add / remove disabled classes from the static elements
-					if ( oPaging.iPage === 0 ) {
-						$('li:first', an[i]).addClass('disabled');
-					} else {
-						$('li:first', an[i]).removeClass('disabled');
-					}
-
-					if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {
-						$('li:last', an[i]).addClass('disabled');
-					} else {
-						$('li:last', an[i]).removeClass('disabled');
-					}
-				}
-			}
-		}
-	} );
-}
-
-
-/*
- * TableTools Bootstrap compatibility
- * Required TableTools 2.1+
- */
-if ( $.fn.DataTable.TableTools ) {
-	// Set the classes that TableTools uses to something suitable for Bootstrap
-	$.extend( true, $.fn.DataTable.TableTools.classes, {
-		"container": "DTTT btn-group",
-		"buttons": {
-			"normal": "btn btn-default",
-			"disabled": "disabled"
-		},
-		"collection": {
-			"container": "DTTT_dropdown dropdown-menu",
-			"buttons": {
-				"normal": "",
-				"disabled": "disabled"
-			}
-		},
-		"print": {
-			"info": "DTTT_print_info modal"
-		},
-		"select": {
-			"row": "active"
-		}
-	} );
-
-	// Have the collection use a bootstrap compatible dropdown
-	$.extend( true, $.fn.DataTable.TableTools.DEFAULTS.oTags, {
-		"collection": {
-			"container": "ul",
-			"button": "li",
-			"liner": "a"
-		}
-	} );
-}

resources/views/themes/default1/agent/helpdesk/user/edit.blade.php

@@ -2,17 +2,21 @@
 
 
 @section('Users')
-class="active"
+class="nav-link active"
 @stop
 
 @section('user-bar')
-active
+class="nav-link active"
 @stop
 
 @section('user')
 class="active"
 @stop
 
+@section('user-directory')
+class="nav-link active"
+@stop
+
 <!-- header -->
 @section('PageHeader')
 <h1>{!! Lang::get('lang.edit_user') !!}</h1>
@@ -29,71 +33,72 @@ class="active"
     {{Session::get('fails')}}
 </div>
 @endif
+
+@if(Session::has('errors'))
+    <div class="alert alert-danger alert-dismissable">
+        <i class="fas fa-ban"></i>
+        <b>{!! Lang::get('lang.alert') !!}!</b>
+        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
+        <br/>
+        @if($errors->first('first_name'))
+            <li class="error-message-padding">{!! $errors->first('first_name', ':message') !!}</li>
+        @endif
+        @if($errors->first('last_name'))
+            <li class="error-message-padding">{!! $errors->first('last_name', ':message') !!}</li>
+        @endif
+        @if($errors->first('user_name'))
+            <li class="error-message-padding">{!! $errors->first('user_name', ':message') !!}</li>
+        @endif
+        @if($errors->first('email'))
+            <li class="error-message-padding">{!! $errors->first('email', ':message') !!}</li>
+        @endif
+        @if($errors->first('mobile'))
+            <li class="error-message-padding">{!! $errors->first('mobile', ':message') !!}</li>
+        @endif
+        @if($errors->first('ext'))
+            <li class="error-message-padding">{!! $errors->first('ext', ':message') !!}</li>
+        @endif
+        @if($errors->first('phone_number'))
+            <li class="error-message-padding">{!! $errors->first('phone_number', ':message') !!}</li>
+        @endif
+        @if($errors->first('active'))
+            <li class="error-message-padding">{!! $errors->first('active', ':message') !!}</li>
+        @endif
+    </div>
+    @endif
 <!-- open a form -->
 {!! Form::model($users,['url'=>'user/'.$users->id,'method'=>'PATCH']) !!}
-<div class="box box-primary">
+<div class="card card-light">
-    <div class="box-header with-border">
+    <div class="card-header">
-        <h3 class="box-title">
+        <h3 class="card-title">
             {!! Lang::get('lang.user_credentials') !!}
         </h3>
     </div>
-    <div class="box-body">
+    <div class="card-body">
-        @if(Session::has('errors'))
-        <div class="alert alert-danger alert-dismissable">
-            <i class="fa fa-ban"></i>
-            <b>{!! Lang::get('lang.alert') !!}!</b>
-            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
-            <br/>
-            @if($errors->first('first_name'))
-                <li class="error-message-padding">{!! $errors->first('first_name', ':message') !!}</li>
-            @endif
-            @if($errors->first('last_name'))
-                <li class="error-message-padding">{!! $errors->first('last_name', ':message') !!}</li>
-            @endif
-            @if($errors->first('user_name'))
-                <li class="error-message-padding">{!! $errors->first('user_name', ':message') !!}</li>
-            @endif
-            @if($errors->first('email'))
-                <li class="error-message-padding">{!! $errors->first('email', ':message') !!}</li>
-            @endif
-            @if($errors->first('mobile'))
-                <li class="error-message-padding">{!! $errors->first('mobile', ':message') !!}</li>
-            @endif
-            @if($errors->first('ext'))
-                <li class="error-message-padding">{!! $errors->first('ext', ':message') !!}</li>
-            @endif
-            @if($errors->first('phone_number'))
-                <li class="error-message-padding">{!! $errors->first('phone_number', ':message') !!}</li>
-            @endif
-            @if($errors->first('active'))
-                <li class="error-message-padding">{!! $errors->first('active', ':message') !!}</li>
-            @endif
-        </div>
-        @endif
         <div class="row">
             <!-- First name : first name : Required -->
-            <div class="col-xs-4 form-group {{ $errors->has('first_name') ? 'has-error' : '' }}">
+            <div class="col-sm-4 form-group {{ $errors->has('first_name') ? 'has-error' : '' }}">
                 {!! Form::label('first_name',Lang::get('lang.first_name')) !!}<span class="text-red"> *</span>
                 {!! Form::text('first_name',null,['class' => 'form-control']) !!}
             </div>
             <!-- Last name : last name : Required -->
-            <div class="col-xs-4 form-group {{ $errors->has('last_name') ? 'has-error' : '' }}">
+            <div class="col-sm-4 form-group {{ $errors->has('last_name') ? 'has-error' : '' }}">
                 {!! Form::label('last_name',Lang::get('lang.last_name')) !!}
                 {!! Form::text('last_name',null,['class' => 'form-control']) !!}
             </div>
             <!-- User Name : Text : Required-->
-            <div class="col-xs-4 form-group {{ $errors->has('user_name') ? 'has-error' : '' }}">
+            <div class="col-sm-4 form-group {{ $errors->has('user_name') ? 'has-error' : '' }}">
                 {!! Form::label('user_name',Lang::get('lang.user_name')) !!}<span class="text-red"> *</span>
                 {!! Form::text('user_name',null,['class' => 'form-control']) !!}
             </div>
         </div>
         <div class="row">
             <!-- Email Address : Email : Required -->
-            <div class="col-xs-6 form-group {{ $errors->has('email') ? 'has-error' : '' }}">
+            <div class="col-sm-6 form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                 {!! Form::label('email',Lang::get('lang.email')) !!}<span class="text-red"> *</span>
                 {!! Form::email('email',null,['class' => 'form-control']) !!}
             </div>
-            <div class="col-xs-6 form-group {{ $errors->has('organization') ? 'has-error' : '' }}">
+            <div class="col-sm-6 form-group {{ $errors->has('organization') ? 'has-error' : '' }}">
                 {!! Form::label('organization',Lang::get('lang.organization')) !!}
                
 
@@ -110,7 +115,7 @@ class="active"
             </div>
         </div>
         <div class="row">     
-            <div class="col-xs-1 form-group {{ Session::has('country_code_error') ? 'has-error' : '' }}">
+            <div class="col-sm-1 form-group {{ Session::has('country_code_error') ? 'has-error' : '' }}">
                 {!! Form::label('country_code',Lang::get('lang.country-code')) !!}
                 {!! $errors->first('country_code', '<spam class="help-block">:message</spam>') !!}
                 {!! Form::text('country_code',null,['class' => 'form-control', 'placeholder' => $phonecode, 'title' => Lang::get('lang.enter-country-phone-code')]) !!}
@@ -120,32 +125,32 @@ class="active"
                 {!! Form::label('mobile',Lang::get('lang.mobile')) !!}
                 {!! Form::input('number', 'mobile',null,['class' => 'form-control']) !!}
             </div>           
-            <div class="col-xs-1 form-group {{ $errors->has('ext') ? 'has-error' : '' }}">
+            <div class="col-sm-1 form-group {{ $errors->has('ext') ? 'has-error' : '' }}">
                 <label for="ext">{!! Lang::get('lang.ext') !!}</label>  
                 {!! Form::text('ext',null,['class' => 'form-control']) !!}
             </div>
-            <div class="col-xs-3 form-group {{ $errors->has('phone_number') ? 'has-error' : '' }}">
+            <div class="col-sm-3 form-group {{ $errors->has('phone_number') ? 'has-error' : '' }}">
                 <label for="phone_number">{!! Lang::get('lang.phone') !!}</label>
                 {!! Form::text('phone_number',null,['class' => 'form-control']) !!}
             </div>
-            <div class="col-xs-2 form-group {{ $errors->has('active') ? 'has-error' : '' }}">
+            <div class="col-sm-2 form-group {{ $errors->has('active') ? 'has-error' : '' }}">
                 {!! Form::label('active',Lang::get('lang.status')) !!}
                 <div class="row">
-                    <div class="col-xs-12">
+                    <div class="col-sm-12">
                         {!! Form::radio('active','1',true) !!} {{Lang::get('lang.active')}}
                     </div>
-                    <div class="col-xs-12">
+                    <div class="col-sm-12">
                         {!! Form::radio('active','0') !!} {{Lang::get('lang.inactive')}}
                     </div>
                 </div>
             </div>
-            <div class="col-xs-2 form-group {{ $errors->has('ban') ? 'has-error' : '' }}">
+            <div class="col-sm-2 form-group {{ $errors->has('ban') ? 'has-error' : '' }}">
                 {!! Form::label('ban',Lang::get('lang.ban')) !!}
                 <div class="row">
-                    <div class="col-xs-12">
+                    <div class="col-sm-12">
                         {!! Form::radio('ban','1',true) !!} {{Lang::get('lang.enable')}}
                     </div>
-                    <div class="col-xs-12">
+                    <div class="col-sm-12">
                         {!! Form::radio('ban','0') !!} {{Lang::get('lang.disable')}}
                     </div>
                 </div>
@@ -157,13 +162,24 @@ class="active"
             {!! Form::textarea('internal_note',null,['class' => 'form-control', 'size' => '30x5']) !!}
         </div>
     </div>
-    <div class="box-footer">
+    <div class="card-footer">
-        {!! Form::submit(Lang::get('lang.update'),['class'=>'form-group btn btn-primary'])!!}
+        {!! Form::submit(Lang::get('lang.update'),['class'=>'btn btn-primary'])!!}
     </div>        
 </div>
 <script>
     $(function() {
-        $("textarea").wysihtml5();
+        $("textarea").summernote({
+            height: 300,
+            tabsize: 2,
+            toolbar: [
+            ['style', ['bold', 'italic', 'underline', 'clear']],
+            ['font', ['strikethrough', 'superscript', 'subscript']],
+            ['fontsize', ['fontsize']],
+            ['color', ['color']],
+            ['para', ['ul', 'ol', 'paragraph']],
+            ['height', ['height']]
+          ]
+          });
 
         $('input[type="checkbox"]').iCheck({
             checkboxClass: 'icheckbox_flat-blue'

resources/views/themes/default1/agent/helpdesk/user/index.blade.php

@@ -1,17 +1,21 @@
 @extends('themes.default1.agent.layout.agent')
 
 @section('Users')
-class="active"
+class="nav-link active"
 @stop
 
 @section('user-bar')
-active
+class="nav-link active"
 @stop
 
 @section('user')
 class="active"
 @stop
 
+@section('user-directory')
+class="nav-link active"
+@stop
+
 @section('HeadInclude')
 @stop
 <!-- header -->
@@ -28,80 +32,72 @@ class="active"
 <!-- content -->
 @section('content')
 <!-- open a form -->
-<div class="box box-primary">
 
+<!-- check whether success or not -->
+@if(Session::has('success'))
+<div class="alert alert-success alert-dismissable">
+    <i class="fa  fa-check-circle"></i>
+    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
+    {{Session::get('success')}}
+</div>
+@endif
+<!-- failure message -->
+@if(Session::has('warning'))
+<div class="alert alert-warning alert-dismissable">
+    <i class="fa fa-ban"></i><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
+    <b>{!! Lang::get('lang.alert') !!} !</b>            
+    {{Session::get('warning')}}
+</div>
+@endif
+<!-- failure message -->
+@if(Session::has('fails'))
+<div class="alert alert-danger alert-dismissable">
+    <i class="fa fa-ban"></i><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
+    <b>{!! Lang::get('lang.alert') !!} !</b>            
+    {{Session::get('fails')}}
+</div>
+@endif
+<div class="card card-light">
 
+    <div class="card-header">
         
-    <div class="box-header with-border">
+        <h3 class="card-title">{{Lang::get('lang.user')}}</h3>
-        <div class="row">
+
-        <div>
+        <div class="card-tools">
-            <div class="col-md-6">
+            
-                <h3 class="box-title ">{{Lang::get('lang.user')}}</h3>                
+            <div class="has-feedback" style="display: inline-block;">
+                <input type="text" class="form-control input-sm m-0" id="search-text" name="search" placeholder="{{Lang::get('lang.search')}}">
             </div>
-            <div class="col-md-6">
+
-                <div class="col-md-5">
+            <div class="btn-group">
-                    <div class="box-tools" style="width: 235px">
+        
-                        <div class="has-feedback">
+                <button type="button" class="btn btn-tool btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
-                            <input type="text" class="form-control input-sm" id="search-text" name="search" placeholder="{{Lang::get('lang.search')}}" style="height:30px">
+                  <i class="fas fa-eye"> </i> {{Lang::get('lang.view-option')}}
-                            <span class="fa fa-search form-control-feedback"></span>
+                </button>
-                        </div>
+        
-                    </div><!-- /.box-tools -->
+                <div class="dropdown-menu dropdown-menu-right" role="menu" style="">
-                </div>
+                    <a href="#" class="dropdown-item all active">{{Lang::get('lang.all-users')}}</a>
-                <div class="col-md-7">
+                    <a href="#" class="dropdown-item agents">{{Lang::get('lang.only-agents')}}</a>
-                    <div class="pull-right">
+                    <a href="#" class="dropdown-item users">{{Lang::get('lang.only-users')}}</a>
-                    <div id="labels-div" class="btn-group">
+                    <a href="#" class="dropdown-item active-users">{{Lang::get('lang.active-users')}}</a>
-                        <button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" id="labels-button"><i class="fa fa-eye" style="color:teal;">&nbsp;</i>{{Lang::get('lang.view-option')}}<span class="caret"></span>
+                    <a href="#" class="dropdown-item inactive">{{Lang::get('lang.inactive-users')}}</a>
-                        </button>
+                    <a href="#" class="dropdown-item deleted">{{Lang::get('lang.deleted-users')}}</a>
-                        <ul  class="dropdown-menu role="menu">
+                    <a href="#" class="dropdown-item banned">{{Lang::get('lang.banned-users')}}</a>
-                            <li class="active"><a href="#" class="all">{{Lang::get('lang.all-users')}}</a></li>
-                            <li><a href="#" class="agents">{{Lang::get('lang.only-agents')}}</a></li>
-                            <li><a href="#" class="users">{{Lang::get('lang.only-users')}}</a></li>
-                            <li><a href="#" class="active-users">{{Lang::get('lang.active-users')}}</a></li>
-                            <li><a href="#" class="inactive">{{Lang::get('lang.inactive-users')}}</a></li>
-                            <li><a href="#" class="deleted">{{Lang::get('lang.deleted-users')}}</a></li>
-                            <li><a href="#" class="banned">{{Lang::get('lang.banned-users')}}</a></li>
-                        </ul>
-                    </div>
-                    <a href="{{url('user-export')}}" class="btn btn-default btn-sm ">Export</a>
-                    <a href="{{route('user.create')}}" class="btn btn-primary btn-sm">{{Lang::get('lang.create_user')}}</a>
-                    </div>
                 </div>
             </div>
+              
+            <a href="{{url('user-export')}}" class="btn btn-tool btn-default">Export</a>
+            
+            <a href="{{route('user.create')}}" class="btn btn-tool btn-default">{{Lang::get('lang.create_user')}}</a>
         </div>
     </div>
-    <div class="box-body">
+    
-        <!-- check whether success or not -->
+    <div class="card-body">
-        @if(Session::has('success'))
+        
-        <div class="alert alert-success alert-dismissable">
-            <i class="fa  fa-check-circle"></i>
-            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
-            {{Session::get('success')}}
-        </div>
-        @endif
-        <!-- failure message -->
-        @if(Session::has('warning'))
-        <div class="alert alert-warning alert-dismissable">
-            <i class="fa fa-ban"></i><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
-            <b>{!! Lang::get('lang.alert') !!} !</b>            
-            {{Session::get('warning')}}
-        </div>
-        @endif
-        <!-- failure message -->
-        @if(Session::has('fails'))
-        <div class="alert alert-danger alert-dismissable">
-            <i class="fa fa-ban"></i><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
-            <b>{!! Lang::get('lang.alert') !!} !</b>            
-            {{Session::get('fails')}}
-        </div>
-        @endif
         {!!$table->render('vendor.Chumper.template')!!}
+
+        {!! $table->script('vendor.Chumper.user-javascript') !!}
     </div>
 </div>
-
-
-
-
-
-{!! $table->script('vendor.Chumper.user-javascript') !!}
 @stop
 <!-- /content -->

resources/views/themes/default1/agent/layout/agent.blade.php

@@ -39,13 +39,10 @@
         <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" />
-
         <!--Daterangepicker-->
-        <link rel="stylesheet" href="{{asset("lb-faveo/plugins/daterangepicker/daterangepicker.css")}}" rel="stylesheet" type="text/css" />
+        <link rel="stylesheet" href="{{asset("lb-faveo/css/bootstrap-datetimepicker4.7.14.min.css")}}" rel="stylesheet" type="text/css" />
-        <!--calendar -->
 
-        <!-- fullCalendar 2.2.5-->
+        <link href="{{asset("lb-faveo/plugins/summernote/summernote-bs4.min.css")}}" rel="stylesheet" type="text/css" />
-        <link href="{{asset('lb-faveo/plugins/fullcalendar/fullcalendar.min.css')}}" rel="stylesheet" type="text/css" />
         
          <script src="{{asset("lb-faveo/js/jquery-3.4.1.min.js")}}" type="text/javascript"></script>
 
@@ -58,6 +55,10 @@
             .noti_User { color: #6c757d !important; }
 
             .brand-image{float: none !important; margin-left: 0 !important;}
+
+            .table { display: block;width: 100%;overflow-x: auto; }
+
+            td{ word-break: break-all !important; }
         </style>
     </head>
     
@@ -101,22 +102,28 @@
 
                     <li class="nav-item d-none d-sm-inline-block">
 
-                        <a id="dash" @yield('Dashboard') data-target="#tabA" href="{{URL::route('dashboard')}}" onclick="clickDashboard(event);" 
+                        <a id="dash" @yield('Dashboard') href="{{URL::route('dashboard')}}" onclick="clickDashboard(event);" 
                             class="nav-link">
                             {!! Lang::get('lang.dashboard') !!}
                         </a>
                     </li>
                     
                     <li class="nav-item d-none d-sm-inline-block">
-                        <a href="#tab_user" data-toggle="tab" @yield('Users') class="nav-link">{!! Lang::get('lang.users') !!}</a>
+                        <a href="#tab_user" data-toggle="tab" @yield('Users') class="nav-link" onclick="clickUser(event);" id="user_tab">
+                            {!! Lang::get('lang.users') !!}
+                        </a>
                     </li>
                     
                     <li class="nav-item d-none d-sm-inline-block">
-                        <a href="#tab_ticket" data-toggle="tab" @yield('Tickets') class="nav-link">{!! Lang::get('lang.tickets') !!}</a>
+                        <a href="#tab_ticket" data-toggle="tab" @yield('Tickets') class="nav-link" onclick="clickTickets(event);" id="ticket_tab">
+                            {!! Lang::get('lang.tickets') !!}
+                        </a>
                     </li>
                     
                     <li class="nav-item d-none d-sm-inline-block">
-                        <a href="#tab_tools" data-toggle="tab" @yield('Tools') class="nav-link">{!! Lang::get('lang.tools') !!}</a>
+                        <a href="#tab_tools" data-toggle="tab" @yield('Tools') class="nav-link" onclick="clickTools(event);" id="tools_tab">
+                            {!! Lang::get('lang.tools') !!}
+                        </a>
                     </li>
                     
                     @if($auth_user_role == 'admin')
@@ -463,14 +470,14 @@
 
                 <div class="tab-content" style="position: fixed;z-index: 1;width: 100%;">
                   @if($replacetop==0)
-                  <div class="tab-pane" id="tab_user">
+                  <div @yield('user') class="tab-pane" id="tab_user">
                         
                         <nav class="navbar navbar-expand navbar-dark navbar-lightblue">
                           
                           <ul class="navbar-nav">
                             
                             <li class="nav-item d-none d-sm-inline-block">
-                              <a href="{{ url('user')}}" @yield('user') class="nav-link">{!! Lang::get('lang.user_directory') !!}</a>
+                              <a href="{{ url('user')}}" @yield('user-directory') class="nav-link">{!! Lang::get('lang.user_directory') !!}</a>
                             </li>
 
                             <li class="nav-item d-none d-sm-inline-block">
@@ -606,8 +613,6 @@
             </footer>
         </div><!-- ./wrapper -->
 
-        <script src="{{asset("lb-faveo/js/bootstrap-datetimepicker4.7.14.min.js")}}" type="text/javascript"></script>
-        
         <script src="{{asset("lb-faveo/js/popper.min.js")}}" type="text/javascript"></script>
         <!-- Bootstrap 3.3.2 JS -->
         <script src="{{asset("lb-faveo/js/bootstrap4.min.js")}}" type="text/javascript"></script>
@@ -616,11 +621,9 @@
         <!-- 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/jquery.dataTables.js")}}" type="text/javascript"></script>
-        <!-- Page Script -->
+
-        <script src="{{asset("lb-faveo/js/jquery.dataTables1.10.10.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/js/jquery.rating.pack.js")}}" type="text/javascript"></script>
 
@@ -632,6 +635,13 @@
         <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/js/bootstrap-datetimepicker4.7.14.min.js")}}" type="text/javascript"></script>
+
+        <script src="{{asset("lb-faveo/plugins/summernote/summernote-bs4.min.js")}}" type="text/javascript"></script>
+
+        <script src="{{asset("lb-faveo/plugins/iCheck/icheck.min.js")}}" type="text/javascript"></script>
+
         <script>
                     $(document).ready(function () {
 
@@ -723,6 +733,36 @@
                     }
                     }
 
+                    function clickUser(e) {
+                        $("#ticket_tab").removeClass("active");
+                        $("#tools_tab").removeClass("active");
+                        $("#tab_ticket").removeClass("active");
+                        $("#tab_ticket").css('display',"none");
+                        $("#tab_tools").removeClass("active");
+                        $("#tab_tools").css('display',"none");
+                        $("#tab_user").css('display',"block");
+                    }
+
+                    function clickTickets(e) {
+                        $("#user_tab").removeClass("active");
+                        $("#tools_tab").removeClass("active");
+                        $("#tab_user").removeClass("active");
+                        $("#tab_user").css('display',"none");
+                        $("#tab_tools").removeClass("active");
+                        $("#tab_tools").css('display',"none");
+                        $("#tab_ticket").css('display',"block");
+                    }
+
+                    function clickTools(e) {
+                        $("#ticket_tab").removeClass("active");
+                        $("#user_tab").removeClass("active");
+                        $("#tab_ticket").removeClass("active");
+                        $("#tab_ticket").css('display',"none");
+                        $("#tab_tools").css('display',"block");
+                        $("#tab_user").removeClass("active");
+                        $("#tab_user").css('display',"none");
+                    }
+
             function clickReport(e) {
             if (e.ctrlKey === true) {
             window.open('{{URL::route("report.index")}}', '_blank');

resources/views/vendor/Chumper/template.blade.php

@@ -7,7 +7,7 @@
     <thead>
     <tr>
         @foreach($columns as $i => $c)
-        <th align="center" valign="middle" class="head{!! $i !!}">{!! $c !!}</th>
+        <th align="center" valign="middle" class="head{!! $i !!}" style="min-width: 100px;">{!! $c !!}</th>
         @endforeach
     </tr>
     </thead>

resources/views/vendor/Chumper/ticket-javascript.blade.php

@@ -24,9 +24,9 @@ foreach($segments as $seg){
         function myFunction()
         {
             return jQuery('#chumper').dataTable({
-                "sDom": "<'row'<'col-xs-6'l><'col-xs-6'f>r>"+
+                "sDom": "<'row'<'col-sm-6'l><'col-sm-6'f>r>"+
                         "t"+
-                        "<'row'<'col-xs-6'i><'col-xs-6'p>>",
+                        "<'row'<'col-sm-6'i><'col-sm-6'p>>",
                 "sPaginationType": "full_numbers",
                 "bProcessing": true,
                 "bServerSide": true,

resources/views/vendor/Chumper/tickets-javascript.blade.php

@@ -24,9 +24,9 @@ $path = public_path();
         function myFunction()
         {
             return jQuery('#chumper').dataTable({
-                "sDom": "<'row'<'col-xs-6'l><'col-xs-6'f>r>"+
+                "sDom": "<'row'<'col-sm-6'l><'col-sm-6'f>r>"+
                         "t"+
-                        "<'row'<'col-xs-6'i><'col-xs-6'p>>",
+                        "<'row'<'col-sm-6'i><'col-sm-6'p>>",
                 "sPaginationType": "full_numbers",
                 "bProcessing": true,
                 "bServerSide": true,

resources/views/vendor/Chumper/tuser-javascript.blade.php

@@ -25,9 +25,9 @@ foreach($segments as $seg){
         function myFunction()
         {
             return jQuery('#chumper').dataTable({
-                "sDom": "<'row'<'col-xs-6'l><'col-xs-6'f>r>"+
+                "sDom": "<'row'<'col-sm-6'l><'col-sm-6'f>r>"+
                         "t"+
-                        "<'row'<'col-xs-6'i><'col-xs-6'p>>",
+                        "<'row'<'col-sm-6'i><'col-sm-6'p>>",
                 "sPaginationType": "full_numbers",
                 "bProcessing": true,
                 "bServerSide": true,
@@ -75,12 +75,12 @@ foreach($segments as $seg){
                 last = false;
                 create = true;
                 sort = [[7, "desc"]]
-                $('a.toggle-vis').html('<i class="fa fa-clock-o" style="color:green;"> </i>{!!Lang::get("lang.last_activity")!!}');
+                $('a.toggle-vis').html('<i class="fas fa-clock" style="color:green;"> </i> {!!Lang::get("lang.last_activity")!!}');
             } else {
                 last = true;
                 create = false;
                 sort = [[6, "desc"]]
-                $('a.toggle-vis').html('<i class="fa fa-plus-square-o" style="color:green;"> </i>{!!Lang::get("lang.created-at")!!}');
+                $('a.toggle-vis').html('<i class="fas fa-plus" style="color:green;"> </i> {!!Lang::get("lang.created-at")!!}');
 
             }
             $("#chumper").dataTable().fnDestroy();

resources/views/vendor/Chumper/user-javascript.blade.php

@@ -20,9 +20,9 @@ foreach($segments as $seg){
         function myFunction(show)
         {
             return jQuery('#chumper').dataTable({
-                "sDom": "<'row'<'col-xs-6'l><'col-xs-6'>r>"+
+                "sDom": "<'row'<'col-sm-6'l><'col-sm-6'>r>"+
                         "t"+
-                        "<'row'<'col-xs-6'i><'col-xs-6'p>>",
+                        "<'row'<'col-sm-6'i><'col-sm-6'p>>",
                 "sPaginationType": "full_numbers",
                 "bProcessing": true,
                 "bServerSide": true,