Bootstrap4 :: Settings Modules UI updated

resources/views/themes/default1/admin/helpdesk/language/create.blade.php

@@ -1,15 +1,19 @@
 @extends('themes.default1.admin.layout.admin')
 
 @section('Settings')
-active
+class="nav-link active"
 @stop
 
-@section('settings-bar')
-active
+@section('settings-menu-parent')
+class="nav-item menu-open"
+@stop
+
+@section('settings-menu-open')
+class="nav nav-treeview menu-open"
 @stop
 
 @section('languages')
-class="active"
+class="nav-link active"
 @stop
 
 @section('HeadInclude')
@@ -29,63 +33,63 @@ class="active"
 @section('content')
 <!-- open a form -->
 {!! Form::open(array('url'=>'language/add' , 'method' => 'post', 'files'=>true) )!!}
-<div class="box box-primary">
-    <div class="box-header with-border">
-        <h3 class="box-title">{{Lang::get('lang.add-lang-package')}}</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>
+    <span>{{Session::get('success')}}</span>
+</div>
+@endif
+<!-- failure message -->
+@if(Session::has('fails'))
+<div class="alert alert-danger alert-dismissable">
+    <i class="fas fa-ban"></i>
+    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
+    {{Session::get('fails')}}
+    @if(Session::has('link'))
+    <a href="{{url(Session::get('link'))}}">{{Lang::get('lang.enable_lang')}}</a>
+    @endif
+    @if(Session::has('link2'))
+    <a href="{{url(Session::get('link2'))}}" target="blank">{{Lang::get('lang.read-more')}}</a>
+    @endif
+</div>
+@endif
+@if(Session::has('errors'))
+<?php //dd($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('language-name'))
+    <li class="error-message-padding">{!! $errors->first('language-name', ':message') !!}</li>
+    @endif
+    @if($errors->first('iso-code'))
+    <li class="error-message-padding">{!! $errors->first('iso-code', ':message') !!}</li>
+    @endif
+    @if($errors->first('File'))
+    <li class="error-message-padding">{!! $errors->first('File', ':message') !!}</li>
+    @endif
+</div>
+@endif
+<div class="card card-light">
+    <div class="card-header">
+        <h3 class="card-title">{{Lang::get('lang.add-lang-package')}}</h3>
     </div>
-    <div class="box-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>
-            <p>{{Session::get('success')}}</p>
-        </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>
-            {{Session::get('fails')}}
-            @if(Session::has('link'))
-            <a href="{{url(Session::get('link'))}}">{{Lang::get('lang.enable_lang')}}</a>
-            @endif
-            @if(Session::has('link2'))
-            <a href="{{url(Session::get('link2'))}}" target="blank">{{Lang::get('lang.read-more')}}</a>
-            @endif
-        </div>
-        @endif
-        @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('language-name'))
-            <li class="error-message-padding">{!! $errors->first('language-name', ':message') !!}</li>
-            @endif
-            @if($errors->first('iso-code'))
-            <li class="error-message-padding">{!! $errors->first('iso-code', ':message') !!}</li>
-            @endif
-            @if($errors->first('File'))
-            <li class="error-message-padding">{!! $errors->first('File', ':message') !!}</li>
-            @endif
-        </div>
-        @endif
+    <div class="card-body">
         <div class="row">
             <!-- username -->
-            <div class="col-xs-4 form-group {{ $errors->has('language-name') ? 'has-error' : '' }}">
+            <div class="col-sm-4 form-group {{ $errors->has('language-name') ? 'has-error' : '' }}">
                 {!! Form::label('language-name',Lang::get('lang.language-name')) !!} <span class="text-red"> *</span>
                 {!! Form::text('language-name',null,['placeholder'=>'English','class' => 'form-control']) !!}
             </div>
-            <div class="col-xs-4 form-group {{ $errors->has('iso-code') ? 'has-error' : '' }}">
+            <div class="col-sm-4 form-group {{ $errors->has('iso-code') ? 'has-error' : '' }}">
                 {!! Form::label('iso-code',Lang::get('lang.iso-code')) !!} <span class="text-red"> *</span>
                 {!! Form::text('iso-code',null,['placeholder'=>'en','class' => 'form-control']) !!}
             </div>
         </div>
         <div class="row">
-            <div class="col-xs-4 form-group {{ $errors->has('File') ? 'has-error' : '' }}">
+            <div class="col-sm-4 form-group {{ $errors->has('File') ? 'has-error' : '' }}">
                 {!! Form::label('File',Lang::get('lang.file')) !!} <span class="text-red"> *</span>&nbsp
                 <div class="btn bg-olive btn-file" style="color:blue"> {!! Lang::get('lang.upload_file') !!}
                     {!! Form::file('File') !!}
@@ -93,8 +97,8 @@ class="active"
             </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>
 @stop

resources/views/themes/default1/admin/helpdesk/language/index.blade.php

@@ -1,15 +1,19 @@
 @extends('themes.default1.admin.layout.admin')
 
 @section('Settings')
-active
+class="nav-link active"
 @stop
 
-@section('settings-bar')
-active
+@section('settings-menu-parent')
+class="nav-item menu-open"
+@stop
+
+@section('settings-menu-open')
+class="nav nav-treeview menu-open"
 @stop
 
 @section('languages')
-class="active"
+class="nav-link active"
 @stop
 
 @section('HeadInclude')
@@ -28,27 +32,33 @@ class="active"
 <!-- content -->
 
 @section('content')
-<div class="box box-primary">
-    <div class="box-header">
-        <h2 class="box-title">{{ Lang::get('lang.language-settings') }}</h2><span class="pull-right"><a href="{{route('download')}}" title="click here to download template file" class="btn btn-primary"><i class="fa fa-download"></i> {{Lang::get('lang.download')}} </a> <a href="{{route('add-language')}}" class="btn btn-primary "><i class="fa fa-plus"></i> {{Lang::get('lang.add')}}</a></span>
+<!-- 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')}} @if(Session::has('link'))<a href="{{url(Session::get('link'))}}">{{Lang::get('lang.enable_lang')}}</a> @endif
+</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>
+    {{Session::get('fails')}}
+</div>
+@endif
+<div class="card card-light">
+    <div class="card-header">
+        <h3 class="card-title">{{ Lang::get('lang.language-settings') }}</h3>
+        <div class="card-tools">
+            <a href="{{route('download')}}" title="click here to download template file" class="btn btn-default btn-tool">
+                <i class="fas fa-download"></i> {{Lang::get('lang.download')}} 
+            </a> 
+            <a href="{{route('add-language')}}" class="btn btn-default btn-tool"><i class="fas fa-plus"></i> {{Lang::get('lang.add')}}</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')}} @if(Session::has('link'))<a href="{{url(Session::get('link'))}}">{{Lang::get('lang.enable_lang')}}</a> @endif
-        </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>
-            {{Session::get('fails')}}
-        </div>
-        @endif
+    <div class="card-body">
         {!! Datatable::table()
         ->addColumn(Lang::get('lang.language'),Lang::get('lang.native-name'),Lang::get('lang.iso-code'),Lang::get('lang.system-language'),Lang::get('lang.Action'))       // these are the column headings to be shown
         ->setUrl(route('getAllLanguages'))   // this is the route where data will be retrieved