create loading and handle from js create edit and delete roles
This commit is contained in:
17
resources/views/components/modal-confirmation.blade.php
Normal file
17
resources/views/components/modal-confirmation.blade.php
Normal file
@@ -0,0 +1,17 @@
|
||||
@props(['buttonText' => 'Confirm', 'confirmationMessage' => 'Are you sure?'])
|
||||
|
||||
<div class="modal fade" id="modalConfirmation" tabindex="-1"
|
||||
aria-labelledby="modalConfirmationTitle" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<p class="confirmation-message">{{$confirmationMessage}}</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary"
|
||||
data-bs-dismiss="modal" id="btnCloseModal">Close</button>
|
||||
<button type="button" class="btn btn-primary" id="btnSaveConfirmation">{{$buttonText}}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
14
resources/views/components/toast-notification.blade.php
Normal file
14
resources/views/components/toast-notification.blade.php
Normal file
@@ -0,0 +1,14 @@
|
||||
<div class="toast-container position-fixed end-0 top-0 p-3">
|
||||
<div id="toastNotification" class="toast align-items-center" role="alert" aria-live="assertive" aria-atomic="true">
|
||||
<div class="toast-header">
|
||||
<div class="auth-logo me-auto">
|
||||
</div>
|
||||
<small class="text-muted">{{now()->format("Y-m-d H:i:s")}}</small>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="toast"
|
||||
aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="toast-body">
|
||||
<p id="toast-message"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -9,11 +9,13 @@
|
||||
@include('layouts.partials/page-title', ['title' => 'Data Settings', 'subtitle' => 'Setting Dashboard'])
|
||||
|
||||
<div class="row">
|
||||
<div class="d-flex justify-content-end pb-3">
|
||||
<a href="{{ route('data-settings.create')}}" class="btn btn-success width-lg">Create</a>
|
||||
</div>
|
||||
<div>
|
||||
<div id="table-data-settings"></div>
|
||||
<div class="card w-full">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-end pb-3">
|
||||
<a href="{{ route('data-settings.create')}}" class="btn btn-success width-lg">Create</a>
|
||||
</div>
|
||||
<div id="table-data-settings"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -9,12 +9,13 @@
|
||||
@include('layouts.partials/page-title', ['title' => 'Master', 'subtitle' => 'Users'])
|
||||
|
||||
<div class="row">
|
||||
<div class="d-flex justify-content-end pb-3">
|
||||
<a href="{{ route('users.create')}}" class="btn btn-success width-lg">Create</a>
|
||||
</div>
|
||||
{{$users}}
|
||||
<div>
|
||||
<div id="table-users"></div>
|
||||
<div class="card w-full">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-end pb-3">
|
||||
<a href="{{ route('users.create')}}" class="btn btn-success width-lg">Create</a>
|
||||
</div>
|
||||
<div id="table-users"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -9,11 +9,15 @@
|
||||
@include('layouts.partials/page-title', ['title' => 'Settings', 'subtitle' => 'Menu'])
|
||||
|
||||
<div class="row">
|
||||
<div class="d-flex justify-content-end pb-3">
|
||||
<a href="{{ route('menus.create')}}" class="btn btn-success width-lg">Create</a>
|
||||
</div>
|
||||
<div>
|
||||
<div id="table-menus"></div>
|
||||
<div class="card w-full">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-end pb-3">
|
||||
<a href="{{ route('menus.create')}}" class="btn btn-success width-lg">Create</a>
|
||||
</div>
|
||||
<div>
|
||||
<div id="table-menus"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -9,11 +9,13 @@
|
||||
@include('layouts.partials/page-title', ['title' => 'Data', 'subtitle' => 'PBG'])
|
||||
|
||||
<div class="row">
|
||||
<div class="d-flex justify-content-end pb-3">
|
||||
<a href="{{ route('pbg-task.create')}}" class="btn btn-success width-lg">Create</a>
|
||||
</div>
|
||||
<div>
|
||||
<div id="table-pbg-tasks"></div>
|
||||
<div class="card w-full">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-end pb-3">
|
||||
<a href="{{ route('pbg-task.create')}}" class="btn btn-success width-lg">Create</a>
|
||||
</div>
|
||||
<div id="table-pbg-tasks"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -4,11 +4,12 @@
|
||||
|
||||
@include('layouts.partials/page-title', ['title' => 'Settings', 'subtitle' => 'Role'])
|
||||
|
||||
<x-toast-notification />
|
||||
<div class="row d-flex justify-content-center">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<form action="{{route("roles.store")}}" method="post">
|
||||
<form action="{{route("roles.store")}}" method="post" id="formCreateRole" data-redirect="{{route("roles.index")}}">
|
||||
@csrf
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="name">Name</label>
|
||||
@@ -20,7 +21,10 @@
|
||||
<input type="text" id="description" name="description"
|
||||
class="form-control" placeholder="Enter description">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-success">Create</button>
|
||||
<button class="btn btn-primary me-1" type="button" id="btnCreateRole">
|
||||
<span id="spinner" class="spinner-border spinner-border-sm me-1 d-none" role="status" aria-hidden="true"></span>
|
||||
Create
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -28,3 +32,7 @@
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
@vite(['resources/js/roles/create.js'])
|
||||
@endsection
|
||||
|
||||
@@ -4,11 +4,12 @@
|
||||
|
||||
@include('layouts.partials/page-title', ['title' => 'Settings', 'subtitle' => 'Role'])
|
||||
|
||||
<x-toast-notification/>
|
||||
<div class="row d-flex justify-content-center">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<form action="{{route("roles.update", $role->id)}}" method="post">
|
||||
<form id="formUpdateRole" action="{{route("roles.update", $role->id)}}" method="post" >
|
||||
@csrf
|
||||
@method("put")
|
||||
<div class="mb-3">
|
||||
@@ -21,7 +22,10 @@
|
||||
<input type="text" id="description" name="description"
|
||||
class="form-control" placeholder="Enter description" value="{{$role->description}}">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-success">Update</button>
|
||||
<button class="btn btn-primary me-1" type="button" id="btnUpdateRole">
|
||||
<span id="spinner" class="spinner-border spinner-border-sm me-1 d-none" role="status" aria-hidden="true"></span>
|
||||
Update
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -29,3 +33,6 @@
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@section('scripts')
|
||||
@vite(['resources/js/roles/update.js'])
|
||||
@endsection
|
||||
|
||||
@@ -8,12 +8,17 @@
|
||||
|
||||
@include('layouts.partials/page-title', ['title' => 'Settings', 'subtitle' => 'Role'])
|
||||
|
||||
<x-toast-notification/>
|
||||
<x-modal-confirmation buttonText="Delete" confirmationMessage="Are you sure you want to delete this?" />
|
||||
|
||||
<div class="row">
|
||||
<div class="d-flex justify-content-end pb-3">
|
||||
<a href="{{ route('roles.create')}}" class="btn btn-success width-lg">Create</a>
|
||||
</div>
|
||||
<div>
|
||||
<div id="table-roles"></div>
|
||||
<div class="card w-full">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-end pb-3">
|
||||
<a href="{{ route('roles.create')}}" class="btn btn-success width-lg">Create</a>
|
||||
</div>
|
||||
<div id="table-roles"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -9,11 +9,13 @@
|
||||
@include('layouts.partials/page-title', ['title' => 'Settings', 'subtitle' => 'General'])
|
||||
|
||||
<div class="row">
|
||||
<div class="d-flex justify-content-end pb-3">
|
||||
<a href="{{ route('general.create') }}" class="btn btn-success width-lg">Create</a>
|
||||
</div>
|
||||
<div>
|
||||
<div id="general-setting-table"></div>
|
||||
<div class="card w-full">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-end pb-3">
|
||||
<a href="{{ route('general.create') }}" class="btn btn-success width-lg">Create</a>
|
||||
</div>
|
||||
<div id="general-setting-table"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -9,12 +9,16 @@
|
||||
@include('layouts.partials/page-title', ['title' => 'Settings', 'subtitle' => 'Syncronize'])
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-xl-12 d-flex justify-content-end">
|
||||
<button type="button" class="btn btn-success" style="margin-right: 20px;" id="btn-sync-submit-google-sheet">Sync Google Sheet</button>
|
||||
<button type="button" class="btn btn-success" id="btn-sync-submit">Sync SIMBG</button>
|
||||
</div>
|
||||
<div>
|
||||
<div id="table-import-datasources"></div>
|
||||
<div class="card w-full">
|
||||
<div class="card-body">
|
||||
<div class="col-md-12 col-xl-12 d-flex justify-content-end">
|
||||
<button type="button" class="btn btn-success" style="margin-right: 20px;" id="btn-sync-submit-google-sheet">Sync Google Sheet</button>
|
||||
<button type="button" class="btn btn-success" id="btn-sync-submit">Sync SIMBG</button>
|
||||
</div>
|
||||
<div>
|
||||
<div id="table-import-datasources"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user