Bootstrap4 :: Debug, Widgets, Plugins, API and Logs Modules UI updated

resources/views/themes/default1/admin/helpdesk/settings/error-and-logs/error-debug.blade.php

@@ -1,15 +1,19 @@
 @extends('themes.default1.admin.layout.admin')
 
 @section('error-bugs')
-active
+class="nav-link active"
 @stop
 
-@section('settings-bar')
-active
+@section('error-menu-parent')
+class="nav-item menu-open"
+@stop
+
+@section('error-menu-open')
+class="nav nav-treeview menu-open"
 @stop
 
 @section('debugging-option')
-class="active"
+class="nav-link active"
 @stop
 
 @section('HeadInclude')
@@ -27,61 +31,64 @@ class="active"
 <!-- /breadcrumbs -->
 <!-- content -->
 @section('content')
-	<div class="box box-primary">
-    <div class="box-header with-border">
-        <h3 class="box-title">{{Lang::get('lang.debug-options')}}</h3> 
+<!-- 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('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><br/>
+    <li class="error-message-padding">{!!Session::get('fails')!!}</li>
+</div>
+@endif
+
+<div class="card card-light">
+
+    <div class="card-header">
+        <h3 class="card-title">{{Lang::get('lang.debug-options')}}</h3> 
     </div>
+
     <!-- Helpdesk Status: radio Online Offline -->
-    <div class="box-body">
-        <!-- 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('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><br/>
-            <li class="error-message-padding">{!!Session::get('fails')!!}</li>
-        </div>
-        @endif
+    <div class="card-body">
         {!! Form::open(['url' => route('post.error.debug.settings'), 'method' => 'POST']) !!}
         <div class="row">
             <div class="col-md-4">
                 <div class="form-group">
                     {!! Form::label('debug',Lang::get('lang.debugging')) !!}
                     <div class="row">
-                        <div class="col-xs-3">
+                        <div class="col-sm-3">
                             <input type="radio" name="debug" value="true" @if($debug == true) checked="true" @endif> {{Lang::get('lang.enable')}}
                         </div>
-                        <div class="col-xs-3">
+                        <div class="col-sm-3">
                             <input type="radio" name="debug" value="false" @if($debug == false) checked="true" @endif> {{Lang::get('lang.disable')}}
                         </div>
                     </div>
                 </div> 
             </div>
-            <div class="col-md-4">
+            <div class="col-md-6">
                 <div class="form-group">
                     {!! Form::label('bugsnag',Lang::get('lang.bugsnag-debugging')) !!}
                     <div class="row">
-                        <div class="col-xs-3">
+                        <div class="col-sm-3">
                             <input type="radio" name="bugsnag" value="true" @if($bugsnag == true) checked="true" @endif> {{Lang::get('lang.yes')}}
                         </div>
-                        <div class="col-xs-3">
+                        <div class="col-sm-3">
                             <input type="radio" name="bugsnag" value="false" @if($bugsnag == false) checked="true" @endif> {{Lang::get('lang.no')}}
                         </div>
                     </div>
                 </div> 
             </div>
         </div>
-        </div>
-         <div class="box-footer">
+    </div>
+    <div class="card-footer">
         {!! Form::submit(Lang::get('lang.save'),['onclick'=>'sendForm()','class'=>'btn btn-primary'])!!}
     </div>
-     {!! Form::close() !!}  
-        </div>
+    {!! Form::close() !!}  
+</div>
 @stop

resources/views/themes/default1/admin/helpdesk/settings/plugins.blade.php

@@ -1,15 +1,7 @@
 @extends('themes.default1.admin.layout.admin')
 
 @section('Plugins')
-active
-@stop
-
-@section('settings-bar')
-active
-@stop
-
-@section('plugin')
-class="active"
+class="nav-link active"
 @stop
 
 @section('HeadInclude')
@@ -27,77 +19,75 @@ class="active"
 <!-- /breadcrumbs -->
 <!-- content -->
 @section('content')
-<div class="box box-primary">
-    <div class="box-header with-border">
-        <h3 class="box-title">{!! Lang::get('lang.plugins-list') !!}</h3>
-        <button type="button" class="btn btn-primary pull-right" id="Edit_Ticket" data-toggle="modal" data-target="#Edit"><b>{!! Lang::get('lang.add_plugin') !!}</b></button>        
-        <div class="modal fade" id="Edit">
-            <div class="modal-dialog">
-                <div class="modal-content">  
-                    <div class="modal-header">
-                        <h4 class="modal-title">{!! Lang::get('lang.add_plugin') !!}</h4>
-                    </div>
-                    <div class="modal-body">
-                        {!! Form::open(['url'=>'post-plugin','files'=>true]) !!}
-                        <label>{!! Lang::get('lang.plugin') !!} :</label> 
-                        <div class="btn bg-olive btn-file" style="color:blue">
-                            {!! Lang::get('lang.upload_file') !!}<input type="file" name="plugin">
-                        </div>
-                    </div><!-- /.modal-content -->   
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-default pull-left" data-dismiss="modal" id="dismis">{!! Lang::get('lang.close') !!}</button>
-                        <input type="submit" class="btn btn-primary pull-right" value="{!! Lang::get('lang.upload') !!}">
-                    </div>
-                    {!! Form::close() !!}
-                </div>
-            </div><!-- /.modal-dialog -->
-        </div><!-- /.modal -->
-    </div>
-    <div class="box-body">
-        <div class="alert alert-info alert-dismissable">
-            <i class="fa fa-info-circle"></i>
-            <b>{!! Lang::get('lang.plugin-info') !!}</b><br/>
-            <a href="http://www.faveohelpdesk.com/plugins/" target="_blank">{!!Lang::get('lang.click-here')!!}</a>&nbsp;{!!Lang::get('lang.plugin-info-pro')!!}
-        </div>
-        @if (count($errors) > 0)
-        <div class="alert alert-danger alert-dismissable">
-            <i class="fa fa-ban"></i>
-            <b>{!! Lang::get('lang.alert') !!}!</b><br/>
-            <ul>
-                @foreach ($errors->all() as $error)
-                <li>{{ $error }}</li>
-                @endforeach
-            </ul>
-        </div>
-        @endif
-        @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('fails'))
-        <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>
-            {!!Session::get('fails')!!}
-        </div>
-        @endif
-        <div class="row">
-            <div class="col-md-12">
-                <script src="{{asset('lb-faveo/plugins/jQuery/jQuery-2.1.4.min.js')}}" type="text/javascript"></script>
-                <script type="text/javascript" src="{{asset('lb-faveo/plugins/datatables/jquery.dataTables.js')}}"></script>
-                <script type="text/javascript" src="{{asset('lb-faveo/plugins/datatables/dataTables.bootstrap.js')}}"></script>
+<div class="alert alert-info alert-dismissable">
+    <i class="fas fa-info-circle"></i>
+    <span>{!! Lang::get('lang.plugin-info') !!}</span><br/>
+    <a href="http://www.faveohelpdesk.com/plugins/" target="_blank">{!!Lang::get('lang.click-here')!!}</a>&nbsp;{!!Lang::get('lang.plugin-info-pro')!!}
+</div>
+@if (count($errors) > 0)
+<div class="alert alert-danger alert-dismissable">
+    <i class="fas fa-ban"></i>
+    <b>{!! Lang::get('lang.alert') !!}!</b><br/>
+    <ul>
+        @foreach ($errors->all() as $error)
+        <li>{{ $error }}</li>
+        @endforeach
+    </ul>
+</div>
+@endif
+@if(Session::has('success'))
+<div class="alert alert-success alert-dismissable">
+    <i class="fas 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('fails'))
+<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>
+    {!!Session::get('fails')!!}
+</div>
+@endif
+<div class="card card-light">
+    <div class="card-header">
+        <h3 class="card-title">{!! Lang::get('lang.plugins-list') !!}</h3>
+        <div class="card-tools">
+            <button type="button" class="btn btn-default btn-tool" id="Edit_Ticket" data-toggle="modal" data-target="#Edit">
+                <i class="fas fa-plus"></i> {!! Lang::get('lang.add_plugin') !!}
+            </button> 
 
-                {!! Datatable::table()
-                ->addColumn('Name','Description','Author','Website','Version')       // these are the column headings to be shown
-                ->setUrl('getplugin')   // this is the route where data will be retrieved
-                ->render() !!}
-            </div>
+            <div class="modal fade" id="Edit">
+                <div class="modal-dialog">
+                    <div class="modal-content">  
+                        <div class="modal-header">
+                            <h4 class="modal-title">{!! Lang::get('lang.add_plugin') !!}</h4>
+                        </div>
+                        <div class="modal-body">
+                            {!! Form::open(['url'=>'post-plugin','files'=>true]) !!}
+                            <label>{!! Lang::get('lang.plugin') !!} :</label> 
+                            <div class="btn bg-olive btn-file" style="color:blue">
+                                {!! Lang::get('lang.upload_file') !!}<input type="file" name="plugin">
+                            </div>
+                        </div><!-- /.modal-content -->   
+                        <div class="modal-footer justify-content-between">
+                            <button type="button" class="btn btn-default" data-dismiss="modal" id="dismis">{!! Lang::get('lang.close') !!}</button>
+                            <input type="submit" class="btn btn-primary" value="{!! Lang::get('lang.upload') !!}">
+                        </div>
+                        {!! Form::close() !!}
+                    </div>
+                </div><!-- /.modal-dialog -->
+            </div><!-- /.modal -->           
         </div>
     </div>
+    <div class="card-body">
+        
+        {!! Datatable::table()
+        ->addColumn('Name','Description','Author','Website','Version')       // these are the column headings to be shown
+        ->setUrl('getplugin')   // this is the route where data will be retrieved
+        ->render() !!}
+    </div>
 </div>
 @stop

resources/views/themes/default1/admin/helpdesk/theme/social.blade.php

@@ -1,42 +1,47 @@
 @extends('themes.default1.admin.layout.admin')
 
 @section('Themes')
-active
+class="nav-link active"
 @stop
 
-@section('theme-bar')
-active
+@section('widget-menu-parent')
+class="nav-item menu-open"
 @stop
 
-@section('socail')
-class="active"
+@section('widget-menu-open')
+class="nav nav-treeview menu-open"
 @stop
+
+@section('social')
+class="nav-link active"
+@stop
+
 @section('PageHeader')
 <h1>{!! Lang::get('lang.widgets') !!}</h1>
 @stop
 @section('content')
-<div class="box box-primary">
-    <div class="box-header with-border">
-        <h4 class="box-title">{!! Lang::get('lang.social-widget-settings') !!} </h4>
+<!-- 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('fails'))
+<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>
+    {{Session::get('fails')}}
+</div>
+@endif
+<div class="card card-light">
+    <div class="card-header">
+        <h3 class="card-title">{!! Lang::get('lang.social-widget-settings') !!} </h3>
     </div>
