Bootstrap4 :: Kb category module UI updates

resources/views/themes/default1/agent/kb/settings/comment.blade.php

@@ -5,32 +5,45 @@
 <h1>{!! Lang::get('lang.comments') !!}</h1>
 @stop
 @section('comment')
+class="nav-link active"
+@stop
+
+@section('Tools')
+class="nav-link active"
+@stop
+
+@section('tool')
 class="active"
 @stop
 
+@section('kb')
+class="nav-link active"
+@stop
+
 @section('content')
-<div class="box box-primary">
-    <div class="box-header with-border">
-        <h3 class="box-title">{{Lang::get('lang.comments-list')}}</h3>
+
+@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.comments-list')}}</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">
         <div class="row">
             <div class="col-sm-12">
                 {!! Datatable::table()

resources/views/themes/default1/agent/kb/settings/settings.blade.php

@@ -1,70 +1,72 @@
 @extends('themes.default1.agent.layout.agent')
 @extends('themes.default1.agent.layout.sidebar')    
 
-@section('settings')
+@section('Tools')
+class="nav-link active"
+@stop
+
+@section('tool')
 class="active"
 @stop
 
+@section('kb')
+class="nav-link active"
+@stop
+
+@section('settings')
+class="nav-link active"
+@stop
 
 @section('content')
 <!-- open a form -->
 {!! Form::model($settings,['url' => 'postsettings/'.$settings->id, 'method' => 'PATCH','files'=>true]) !!}
 
-<div class="box-header" style="margin:-5px;margin-top:-25px;">
-    <h3 class="box-title">{{Lang::get('lang.kb-settings')}}</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>
-<!-- Custom Tabs -->
-<div class="nav-tabs-custom">
-    <ul class="nav nav-tabs">
-        <li class="active"><a href="#tab_1" data-toggle="tab">{{Lang::get('lang.system')}}</a></li>
-    </ul>
-    <div class="tab-content">
-        <div class="tab-pane active" id="tab_1">
-            {{-- For Form --}}
-            <!-- 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
-            @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('pagination'))
-                <li class="error-message-padding">{!! $errors->first('pagination', ':message') !!}</li>
-                @endif         
-            </div>
-            @endif
-            <!-- Name text form Required -->
-            <div class="row">
-                <div class="col-md-3 form-group">
-                    {!! Form::label('pagination',Lang::get('lang.numberofelementstodisplay')) !!} <span class="text-red"> *</span>
-                    <input type="number" class="form-control" name='pagination' value="{!! $settings->pagination !!}" min="2">
-                </div>
-            </div>
-        </div><!-- /.tab-pane -->
-    </div><!-- /.tab-pane -->
-    <div class="box-footer">
-        {!! Form::submit(Lang::get('lang.submit'),['class'=>'form-group btn btn-primary'])!!}
+@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
+@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('pagination'))
+    <li class="error-message-padding">{!! $errors->first('pagination', ':message') !!}</li>
+    @endif         
+</div>
+@endif
+<div class="card card-light">
+    
+    <div class="card-header">
+        <h3 class="card-title">{{Lang::get('lang.kb-settings')}}</h3> 
     </div>
-</div><!-- /.tab-content -->
-<script type="text/javascript">
-    $(function() {
-        $("textarea").wysihtml5();
-    });
-</script>
+    
+    <div class="card-body">
+        
+        <div class="row">
+            <div class="col-md-3">
+                {!! Form::label('pagination',Lang::get('lang.numberofelementstodisplay')) !!} <span class="text-red"> *</span>
+                <input type="number" class="form-control" name='pagination' value="{!! $settings->pagination !!}" min="2">
+            </div>
+        </div>
+    </div>
+
+     <div class="card-footer">
+        {!! Form::submit(Lang::get('lang.submit'),['class'=>'btn btn-primary'])!!}
+    </div>
+</div>
 @stop