Bootstrap4 :: Organization module UI updates

resources/views/themes/default1/agent/helpdesk/organization/create.blade.php

@@ -1,15 +1,19 @@
 @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('organizations')
-class="active"
+class="nav-link active"
 @stop
 
 @section('HeadInclude')
@@ -29,65 +33,77 @@ class="active"
 @section('content')
 <!-- open a form -->
 {!! Form::open(['action'=>'Agent\helpdesk\OrganizationController@store','method'=>'post']) !!}
-<div class="box box-primary">
-    <div class="box-header with-border">
-        <h3 class="box-title">{{Lang::get('lang.create')}}</h4>
+
+@if(Session::has('errors'))
+<?php //dd($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('name'))
+    <li class="error-message-padding">{!! $errors->first('name', ':message') !!}</li>
+    @endif
+    @if($errors->first('phone'))
+    <li class="error-message-padding">{!! $errors->first('phone', ':message') !!}</li>
+    @endif
+    @if($errors->first('website'))
+    <li class="error-message-padding">{!! $errors->first('website', ':message') !!}</li>
+    @endif
+</div>
+@endif
+<div class="card card-light">
+    <div class="card-header">
+        <h3 class="card-title">{{Lang::get('lang.create')}}</h3>
     </div>
-    <div class="box-body">
-        @if(Session::has('errors'))
-        <?php //dd($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('name'))
-            <li class="error-message-padding">{!! $errors->first('name', ':message') !!}</li>
-            @endif
-            @if($errors->first('phone'))
-            <li class="error-message-padding">{!! $errors->first('phone', ':message') !!}</li>
-            @endif
-            @if($errors->first('website'))
-            <li class="error-message-padding">{!! $errors->first('website', ':message') !!}</li>
-            @endif
-        </div>
-        @endif
+    <div class="card-body">  
         <!-- name : text : Required -->
         <div class="row">
-            <div class="col-xs-4 form-group {{ $errors->has('name') ? 'has-error' : '' }}">
+            <div class="col-sm-4 form-group {{ $errors->has('name') ? 'has-error' : '' }}">
                 {!! Form::label('name',Lang::get('lang.name')) !!} <span class="text-red"> *</span>
                 {!! Form::text('name',null,['class' => 'form-control']) !!}
             </div>
             <!-- phone : Text : -->
-            <div class="col-xs-4 form-group {{ $errors->has('phone') ? 'has-error' : '' }}">
+            <div class="col-sm-4 form-group {{ $errors->has('phone') ? 'has-error' : '' }}">
                 {!! Form::label('phone',Lang::get('lang.phone')) !!}
                 {!! Form::text('phone',null,['class' => 'form-control']) !!}
             </div>
             <!-- website : Text :  -->
-            <div class="col-xs-4 form-group {{ $errors->has('website') ? 'has-error' : '' }}">
+            <div class="col-sm-4 form-group {{ $errors->has('website') ? 'has-error' : '' }}">
                 {!! Form::label('website',Lang::get('lang.website')) !!}
                 {!! Form::text('website',null,['class' => 'form-control']) !!}
             </div>
         </div>
         <!-- Internal Notes : Textarea -->
         <div class="row">
-            <div class="col-xs-6 form-group">
+            <div class="col-sm-6 form-group">
                 {!! Form::label('address',Lang::get('lang.address')) !!}
                 {!! Form::textarea('address',null,['class' => 'form-control']) !!}
             </div>
-            <div class="col-xs-6 form-group">
+            <div class="col-sm-6 form-group">
                 {!! Form::label('internal_notes',Lang::get('lang.internal_notes')) !!}
                 {!! Form::textarea('internal_notes',null,['class' => 'form-control']) !!}
             </div>
         </div>
     </div>
-    <div class="box-footer">
-        {!! Form::submit(Lang::get('lang.submit'),['class'=>'form-group btn btn-primary'])!!}
+    <div class="card-footer">
+        {!! Form::submit(Lang::get('lang.submit'),['class'=>'btn btn-primary'])!!}
     </div>
 </div>
 <script type="text/javascript">
-    $(function() {
-        $("textarea").wysihtml5();
+    $(function () {
+        $("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']]
+            ]
+        });
     });
 </script>
 @stop

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

@@ -1,14 +1,19 @@
 @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('organizations')
-class="active"
+class="nav-link active"
 @stop
 
 @section('HeadInclude')
@@ -28,65 +33,76 @@ class="active"
 @section('content')
 <!-- open a form -->
 {!! Form::model($orgs,['url'=>'organizations/'.$orgs->id,'method'=>'PATCH']) !!}
