FIx User Management

Author: nasrulhazim

resources/views/components/card.blade.php

@@ -1,7 +1,13 @@
 <div class="card border-0">
 	@isset($card_title)
 		<div class="card-header {{ $card_title_classes or 'font-weight-bold text-dark bg-white border-0' }}">
-			{{ $card_title }}
+			<div class="container">
+				<div class="row">
+					<div class="col">
+						{{ $card_title }}
+					</div>
+				</div>
+			</div>
 			<hr>
 		</div>
 	@endisset

resources/views/components/forms/input.blade.php

@@ -1,10 +1,10 @@
 <div class="form-group row">
     <label for="{{ snake_case($input_label) }}" 
-        class="{{ $input_label_class or 'col-sm-4 col-form-label text-md-right' }}">
+        class="{{ $input_label_class or 'col col-form-label' }}">
         {{ __($input_label) }}
     </label>
 
-    <div class="{{ $input_container_class or 'col-md-6' }}">
+    <div class="{{ $input_container_class or 'col' }}">
         <input 
             type="{{ $type or 'text' }}" 
             class="form-control{{ $errors->has(snake_case($input_label)) ? ' is-invalid' : '' }}" 

resources/views/components/forms/select-multiple.blade.php

@@ -1,9 +1,9 @@
 <div class="form-group row">
     <label for="{{ snake_case($input_label) }}" 
-        class="{{ $input_label_class or 'col-sm-4 col-form-label text-md-right' }}">
+        class="{{ $input_label_class or 'col col-form-label' }}">
         {{ __($input_label) }}
     </label>
-    <div class="{{ $input_container_class or 'col-md-6' }}">
+    <div class="{{ $input_container_class or 'col' }}">
         {{
             html()->select()
                 ->class('select2 w-100 form-control ' . ($errors->has(snake_case($input_label)) ? ' is-invalid' : ''))

resources/views/components/forms/select.blade.php

@@ -1,10 +1,10 @@
 <div class="form-group row">
     <label for="{{ snake_case($input_label) }}" 
-        class="{{ $input_label_class or 'col-sm-4 col-form-label text-md-right' }}">
+        class="{{ $input_label_class or 'col col-form-label' }}">
         {{ __($input_label) }}
     </label>
 
-    <div class="{{ $input_container_class or 'col-md-6' }}">
+    <div class="{{ $input_container_class or 'col' }}">
         {{
             html()->select()
                 ->class('select2 form-control ' . ($errors->has(snake_case($input_label)) ? ' is-invalid' : ''))

resources/views/components/modals/button.blade.php

@@ -1,6 +1,6 @@
-<button type="button" class="btn btn-sm btn-primary {{ $modal_btn_classes or '' }}" 
+<div class="btn btn-primary {{ $modal_btn_classes or '' }}" 
 	@include('components.tooltip', ['tooltip' => __($label)])
   @isset($id) data-toggle="modal" data-target="#{{ $id }}" @endisset>
   @isset($icon) <i class="{{ $icon }}"></i> @endisset
   @isset($label) {{ __($label) }} @endisset
-</button>
+</div>

resources/views/components/pages/title.blade.php

@@ -0,0 +1 @@
+<h1 class="page-title pb-4">{{ __($title) }}</h1>

resources/views/manage/users/index.blade.php

@@ -33,16 +33,11 @@
 		<div class="col">
 			@component('components.card')
 				@slot('card_title')
-					<h4>
-						{{ __('User Management') }}
-						<div class="float-right">
-							@include('components.modals.button', [
-								'modal_btn_classes' => 'create-action-btn',
-								'label' => __('New User'),
-								'icon' => 'fa fa-plus'
-							])
-						</div>
-					</h4>
+					@include('components.modals.button', [
+						'modal_btn_classes' => 'create-action-btn float-right',
+						'label' => __('New User'),
+						'icon' => 'fe fe-plus'
+					])
 				@endslot
 				@slot('card_body')
 					@component('components.datatable', 

resources/views/manage/users/partials/modals/form.blade.php

@@ -4,10 +4,20 @@
 	'modal_title' => __('User'),
 	])
 	@slot('modal_body')
-		{{ html()->form('POST', '#')->id('user-form')->open() }}
-			@method('POST')
-			@include('manage.users.partials.forms.create')
-		{{ html()->form()->close() }}
+		<div class="row">
+			<div class="col-md-3 col-lg-3 col-xl-3">
+		      
+		    </div>
+		    <div class="col-md-6 col-lg-6 col-xl-6">
+		      	{{ html()->form('POST', '#')->id('user-form')->open() }}
+					@method('POST')
+					@include('manage.users.partials.forms.create')
+				{{ html()->form()->close() }}
+		    </div>
+		    <div class="col-md-3 col-lg-3 col-xl-3">
+		      
+		    </div>
+		</div>
 	@endslot
 	@slot('modal_footer')
 		<button class="btn btn-success form-btn">{{ __('Save') }}</button> 

resources/views/manage/users/partials/modals/show.blade.php

@@ -9,7 +9,7 @@
         <a href="#" id="edit-user-link"
             @include('components.tooltip', ['tooltip' => 'Edit'])
             class="float-right btn btn-primary">
-            <i class="fas fa-edit"></i> Edit
+            <i class="fe fe-edit"></i> Edit
         </a>
     @endslot
 @endcomponent