admin module added

Modules/Admin/resources/views/departments/edit.blade.php

@@ -0,0 +1,54 @@
+@extends('layouts.app')
+@section('content')
+  <div class="page-content">
+    <div class="container-fluid">
+
+      <!-- start page title -->
+      @include('layouts.partials.breadcrumb', ['title' => 'Employee'])
+
+      <!-- end page title -->
+
+      <div class="card">
+
+        <div class='card-body'>
+
+          <form action="{{ $editable ? route('department.update', [$data->department_id]) : route('department.store') }}"
+            id="updateCustomForm" method="POST">
+
+            @csrf
+
+            <input type=hidden name='department_id' value='{{ $editable ? $data->department_id : '' }}' />
+
+            <div class="row">
+
+              <div class="col-lg-6">
+                {{ createText('title', 'title', 'Title', '', $editable ? $data->title : '') }}
+              </div>
+
+              {{-- <div class="col-lg-6">
+
+                {{ createCustomSelect('tbl_branches', 'title', 'branch_id', $editable ? $data->branches_id : '', 'Branch', 'branches_id', 'form-control select2', 'status<>-1') }}
+
+              </div> --}}
+
+              <div class="col-lg-12 pb-2">
+                {{ createPlainTextArea('remarks', '', 'Remarks', $editable ? $data->remarks : '') }}
+              </div>
+
+              {{-- <div class="col-lg-12 pb-2">
+                {{ createTextarea('description', 'description ckeditor-classic', 'Description', $editable ? $data->description : '') }}
+              </div> --}}
+
+              <div class="col-md-12 mt-2">
+
+                <?php createButton('btn-primary btn-update', '', 'Submit'); ?>
+
+                <?php createButton('btn-danger btn-cancel', '', 'Cancel', route('department.index')); ?>
+
+              </div>
+
+          </form>
+        </div>
+      </div>
+    </div>
+  @endsection

Modules/Admin/resources/views/departments/index.blade.php