-    <div class="box-body">
-        <!-- 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('fails'))
-        <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>
-            {{Session::get('fails')}}
-        </div>
-        @endif
+    <div class="card-body">
         {!! Datatable::table()
         ->addColumn(Lang::get('lang.name'),
         Lang::get('lang.link'),

resources/views/themes/default1/admin/helpdesk/theme/widgets.blade.php

@@ -1,42 +1,48 @@
 @extends('themes.default1.admin.layout.admin')
 
 @section('Themes')
-active
+class="nav-link active"
 @stop
 
-@section('theme-bar')
-active
+@section('widget-menu-parent')
+class="nav-item menu-open"
+@stop
+
+@section('widget-menu-open')
+class="nav nav-treeview menu-open"
 @stop
 
 @section('widget')
-class="active"
+class="nav-link active"
 @stop
+
 @section('PageHeader')
 <h1>{!! Lang::get('lang.widgets') !!}</h1>
 @stop
 @section('content')
-<div class="box box-primary">
-    <div class="box-header with-border">
-        <h4 class="box-title">{!! Lang::get('lang.widget-settings') !!} </h4>
+<!-- check whether success or not -->
+@if(Session::has('success'))
+<div class="alert alert-success alert-dismissable">
+    <i class="fas 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('fails'))
+<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>
+    {{Session::get('fails')}}
+</div>
+@endif
+<div class="card card-light">
+    <div class="card-header">
+        <h3 class="card-title">{!! Lang::get('lang.widget-settings') !!} </h3>
     </div>
-    <div class="box-body">
-        <!-- 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('fails'))
-        <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>
-            {{Session::get('fails')}}
-        </div>
-        @endif
+    <div class="card-body">
+
         {!! Datatable::table()
         ->addColumn(Lang::get('lang.name'),
         Lang::get('lang.title'),