-<div class="box box-primary">
-    <div class="box-header with-border">
-        <h3 class="box-title">{{Lang::get('lang.edit')}}</h3>
+@if(Session::has('errors'))
+<?php //dd($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('name'))
+    <li class="error-message-padding">{!! $errors->first('name', ':message') !!}</li>
+    @endif
+    @if($errors->first('phone'))
+    <li class="error-message-padding">{!! $errors->first('phone', ':message') !!}</li>
+    @endif
+    @if($errors->first('website'))
+    <li class="error-message-padding">{!! $errors->first('website', ':message') !!}</li>
+    @endif
+</div>
+@endif
+<div class="card card-light">
+    <div class="card-header">
+        <h3 class="card-title">{{Lang::get('lang.edit')}}</h3>
     </div>
-    <div class="box-body">
-        @if(Session::has('errors'))
-        <?php //dd($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('name'))
-            <li class="error-message-padding">{!! $errors->first('name', ':message') !!}</li>
-            @endif
-            @if($errors->first('phone'))
-            <li class="error-message-padding">{!! $errors->first('phone', ':message') !!}</li>
-            @endif
-            @if($errors->first('website'))
-            <li class="error-message-padding">{!! $errors->first('website', ':message') !!}</li>
-            @endif
-        </div>
-        @endif
+    <div class="card-body">
         <!-- name : text : Required -->
         <div class="row">
-            <div class="col-xs-4 form-group {{ $errors->has('name') ? 'has-error' : '' }}">
+            <div class="col-sm-4 form-group {{ $errors->has('name') ? 'has-error' : '' }}">
                 {!! Form::label('name',Lang::get('lang.name')) !!} <span class="text-red"> *</span>
                 {!! Form::text('name',null,['class' => 'form-control']) !!}
             </div>
             <!-- phone : Text : -->
-            <div class="col-xs-4 form-group {{ $errors->has('phone') ? 'has-error' : '' }}">
+            <div class="col-sm-4 form-group {{ $errors->has('phone') ? 'has-error' : '' }}">
                 {!! Form::label('phone',Lang::get('lang.phone')) !!}
                 {!! Form::text('phone',null,['class' => 'form-control']) !!}
             </div>
             <!--website : Text :  -->
-            <div class="col-xs-4 form-group {{ $errors->has('website') ? 'has-error' : '' }}">
+            <div class="col-sm-4 form-group {{ $errors->has('website') ? 'has-error' : '' }}">
                 {!! Form::label('website',Lang::get('lang.website')) !!}
                 {!! Form::text('website',null,['class' => 'form-control']) !!}
             </div>
         </div>
         <!-- Internal Notes : Textarea -->
         <div class="row">
-            <div class="col-xs-6 form-group">
+            <div class="col-sm-6 form-group">
                 {!! Form::label('address',Lang::get('lang.address')) !!}
                 {!! Form::textarea('address',null,['class' => 'form-control']) !!}
             </div>
-            <div class="col-xs-6 form-group">
+            <div class="col-sm-6 form-group">
                 {!! Form::label('internal_notes',Lang::get('lang.internal_notes')) !!}
                 {!! Form::textarea('internal_notes',null,['class' => 'form-control']) !!}
             </div>
         </div>
     </div>
-    <div class="box-footer">
+    <div class="card-footer">
         {!! Form::submit(Lang::get('lang.submit'),['class'=>'btn btn-primary'])!!}
     </div>
 </div>
 <script type="text/javascript">
-    $(function() {
-        $("textarea").wysihtml5();
+    $(function () {
+        $("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']]
+            ]
+        });
     });
 </script>
 @stop

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

@@ -1,45 +1,59 @@
 @extends('themes.default1.agent.layout.agent')
 
 @section('Users')
-class="active"
+class="nav-link active"
 @stop
 
 @section('user-bar')
 active
 @stop
 
-@section('organizations')
+@section('user')
 class="active"
 @stop
 
+@section('organizations')
+class="nav-link active"
+@stop
+
 @section('PageHeader')
 <h1>{!! Lang::get('lang.organizations') !!}</h1>
 @stop
 <!-- content -->
 @section('content')
-<div class="box box-primary">
-    <div class="box-header with-border">
-        <h2 class="box-title">{{Lang::get('lang.organization_list')}}</h2>
-        <a href="{{route('organizations.create')}}" class="btn btn-primary pull-right">{{Lang::get('lang.create_organization')}}</a>
+
+@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.organization_list')}}</h3>
+    
+        <div class="card-tools">
+    
+            <a href="{{route('organizations.create')}}" class="btn btn-default btn-tool"><i class="fas fa-plus"> </i> {{Lang::get('lang.create_organization')}}</a>        
+        </div>
+
     </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.website'),