@@ -0,0 +1,274 @@
+@extends('layouts.app')
+
+@section('content')
+  <div class="page-content">
+    <div class="container-fluid">
+
+      <!-- start page title -->
+      @include('layouts.partials.breadcrumb', ['title' => 'Department'])
+
+      <!-- end page title -->
+
+      <div class="card">
+        <div class="card-header align-items-center d-flex">
+          <h5 class="card-title flex-grow-1 mb-0">Department Lists</h5>
+          <div class="flex-shrink-0">
+            <a href="{{ route('department.create') }}" class="btn btn-success waves-effect waves-light"><i
+                class="ri-add-fill me-1 align-bottom"></i> Create Department</a>
+          </div>
+        </div>
+        <div class="card-body">
+          <table class="dataTable table" id="tbl_departments" data-url="{{ route('department.sort') }}">
+            <thead class="table-light">
+              <tr>
+                <th class="tb-col"><span class="overline-title">{{ label('Sn.') }}</span></th>
+                <th class="tb-col"><span class="overline-title">{{ label('title') }}</span></th>
+                <th class="tb-col"><span class="overline-title">{{ label('alias') }}</span></th>
+                <th class="tb-col"><span class="overline-title">{{ label('branches') }}</span></th>
+                <th class="tb-col" data-sortable="false"><span class="overline-title">{{ label('Action') }}</span>
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              @php
+                $i = 1;
+              @endphp
+              @foreach ($data as $item)
+                <tr data-id="{{ $item->department_id }}" data-display_order="{{ $item->display_order }}"
+                  class="draggable-row <?php echo $item->status == 0 ? 'bg-light bg-danger' : ''; ?>">
+                  <td class="tb-col">{{ $i++ }}</td>
+                  <td class="tb-col">{{ $item->title }}</td>
+                  <td class="tb-col">
+                    <div class="alias-wrapper" data-id="{{ $item->department_id }}">
+                      <span class="alias">{{ $item->alias }}</span>
+                      <input type="text" class="alias-input d-none" value="{{ $item->alias }}"
+                        id="alias_{{ $item->department_id }}" />
+                    </div>
+                    <span class="badge badge-soft-primary change-alias-badge">change alias</span>
+                  </td>
+                  <td class="tb-col">
+                    {!! getFieldData('tbl_branches', 'title', 'branch_id', $item->branches_id) !!}
+                  </td>
+                  <td class="tb-col">
+                    <div class="dropdown d-inline-block">
+                      <button class="btn btn-soft-secondary btn-sm dropdown" type="button" data-bs-toggle="dropdown"
+                        aria-expanded="false">
+                        <i class="ri-more-fill align-middle"></i>
+                      </button>
+                      <ul class="dropdown-menu dropdown-menu-end">
+                        <li><a href="{{ route('department.show', [$item->department_id]) }}" class="dropdown-item"><i
+                              class="ri-eye-fill text-muted me-2 align-bottom"></i> {{ label('View') }}</a></li>
+                        <li><a href="{{ route('department.edit', [$item->department_id]) }}"
+                            class="dropdown-item edit-item-btn"><i
+                              class="ri-pencil-fill text-muted me-2 align-bottom"></i>
+                            {{ label('Edit') }}</a></li>
+                        <li>
+                          <a href="{{ route('department.toggle', [$item->department_id]) }}"
+                            class="dropdown-item toggle-item-btn" onclick="confirmToggle(this.href)">
+                            <i class="ri-article-fill text-muted me-2 align-bottom"></i>
+                            {{ $item->status == 1 ? label('Unpublish') : label('Publish') }}
+                          </a>
+
+                        </li>
+                        <li>
+                          <a href="{{ route('department.clone', [$item->department_id]) }}"
+                            class="dropdown-item toggle-item-btn" onclick="confirmClone(this.href)">
+                            <i class="ri-file-copy-line text-muted me-2 align-bottom"></i> {{ label('Clone') }}
+                          </a>
+
+                        </li>
+                        <li>
+                          <a href="{{ route('department.destroy', [$item->department_id]) }}"
+                            class="dropdown-item remove-item-btn" onclick="confirmDelete(this.href)">
+                            <i class="ri-delete-bin-fill text-muted me-2 align-bottom"></i> {{ label('Delete') }}
+                          </a>
+
+                        </li>
+                      </ul>
+                    </div>
+                  </td>
+                </tr>
+              @endforeach
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+@endsection
+
+
+@push('js')
+  <script>
+    $(document).ready(function(e) {
+      $('.change-alias-badge').on('click', function() {
+        var aliasWrapper = $(this).prev('.alias-wrapper');
+        var aliasSpan = aliasWrapper.find('.alias');
+        var aliasInput = aliasWrapper.find('.alias-input');
+        var isEditing = $(this).hasClass('editing');
+        aliasInput.toggleClass("d-none");
+
+        if (isEditing) {
+          var newAlias = aliasInput.val();
+          aliasSpan.text(newAlias);
+          aliasSpan.show();
+          aliasInput.hide();
+          $(this).removeClass('editing').text('Change Alias');
+          var articleId = $(aliasWrapper).data('id');
+          var ajaxUrl = "{{ route('department.updatealias') }}";
+          var data = {
+            articleId: articleId,
+            newAlias: newAlias
+          };
+
+          $.ajax({
+            url: ajaxUrl,
+            type: 'POST',
+            headers: {
+              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
+            },
+            data: data,
+            success: function(response) {
+              console.log(response);
+            },
+            error: function(xhr, status, error) {
+              console.error(error);
+            }
+          });
+        } else {
+          aliasSpan.hide();
+          aliasInput.show().focus();
+          $(this).addClass('editing').text('Save Alias');
+        }
+      });
+      var mytable = $(".dataTable").DataTable({
+        ordering: true,
+        rowReorder: {},
+      });
+
+      var isRowReorderComplete = false;
+
+      mytable.on('row-reorder', function(e, diff, edit) {
+        isRowReorderComplete = true;
+      });
+
+      mytable.on('draw', function() {
+        if (isRowReorderComplete) {
+          var url = mytable.table().node().getAttribute('data-url');
+          var ids = mytable.rows().nodes().map(function(node) {
+            return $(node).data('id');
+          }).toArray();
+
+          console.log(ids);
+          $.ajax({
+            url: url,
+            type: "POST",
+            headers: {
+              "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr('content')
+            },
+            data: {
+              id_order: ids
+            },
+            success: function(response) {
+              console.log(response);
+            },
+            error: function(xhr, status, error) {
+              console.error(error);
+            }
+          });
+          isRowReorderComplete = false;
+        }
+      });
+    });
+
+    function confirmDelete(url) {
+      event.preventDefault();
+      Swal.fire({
+        title: 'Are you sure?',
+        text: 'You will not be able to recover this item!',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonText: 'Delete',
+        cancelButtonText: 'Cancel',
+        reverseButtons: true
+      }).then((result) => {
+        if (result.isConfirmed) {
+          $.ajax({
+            url: url,
+            type: 'GET',
+            headers: {
+              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
+            },
+            success: function(response) {
+              Swal.fire('Deleted!', 'The item has been deleted.', 'success');
+              location.reload();
+            },
+            error: function(xhr, status, error) {
+              Swal.fire('Error!', 'An error occurred while deleting the item.', 'error');
+            }
+          });
+        }
+      });
+    }
+
+    function confirmToggle(url) {
+      event.preventDefault();
+      Swal.fire({
+        title: 'Are you sure?',
+        text: 'Publish Status of Item will be changed!! if Unpublished, links will be dead!',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonText: 'Proceed',
+        cancelButtonText: 'Cancel',
+        reverseButtons: true
+      }).then((result) => {
+        if (result.isConfirmed) {
+          $.ajax({
+            url: url,
+            type: 'GET',
+            headers: {
+              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
+            },
+            success: function(response) {
+              Swal.fire('Updated!', 'Publishing Status has been updated.', 'success');
+              location.reload();
+            },
+            error: function(xhr, status, error) {
+              Swal.fire('Error!', 'An error occurred.', 'error');
+            }
+          });
+        }
+      });
+    }
+
+    function confirmClone(url) {
+      event.preventDefault();
+      Swal.fire({
+        title: 'Are you sure?',
+        text: 'Clonning will create replica of current row. No any linked data will be updated!',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonText: 'Proceed',
+        cancelButtonText: 'Cancel',
+        reverseButtons: true
+      }).then((result) => {
+        if (result.isConfirmed) {
+          $.ajax({
+            url: url,
+            type: 'GET',
+            headers: {
+              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
+            },
+            success: function(response) {
+              Swal.fire('Updated!', 'Clonning Completed', 'success');
+              location.reload();
+            },
+            error: function(xhr, status, error) {
+              Swal.fire('Error!', 'An error occurred.', 'error');
+            }
+          });
+        }
+      });
+    }
+  </script>
+@endpush

Modules/Admin/resources/views/departments/show.blade.php

@@ -0,0 +1,47 @@
+@extends('layouts.app')
+@section('content')
+  <div class="page-content">
+    <div class="container-fluid">
+
+      <!-- start page title -->
+      @include('layouts.partials.breadcrumb', ['title' => 'Department'])
+
+      <!-- end page title -->
+
+      <div class='card'>
+        <div class="card-header align-items-center d-flex">
+          <h5 class="card-title flex-grow-1 mb-0">View Detail</h5>
+          <div class="flex-shrink-0">
+            <a href="{{ route('department.index') }}" class="btn btn-success waves-effect waves-light"><i
+                class="ri-add-fill me-1 align-bottom"></i> Back to List</a>
+          </div>
+        </div>
+        <div class='card-body'>
+          <p><b>Title :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->title }}</span></p>
+          <p><b>Alias :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->alias }}</span></p>
+          <p><b>Status :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span
+              class="{{ $data->status == 1 ? 'text-success' : 'text-danger' }}">{{ $data->status == 1 ? 'Active' : 'Inactive' }}</span>
+          </p>
+          <p><b>Remarks :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->remarks }}</span></p>
+          <p><b>Display Order :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->display_order }}</span></p>
+          <p><b>Createdby :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->createdby }}</span></p>
+          <p><b>Updatedby :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->updatedby }}</span></p>
+          <p><b>Branches Id :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->branches_id }}</span></p>
+          <p><b>Description :&nbsp;&nbsp;&nbsp;&nbsp;</b> <span>{{ $data->description }}</span></p>
+          <div class="d-flex justify-content-between">
+            <div>
+              <p><b>Created On :</b>&nbsp;&nbsp;&nbsp;<span>{{ $data->created_at }}</span></p>
+              <p><b>Created By :</b>&nbsp;&nbsp;&nbsp;<span>{{ $data->createdBy }}</span></p>
+            </div>
+            <div>
+              <p><b>Updated On :</b>&nbsp;&nbsp;&nbsp;<span>{{ $data->updated_at }}</span></p>
+              <p><b>Updated By :</b>&nbsp;&nbsp;&nbsp;<span>{{ $data->updatedBy }}</span></p>
+
+            </div>
+          </div>
+
+        </div>
+      </div>
+    </div>
+  </div>
+@endSection