first commit
This commit is contained in:
tanch0
28
resources/views/backend/dashboard.blade.php
Normal file
28
resources/views/backend/dashboard.blade.php
Normal file
@ -0,0 +1,28 @@
|
||||
@extends('backend.template')
|
||||
@section('content')
|
||||
<!-- start page title -->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
|
||||
<h4 class="mb-sm-0">Welcome to Dashboard</h4>
|
||||
|
||||
|
||||
<div class="page-title-right">
|
||||
<ol class="breadcrumb m-0">
|
||||
<li class="breadcrumb-item"><a href="javascript: void(0);">Dashboards</a></li>
|
||||
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end page title -->
|
||||
<div class="row project-wrapper">
|
||||
<div class="col-xxl-8">
|
||||
|
||||
</div><!-- end col -->
|
||||
</div><!-- end row -->
|
||||
@endsection
|
||||
@push('js')
|
||||
@endpush
|
||||
209
resources/views/backend/enquiries-list.blade.php
Normal file
209
resources/views/backend/enquiries-list.blade.php
Normal file
@ -0,0 +1,209 @@
|
||||
@extends('backend.template')
|
||||
@section('content')
|
||||
<div class="card">
|
||||
<div class="card-header d-flex justify-content-between align-items-center">
|
||||
<h2>{{ label('Enquiries List') }}</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<table class="dataTable table" id="tbl_enquiries">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th class="tb-col"><span class="overline-title">{{ label('S.N') }}</span></th>
|
||||
<th class="tb-col"><span class="overline-title">{{ label('Name') }}</span></th>
|
||||
<th class="tb-col"><span class="overline-title">{{ label('Email') }}</span></th>
|
||||
<th class="tb-col"><span class="overline-title">{{ label('Phone') }}</span></th>
|
||||
<th class="tb-col"><span class="overline-title">{{ label('Preferred Class') }}</span></th>
|
||||
<th class="tb-col"><span class="overline-title">{{ label('Message') }}</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->enquiry_id }}" data-display_order="{{ $item->display_order }}" class="draggable-row">
|
||||
<td class="tb-col">{{ $i++ }}</td>
|
||||
<td class="tb-col">{{ $item->name }}</td>
|
||||
<td class="tb-col">{{ $item->email }}</td>
|
||||
<td class="tb-col">{{ $item->phone }}</td>
|
||||
@if ($item->enquiry_type == 'class')
|
||||
<td class="tb-col">{{ $item->class->title }}
|
||||
({{ $item->class->classtime ? $item->class->classtime->format('H:i A') : '00:00' }})
|
||||
</td>
|
||||
@else
|
||||
<td class="tb-col">
|
||||
-
|
||||
</td>
|
||||
@endif
|
||||
|
||||
@if ($item->enquiry_type == 'contact')
|
||||
<td class="tb-col">{{ $item->message }}</td>
|
||||
@else
|
||||
<td class="tb-col">
|
||||
-
|
||||
</td>
|
||||
@endif
|
||||
<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('enquiry.destroy', ['id' => $item->enquiry_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>
|
||||
{{-- <li>
|
||||
<a href="{{ route('enquiry.markread', ['id' => $item->enquiry_id]) }}"
|
||||
class="dropdown-item remove-item-btn">
|
||||
<i class="ri-delete-bin-fill text-muted me-2 align-bottom"></i>
|
||||
{{ label('Mark Read') }}
|
||||
</a>
|
||||
</li> --}}
|
||||
</ul>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@push('css')
|
||||
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.5/css/dataTables.bootstrap4.min.css">
|
||||
<link rel="stylesheet" href="https://cdn.datatables.net/rowreorder/1.4.0/css/rowReorder.dataTables.min.css">
|
||||
@endpush
|
||||
@push('js')
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.68/pdfmake.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.68/vfs_fonts.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||||
<script src="https://cdn.datatables.net/1.13.5/js/jquery.dataTables.min.js"></script>
|
||||
<script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.html5.min.js"></script>
|
||||
<script src="https://cdn.datatables.net/rowreorder/1.4.0/js/dataTables.rowReorder.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||
|
||||
|
||||
<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) {
|
||||
// Update alias text and switch to non-editing state
|
||||
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('accridiations.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 {
|
||||
// Switch to editing state
|
||||
aliasSpan.hide();
|
||||
aliasInput.show().focus();
|
||||
$(this).addClass('editing').text('Save Alias');
|
||||
}
|
||||
});
|
||||
var mytable = $(".dataTable").DataTable({
|
||||
ordering: true,
|
||||
rowReorder: {
|
||||
//selector: 'tr'
|
||||
},
|
||||
});
|
||||
|
||||
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: 'DELETE',
|
||||
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');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
@endpush
|
||||
71
resources/views/backend/header.blade.php
Normal file
71
resources/views/backend/header.blade.php
Normal file
@ -0,0 +1,71 @@
|
||||
<header id="page-topbar">
|
||||
<div class="layout-width">
|
||||
<div class="navbar-header">
|
||||
<div class="d-flex">
|
||||
<!-- LOGO -->
|
||||
<div class="navbar-brand-box horizontal-logo">
|
||||
<a href="{{ route('admin.dashboard') }}" class="logo logo-dark">
|
||||
<span class="logo-sm">
|
||||
<img src="{{ asset('assets/images/logo-sm.png') }}" alt="" height="22">
|
||||
</span>
|
||||
<span class="logo-lg">
|
||||
<img src="{{ asset('assets/images/logo-dark.png') }}" alt="" height="17">
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<a href="{{ route('admin.dashboard') }}" class="logo logo-light">
|
||||
<span class="logo-sm">
|
||||
<img src="{{ asset('assets/images/logo-sm.png') }}" alt="" height="22">
|
||||
</span>
|
||||
<span class="logo-lg">
|
||||
<img src="{{ asset('assets/images/logo-light.png') }}" alt="" height="17">
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<button type="button" class="btn btn-sm fs-16 header-item vertical-menu-btn topnav-hamburger px-3"
|
||||
id="topnav-hamburger-icon">
|
||||
<span class="hamburger-icon">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</span>
|
||||
</button>
|
||||
|
||||
|
||||
<?php /*
|
||||
@include("backend.parts.search")
|
||||
|
||||
*/
|
||||
?>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="header-item d-none d-sm-flex ms-1">
|
||||
<button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle"
|
||||
data-toggle="fullscreen">
|
||||
<i class='bx bx-fullscreen fs-22'></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="header-item d-none d-sm-flex ms-1">
|
||||
<button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle light-dark-mode">
|
||||
<i class='bx bx-moon fs-22'></i>
|
||||
</button>
|
||||
</div>
|
||||
<?php /*
|
||||
@include("backend.parts.ghost")
|
||||
@include("backend.parts.lang")
|
||||
@include("backend.parts.apps")
|
||||
@include("backend.parts.cart")
|
||||
@include("backend.parts.profile")
|
||||
*/
|
||||
?>
|
||||
@include('backend.parts.notifications')
|
||||
@include('backend.parts.profile')
|
||||
<div id="removeNotificationModal">
|
||||
<!-- Modal content -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
59
resources/views/backend/list-companyarticles.blade.php
Normal file
59
resources/views/backend/list-companyarticles.blade.php
Normal file
@ -0,0 +1,59 @@
|
||||
articles@extends('backend.template')
|
||||
@section('content')
|
||||
<div class="card">
|
||||
<div class="card-header d-flex justify-content-between align-items-center">
|
||||
<h2>{{ label("articles List") }}</h2>
|
||||
<a href="{{ route('articles.create') }}" class="btn btn-primary"><span>{{label("Create New")}}</span></a>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<table class="table dataTable">
|
||||
<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("parent_article") }}</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" data-sortable="false"><span class="overline-title">{{ label("Action") }}</span>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@php
|
||||
$i = 1;
|
||||
@endphp
|
||||
@foreach ($data as $item)
|
||||
<tr>
|
||||
<td class="tb-col">{{ $i++ }}</td>
|
||||
<td class="tb-col">{{ $item->parent_article }}</td>
|
||||
<td class="tb-col">{{ $item->title }}</td>
|
||||
<td class="tb-col">{{ $item->alias }}</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('articles.show',[$item->article_id])}}" class="dropdown-item"><i class="ri-eye-fill align-bottom me-2 text-muted"></i> {{label("View")}}</a></li>
|
||||
<li><a href="{{route('articles.edit',[$item->article_id])}}" class="dropdown-item edit-item-btn"><i class="ri-pencil-fill align-bottom me-2 text-muted"></i> {{label("Edit")}}</a></li>
|
||||
<li>
|
||||
<a class="dropdown-item remove-item-btn" data-route="{{route('articles.destroy',[$item->article_id])}}">
|
||||
<i class="ri-delete-bin-fill align-bottom me-2 text-muted"></i> {{label("Delete")}}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@endforeach
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<textarea rows="20" class="form-control">{{App\Http\Controllers\GeneralFormController::listContent("tbl_articles","")}}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
62
resources/views/backend/parts/apps.blade.php
Normal file
62
resources/views/backend/parts/apps.blade.php
Normal file
@ -0,0 +1,62 @@
|
||||
<div class="dropdown topbar-head-dropdown ms-1 header-item">
|
||||
<button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class='bx bx-category-alt fs-22'></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-lg p-0 dropdown-menu-end">
|
||||
<div class="p-3 border-top-0 border-start-0 border-end-0 border-dashed border">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<h6 class="m-0 fw-semibold fs-15"> Web Apps </h6>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<a href="#!" class="btn btn-sm btn-soft-info"> View All Apps
|
||||
<i class="ri-arrow-right-s-line align-middle"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="p-2">
|
||||
<div class="row g-0">
|
||||
<div class="col">
|
||||
<a class="dropdown-icon-item" href="#!">
|
||||
<img src="assets/images/brands/github.png" alt="Github">
|
||||
<span>GitHub</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col">
|
||||
<a class="dropdown-icon-item" href="#!">
|
||||
<img src="assets/images/brands/bitbucket.png" alt="bitbucket">
|
||||
<span>Bitbucket</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col">
|
||||
<a class="dropdown-icon-item" href="#!">
|
||||
<img src="assets/images/brands/dribbble.png" alt="dribbble">
|
||||
<span>Dribbble</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-0">
|
||||
<div class="col">
|
||||
<a class="dropdown-icon-item" href="#!">
|
||||
<img src="assets/images/brands/dropbox.png" alt="dropbox">
|
||||
<span>Dropbox</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col">
|
||||
<a class="dropdown-icon-item" href="#!">
|
||||
<img src="assets/images/brands/mail_chimp.png" alt="mail_chimp">
|
||||
<span>Mail Chimp</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col">
|
||||
<a class="dropdown-icon-item" href="#!">
|
||||
<img src="assets/images/brands/slack.png" alt="slack">
|
||||
<span>Slack</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
146
resources/views/backend/parts/cart.blade.php
Normal file
146
resources/views/backend/parts/cart.blade.php
Normal file
@ -0,0 +1,146 @@
|
||||
<div class="dropdown topbar-head-dropdown ms-1 header-item">
|
||||
<button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle" id="page-header-cart-dropdown" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true" aria-expanded="false">
|
||||
<i class='bx bx-shopping-bag fs-22'></i>
|
||||
<span class="position-absolute topbar-badge cartitem-badge fs-10 translate-middle badge rounded-pill bg-info">5</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-xl dropdown-menu-end p-0 dropdown-menu-cart" aria-labelledby="page-header-cart-dropdown">
|
||||
<div class="p-3 border-top-0 border-start-0 border-end-0 border-dashed border">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<h6 class="m-0 fs-16 fw-semibold"> My Cart</h6>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<span class="badge badge-soft-warning fs-13"><span class="cartitem-badge">7</span>
|
||||
items</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-simplebar style="max-height: 300px;">
|
||||
<div class="p-2">
|
||||
<div class="text-center empty-cart" id="empty-cart">
|
||||
<div class="avatar-md mx-auto my-3">
|
||||
<div class="avatar-title bg-soft-info text-info fs-36 rounded-circle">
|
||||
<i class='bx bx-cart'></i>
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="mb-3">Your Cart is Empty!</h5>
|
||||
<a href="apps-ecommerce-products.html" class="btn btn-success w-md mb-3">Shop Now</a>
|
||||
</div>
|
||||
<div class="d-block dropdown-item dropdown-item-cart text-wrap px-3 py-2">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/products/img-1.png" class="me-3 rounded-circle avatar-sm p-2 bg-light" alt="user-pic">
|
||||
<div class="flex-1">
|
||||
<h6 class="mt-0 mb-1 fs-14">
|
||||
<a href="apps-ecommerce-product-details.html" class="text-reset">Branded
|
||||
T-Shirts</a>
|
||||
</h6>
|
||||
<p class="mb-0 fs-12 text-muted">
|
||||
Quantity: <span>10 x $32</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="px-2">
|
||||
<h5 class="m-0 fw-normal">$<span class="cart-item-price">320</span></h5>
|
||||
</div>
|
||||
<div class="ps-2">
|
||||
<button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn"><i class="ri-close-fill fs-16"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-block dropdown-item dropdown-item-cart text-wrap px-3 py-2">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/products/img-2.png" class="me-3 rounded-circle avatar-sm p-2 bg-light" alt="user-pic">
|
||||
<div class="flex-1">
|
||||
<h6 class="mt-0 mb-1 fs-14">
|
||||
<a href="apps-ecommerce-product-details.html" class="text-reset">Bentwood Chair</a>
|
||||
</h6>
|
||||
<p class="mb-0 fs-12 text-muted">
|
||||
Quantity: <span>5 x $18</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="px-2">
|
||||
<h5 class="m-0 fw-normal">$<span class="cart-item-price">89</span></h5>
|
||||
</div>
|
||||
<div class="ps-2">
|
||||
<button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn"><i class="ri-close-fill fs-16"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-block dropdown-item dropdown-item-cart text-wrap px-3 py-2">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/products/img-3.png" class="me-3 rounded-circle avatar-sm p-2 bg-light" alt="user-pic">
|
||||
<div class="flex-1">
|
||||
<h6 class="mt-0 mb-1 fs-14">
|
||||
<a href="apps-ecommerce-product-details.html" class="text-reset">
|
||||
Borosil Paper Cup</a>
|
||||
</h6>
|
||||
<p class="mb-0 fs-12 text-muted">
|
||||
Quantity: <span>3 x $250</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="px-2">
|
||||
<h5 class="m-0 fw-normal">$<span class="cart-item-price">750</span></h5>
|
||||
</div>
|
||||
<div class="ps-2">
|
||||
<button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn"><i class="ri-close-fill fs-16"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-block dropdown-item dropdown-item-cart text-wrap px-3 py-2">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/products/img-6.png" class="me-3 rounded-circle avatar-sm p-2 bg-light" alt="user-pic">
|
||||
<div class="flex-1">
|
||||
<h6 class="mt-0 mb-1 fs-14">
|
||||
<a href="apps-ecommerce-product-details.html" class="text-reset">Gray
|
||||
Styled T-Shirt</a>
|
||||
</h6>
|
||||
<p class="mb-0 fs-12 text-muted">
|
||||
Quantity: <span>1 x $1250</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="px-2">
|
||||
<h5 class="m-0 fw-normal">$ <span class="cart-item-price">1250</span></h5>
|
||||
</div>
|
||||
<div class="ps-2">
|
||||
<button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn"><i class="ri-close-fill fs-16"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-block dropdown-item dropdown-item-cart text-wrap px-3 py-2">
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/images/products/img-5.png" class="me-3 rounded-circle avatar-sm p-2 bg-light" alt="user-pic">
|
||||
<div class="flex-1">
|
||||
<h6 class="mt-0 mb-1 fs-14">
|
||||
<a href="apps-ecommerce-product-details.html" class="text-reset">Stillbird Helmet</a>
|
||||
</h6>
|
||||
<p class="mb-0 fs-12 text-muted">
|
||||
Quantity: <span>2 x $495</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="px-2">
|
||||
<h5 class="m-0 fw-normal">$<span class="cart-item-price">990</span></h5>
|
||||
</div>
|
||||
<div class="ps-2">
|
||||
<button type="button" class="btn btn-icon btn-sm btn-ghost-secondary remove-item-btn"><i class="ri-close-fill fs-16"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-3 border-bottom-0 border-start-0 border-end-0 border-dashed border" id="checkout-elem">
|
||||
<div class="d-flex justify-content-between align-items-center pb-3">
|
||||
<h5 class="m-0 text-muted">Total:</h5>
|
||||
<div class="px-2">
|
||||
<h5 class="m-0" id="cart-item-total">$1258.58</h5>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="apps-ecommerce-checkout.html" class="btn btn-success text-center w-100">
|
||||
Checkout
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
754
resources/views/backend/parts/customizer.blade.php
Normal file
754
resources/views/backend/parts/customizer.blade.php
Normal file
@ -0,0 +1,754 @@
|
||||
<button onclick="topFunction()" class="btn btn-danger btn-icon" id="back-to-top">
|
||||
<i class="ri-arrow-up-line"></i>
|
||||
</button>
|
||||
<!--end back-to-top-->
|
||||
|
||||
<!--preloader-->
|
||||
<div id="preloader">
|
||||
<div id="status">
|
||||
<div class="spinner-border text-primary avatar-sm" role="status">
|
||||
<span class="visually-hidden">Loading...</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="customizer-setting d-none d-md-block">
|
||||
<div class="btn-info btn-rounded shadow-lg btn btn-icon btn-lg p-2" data-bs-toggle="offcanvas" data-bs-target="#theme-settings-offcanvas" aria-controls="theme-settings-offcanvas">
|
||||
<i class='mdi mdi-spin mdi-cog-outline fs-22'></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Theme Settings -->
|
||||
<div class="offcanvas offcanvas-end border-0" tabindex="-1" id="theme-settings-offcanvas">
|
||||
<div class="d-flex align-items-center bg-primary bg-gradient p-3 offcanvas-header">
|
||||
<h5 class="m-0 me-2 text-white">Layout Customizer</h5>
|
||||
|
||||
<button type="button" class="btn-close btn-close-white ms-auto" id="customizerclose-btn" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="offcanvas-body p-0">
|
||||
<div data-simplebar class="h-100">
|
||||
<div class="p-4">
|
||||
<h6 class="mb-0 fw-semibold text-uppercase">Layout</h6>
|
||||
<p class="text-muted">Choose your layout</p>
|
||||
|
||||
<div class="row gy-3">
|
||||
<div class="col-4">
|
||||
<div class="form-check card-radio">
|
||||
<input id="customizer-layout01" name="data-layout" type="radio" value="vertical" class="form-check-input">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="customizer-layout01">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Vertical</h5>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="form-check card-radio">
|
||||
<input id="customizer-layout02" name="data-layout" type="radio" value="horizontal" class="form-check-input">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="customizer-layout02">
|
||||
<span class="d-flex h-100 flex-column gap-1">
|
||||
<span class="bg-light d-flex p-1 gap-1 align-items-center">
|
||||
<span class="d-block p-1 bg-soft-primary rounded me-1"></span>
|
||||
<span class="d-block p-1 pb-0 px-2 bg-soft-primary ms-auto"></span>
|
||||
<span class="d-block p-1 pb-0 px-2 bg-soft-primary"></span>
|
||||
</span>
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Horizontal</h5>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="form-check card-radio">
|
||||
<input id="customizer-layout03" name="data-layout" type="radio" value="twocolumn" class="form-check-input">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="customizer-layout03">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1">
|
||||
<span class="d-block p-1 bg-soft-primary mb-2"></span>
|
||||
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Two Column</h5>
|
||||
</div>
|
||||
<!-- end col -->
|
||||
|
||||
<div class="col-4">
|
||||
<div class="form-check card-radio">
|
||||
<input id="customizer-layout04" name="data-layout" type="radio" value="semibox" class="form-check-input">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="customizer-layout04">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0 p-1">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column pt-1 pe-2">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Semi Box</h5>
|
||||
</div>
|
||||
<!-- end col -->
|
||||
</div>
|
||||
|
||||
<h6 class="mt-4 mb-0 fw-semibold text-uppercase">Color Scheme</h6>
|
||||
<p class="text-muted">Choose Light or Dark Scheme.</p>
|
||||
|
||||
<div class="colorscheme-cardradio">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="form-check card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-layout-mode" id="layout-mode-light" value="light">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="layout-mode-light">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Light</h5>
|
||||
</div>
|
||||
|
||||
<div class="col-4">
|
||||
<div class="form-check card-radio dark">
|
||||
<input class="form-check-input" type="radio" name="data-layout-mode" id="layout-mode-dark" value="dark">
|
||||
<label class="form-check-label p-0 avatar-md w-100 bg-dark" for="layout-mode-dark">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-soft-light d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 bg-soft-light rounded mb-2"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-light"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-light"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-light"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-soft-light d-block p-1"></span>
|
||||
<span class="bg-soft-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Dark</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="sidebar-visibility">
|
||||
<h6 class="mt-4 mb-0 fw-semibold text-uppercase">Sidebar Visibility</h6>
|
||||
<p class="text-muted">Choose show or Hidden sidebar.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="form-check card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-sidebar-visibility" id="sidebar-visibility-show" value="show">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="sidebar-visibility-show">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0 p-1">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column pt-1 pe-2">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Show</h5>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="form-check card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-sidebar-visibility" id="sidebar-visibility-hidden" value="hidden">
|
||||
<label class="form-check-label p-0 avatar-md w-100 px-2" for="sidebar-visibility-hidden">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column pt-1 px-2">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Hidden</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="layout-width">
|
||||
<h6 class="mt-4 mb-0 fw-semibold text-uppercase">Layout Width</h6>
|
||||
<p class="text-muted">Choose Fluid or Boxed layout.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="form-check card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-layout-width" id="layout-width-fluid" value="fluid">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="layout-width-fluid">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Fluid</h5>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="form-check card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-layout-width" id="layout-width-boxed" value="boxed">
|
||||
<label class="form-check-label p-0 avatar-md w-100 px-2" for="layout-width-boxed">
|
||||
<span class="d-flex gap-1 h-100 border-start border-end">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Boxed</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="layout-position">
|
||||
<h6 class="mt-4 mb-0 fw-semibold text-uppercase">Layout Position</h6>
|
||||
<p class="text-muted">Choose Fixed or Scrollable Layout Position.</p>
|
||||
|
||||
<div class="btn-group radio" role="group">
|
||||
<input type="radio" class="btn-check" name="data-layout-position" id="layout-position-fixed" value="fixed">
|
||||
<label class="btn btn-light w-sm" for="layout-position-fixed">Fixed</label>
|
||||
|
||||
<input type="radio" class="btn-check" name="data-layout-position" id="layout-position-scrollable" value="scrollable">
|
||||
<label class="btn btn-light w-sm ms-0" for="layout-position-scrollable">Scrollable</label>
|
||||
</div>
|
||||
</div>
|
||||
<h6 class="mt-4 mb-0 fw-semibold text-uppercase">Topbar Color</h6>
|
||||
<p class="text-muted">Choose Light or Dark Topbar Color.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="form-check card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-topbar" id="topbar-color-light" value="light">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="topbar-color-light">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Light</h5>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="form-check card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-topbar" id="topbar-color-dark" value="dark">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="topbar-color-dark">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-primary d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Dark</h5>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="sidebar-size">
|
||||
<h6 class="mt-4 mb-0 fw-semibold text-uppercase">Sidebar Size</h6>
|
||||
<p class="text-muted">Choose a size of Sidebar.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="form-check sidebar-setting card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-sidebar-size" id="sidebar-size-default" value="lg">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="sidebar-size-default">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Default</h5>
|
||||
</div>
|
||||
|
||||
<div class="col-4">
|
||||
<div class="form-check sidebar-setting card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-sidebar-size" id="sidebar-size-compact" value="md">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="sidebar-size-compact">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 bg-soft-primary rounded mb-2"></span>
|
||||
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Compact</h5>
|
||||
</div>
|
||||
|
||||
<div class="col-4">
|
||||
<div class="form-check sidebar-setting card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-sidebar-size" id="sidebar-size-small" value="sm">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="sidebar-size-small">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1">
|
||||
<span class="d-block p-1 bg-soft-primary mb-2"></span>
|
||||
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Small (Icon View)</h5>
|
||||
</div>
|
||||
|
||||
<div class="col-4">
|
||||
<div class="form-check sidebar-setting card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-sidebar-size" id="sidebar-size-small-hover" value="sm-hover">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="sidebar-size-small-hover">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1">
|
||||
<span class="d-block p-1 bg-soft-primary mb-2"></span>
|
||||
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Small Hover View</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="sidebar-view">
|
||||
<h6 class="mt-4 mb-0 fw-semibold text-uppercase">Sidebar View</h6>
|
||||
<p class="text-muted">Choose Default or Detached Sidebar view.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="form-check sidebar-setting card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-layout-style" id="sidebar-view-default" value="default">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="sidebar-view-default">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Default</h5>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="form-check sidebar-setting card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-layout-style" id="sidebar-view-detached" value="detached">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="sidebar-view-detached">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-light d-flex p-1 gap-1 align-items-center px-2">
|
||||
<span class="d-block p-1 bg-soft-primary rounded me-1"></span>
|
||||
<span class="d-block p-1 pb-0 px-2 bg-soft-primary ms-auto"></span>
|
||||
<span class="d-block p-1 pb-0 px-2 bg-soft-primary"></span>
|
||||
</span>
|
||||
<span class="d-flex gap-1 h-100 p-1 px-2">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="bg-light d-block p-1 mt-auto px-2"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Detached</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="sidebar-color">
|
||||
<h6 class="mt-4 mb-0 fw-semibold text-uppercase">Sidebar Color</h6>
|
||||
<p class="text-muted">Choose a color of Sidebar.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="form-check sidebar-setting card-radio" data-bs-toggle="collapse" data-bs-target="#collapseBgGradient.show">
|
||||
<input class="form-check-input" type="radio" name="data-sidebar" id="sidebar-color-light" value="light">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="sidebar-color-light">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-white border-end d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Light</h5>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="form-check sidebar-setting card-radio" data-bs-toggle="collapse" data-bs-target="#collapseBgGradient.show">
|
||||
<input class="form-check-input" type="radio" name="data-sidebar" id="sidebar-color-dark" value="dark">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="sidebar-color-dark">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-primary d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 bg-soft-light rounded mb-2"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-light"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-light"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-light"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Dark</h5>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<button class="btn btn-link avatar-md w-100 p-0 overflow-hidden border collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseBgGradient" aria-expanded="false" aria-controls="collapseBgGradient">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-vertical-gradient d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 bg-soft-light rounded mb-2"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-light"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-light"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-light"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
<h5 class="fs-13 text-center mt-2">Gradient</h5>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end row -->
|
||||
|
||||
<div class="collapse" id="collapseBgGradient">
|
||||
<div class="d-flex gap-2 flex-wrap img-switch p-2 px-3 bg-light rounded">
|
||||
|
||||
<div class="form-check sidebar-setting card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-sidebar" id="sidebar-color-gradient" value="gradient">
|
||||
<label class="form-check-label p-0 avatar-xs rounded-circle" for="sidebar-color-gradient">
|
||||
<span class="avatar-title rounded-circle bg-vertical-gradient"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check sidebar-setting card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-sidebar" id="sidebar-color-gradient-2" value="gradient-2">
|
||||
<label class="form-check-label p-0 avatar-xs rounded-circle" for="sidebar-color-gradient-2">
|
||||
<span class="avatar-title rounded-circle bg-vertical-gradient-2"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check sidebar-setting card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-sidebar" id="sidebar-color-gradient-3" value="gradient-3">
|
||||
<label class="form-check-label p-0 avatar-xs rounded-circle" for="sidebar-color-gradient-3">
|
||||
<span class="avatar-title rounded-circle bg-vertical-gradient-3"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check sidebar-setting card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-sidebar" id="sidebar-color-gradient-4" value="gradient-4">
|
||||
<label class="form-check-label p-0 avatar-xs rounded-circle" for="sidebar-color-gradient-4">
|
||||
<span class="avatar-title rounded-circle bg-vertical-gradient-4"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="sidebar-img">
|
||||
<h6 class="mt-4 mb-0 fw-semibold text-uppercase">Sidebar Images</h6>
|
||||
<p class="text-muted">Choose a image of Sidebar.</p>
|
||||
|
||||
<div class="d-flex gap-2 flex-wrap img-switch">
|
||||
<div class="form-check sidebar-setting card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-sidebar-image" id="sidebarimg-none" value="none">
|
||||
<label class="form-check-label p-0 avatar-sm h-auto" for="sidebarimg-none">
|
||||
<span class="avatar-md w-auto bg-light d-flex align-items-center justify-content-center">
|
||||
<i class="ri-close-fill fs-20"></i>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-check sidebar-setting card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-sidebar-image" id="sidebarimg-01" value="img-1">
|
||||
<label class="form-check-label p-0 avatar-sm h-auto" for="sidebarimg-01">
|
||||
<img src="{{asset('assets/images/sidebar/img-1.jpg')}}" alt="" class="avatar-md w-auto object-cover">
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-check sidebar-setting card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-sidebar-image" id="sidebarimg-02" value="img-2">
|
||||
<label class="form-check-label p-0 avatar-sm h-auto" for="sidebarimg-02">
|
||||
<img src="{{asset('assets/images/sidebar/img-2.jpg')}}" alt="" class="avatar-md w-auto object-cover">
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check sidebar-setting card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-sidebar-image" id="sidebarimg-03" value="img-3">
|
||||
<label class="form-check-label p-0 avatar-sm h-auto" for="sidebarimg-03">
|
||||
<img src="{{asset('assets/images/sidebar/img-3.jpg')}}" alt="" class="avatar-md w-auto object-cover">
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check sidebar-setting card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-sidebar-image" id="sidebarimg-04" value="img-4">
|
||||
<label class="form-check-label p-0 avatar-sm h-auto" for="sidebarimg-04">
|
||||
<img src="{{asset('assets/images/sidebar/img-4.jpg')}}" alt="" class="avatar-md w-auto object-cover">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="preloader-menu">
|
||||
<h6 class="mt-4 mb-0 fw-semibold text-uppercase">Preloader</h6>
|
||||
<p class="text-muted">Choose a preloader.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="form-check sidebar-setting card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-preloader" id="preloader-view-custom" value="enable">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="preloader-view-custom">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<!-- <div id="preloader"> -->
|
||||
<div id="status" class="d-flex align-items-center justify-content-center">
|
||||
<div class="spinner-border text-primary avatar-xxs m-auto" role="status">
|
||||
<span class="visually-hidden">Loading...</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Enable</h5>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="form-check sidebar-setting card-radio">
|
||||
<input class="form-check-input" type="radio" name="data-preloader" id="preloader-view-none" value="disable">
|
||||
<label class="form-check-label p-0 avatar-md w-100" for="preloader-view-none">
|
||||
<span class="d-flex gap-1 h-100">
|
||||
<span class="flex-shrink-0">
|
||||
<span class="bg-light d-flex h-100 flex-column gap-1 p-1">
|
||||
<span class="d-block p-1 px-2 bg-soft-primary rounded mb-2"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
<span class="d-block p-1 px-2 pb-0 bg-soft-primary"></span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="flex-grow-1">
|
||||
<span class="d-flex h-100 flex-column">
|
||||
<span class="bg-light d-block p-1"></span>
|
||||
<span class="bg-light d-block p-1 mt-auto"></span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<h5 class="fs-13 text-center mt-2">Disable</h5>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end preloader-menu -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="offcanvas-footer border-top p-3 text-center">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<button type="button" class="btn btn-light w-100" id="reset-layout">Reset</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
15
resources/views/backend/parts/ghost.blade.php
Normal file
15
resources/views/backend/parts/ghost.blade.php
Normal file
@ -0,0 +1,15 @@
|
||||
<div class="dropdown d-md-none topbar-head-dropdown header-item">
|
||||
<button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle" id="page-header-search-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="bx bx-search fs-22"></i>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0" aria-labelledby="page-header-search-dropdown">
|
||||
<form class="p-3">
|
||||
<div class="form-group m-0">
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="Search ..." aria-label="Recipient's username">
|
||||
<button class="btn btn-primary" type="submit"><i class="mdi mdi-magnify"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
54
resources/views/backend/parts/lang.blade.php
Normal file
54
resources/views/backend/parts/lang.blade.php
Normal file
@ -0,0 +1,54 @@
|
||||
<div class="dropdown ms-1 topbar-head-dropdown header-item">
|
||||
<button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<img id="header-lang-img" src="{{ asset('assets/images/flags/us.svg') }}" alt="Header Language" height="20" class="rounded">
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
|
||||
<!-- item-->
|
||||
<a href="javascript:void(0);" class="dropdown-item notify-item language py-2" data-lang="en" title="English">
|
||||
<img src="{{ asset('assets/images/flags/us.svg') }}" alt="user-image" class="me-2 rounded" height="18">
|
||||
<span class="align-middle">English</span>
|
||||
</a>
|
||||
|
||||
<!-- item-->
|
||||
<a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="sp" title="Spanish">
|
||||
<img src="{{ asset('assets/images/flags/spain.svg') }}" alt="user-image" class="me-2 rounded" height="18">
|
||||
<span class="align-middle">Española</span>
|
||||
</a>
|
||||
|
||||
<!-- item-->
|
||||
<a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="gr" title="German">
|
||||
<img src="{{ asset('assets/images/flags/germany.svg') }}" alt="user-image" class="me-2 rounded" height="18"> <span class="align-middle">Deutsche</span>
|
||||
</a>
|
||||
|
||||
<!-- item-->
|
||||
<a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="it" title="Italian">
|
||||
<img src="{{ asset('assets/images/flags/italy.svg') }}" alt="user-image" class="me-2 rounded" height="18">
|
||||
<span class="align-middle">Italiana</span>
|
||||
</a>
|
||||
|
||||
<!-- item-->
|
||||
<a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="ru" title="Russian">
|
||||
<img src="{{ asset('assets/images/flags/russia.svg') }}" alt="user-image" class="me-2 rounded" height="18">
|
||||
<span class="align-middle">русский</span>
|
||||
</a>
|
||||
|
||||
<!-- item-->
|
||||
<a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="ch" title="Chinese">
|
||||
<img src="{{ asset('assets/images/flags/china.svg') }}" alt="user-image" class="me-2 rounded" height="18">
|
||||
<span class="align-middle">中国人</span>
|
||||
</a>
|
||||
|
||||
<!-- item-->
|
||||
<a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="fr" title="French">
|
||||
<img src="{{ asset('assets/images/flags/french.svg') }}" alt="user-image" class="me-2 rounded" height="18">
|
||||
<span class="align-middle">français</span>
|
||||
</a>
|
||||
|
||||
<!-- item-->
|
||||
<a href="javascript:void(0);" class="dropdown-item notify-item language" data-lang="ar" title="Arabic">
|
||||
<img src="{{ asset('assets/images/flags/ae.svg') }}" alt="user-image" class="me-2 rounded" height="18">
|
||||
<span class="align-middle">Arabic</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
190
resources/views/backend/parts/notifications.blade.php
Normal file
190
resources/views/backend/parts/notifications.blade.php
Normal file
@ -0,0 +1,190 @@
|
||||
@use('App\Models\Enquiries')
|
||||
@php
|
||||
$enquiryList = Enquiries::where('status', 1)->where('is_read', 0)->latest()->with('class')->get();
|
||||
$enquiryCount = $enquiryList->count();
|
||||
@endphp
|
||||
<div class="dropdown topbar-head-dropdown header-item ms-1" id="notificationDropdown">
|
||||
<button type="button" class="btn btn-icon btn-topbar btn-ghost-secondary rounded-circle"
|
||||
id="page-header-notifications-dropdown" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<i class='bx bx-bell fs-22'></i>
|
||||
<span
|
||||
class="position-absolute topbar-badge fs-10 translate-middle badge rounded-pill bg-danger">{{ $enquiryCount ?? 0 }}<span
|
||||
class="visually-hidden">unread messages</span></span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0"
|
||||
aria-labelledby="page-header-notifications-dropdown">
|
||||
|
||||
<div class="dropdown-head bg-primary bg-pattern rounded-top">
|
||||
<div class="p-3">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<h6 class="fs-16 fw-semibold m-0 text-white"> Notifications </h6>
|
||||
</div>
|
||||
<div class="dropdown-tabs col-auto">
|
||||
<span class="badge badge-soft-light fs-13"> {{ $enquiryCount ?? 0 }} New</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="px-2 pt-2">
|
||||
<ul class="nav nav-tabs dropdown-tabs nav-tabs-custom" data-dropdown-tabs="true" id="notificationItemsTab"
|
||||
role="tablist">
|
||||
<li class="nav-item waves-effect waves-light">
|
||||
<a class="nav-link active" data-bs-toggle="tab" href="#all-noti-tab" role="tab" aria-selected="true">
|
||||
All ({{ $enquiryCount ?? 0 }})
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item waves-effect waves-light">
|
||||
<a class="nav-link" data-bs-toggle="tab" href="#messages-tab" role="tab" aria-selected="false">
|
||||
Contact
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item waves-effect waves-light">
|
||||
<a class="nav-link" data-bs-toggle="tab" href="#alerts-tab" role="tab" aria-selected="false">
|
||||
Enquiry
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-content position-relative" id="notificationItemsTabContent">
|
||||
<div class="tab-pane fade show active py-2 ps-2" id="all-noti-tab" role="tabpanel">
|
||||
<div data-simplebar style="max-height: 300px;" class="pe-2">
|
||||
|
||||
@foreach ($enquiryList as $item)
|
||||
<div class="text-reset notification-item d-block dropdown-item position-relative">
|
||||
<div class="d-flex">
|
||||
<div class="avatar-xs me-3 flex-shrink-0">
|
||||
<span class="avatar-title bg-danger-subtle text-danger rounded-circle fs-16">
|
||||
<i class='bx bx-message-square-dots'></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<a href="#!" class="stretched-link">
|
||||
<h6 class="fs-13 fw-semibold mb-1 mt-0">{{ $item->name }}</h6>
|
||||
</a>
|
||||
<div class="fs-13 text-muted">
|
||||
<p class="mb-1">
|
||||
@if ($item->enquiry_type == 'contact')
|
||||
?
|
||||
{{ Str::words($item->message, 10, '...') }}
|
||||
@else
|
||||
Class Inquiry:
|
||||
{{ $item->class->title }}({{ $item->class->classtime->format('H:i A') ?? '00:00' }})
|
||||
@endif
|
||||
</p>
|
||||
</div>
|
||||
<p class="fs-11 fw-medium text-uppercase text-muted mb-0">
|
||||
<span><i class="mdi mdi-clock-outline"></i> {{ $item->created_at->diffForHumans() }}</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="fs-15 px-2">
|
||||
<div class="form-check notification-check">
|
||||
<input class="form-check-input" type="checkbox" value="{{ $item->enquiry_id }}"
|
||||
id="all-notification-check02">
|
||||
<label class="form-check-label" for="all-notification-check02"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
<div class="view-all my-3 text-center">
|
||||
<button type="button" class="btn btn-soft-success waves-effect waves-light">View
|
||||
All Notifications <i class="ri-arrow-right-line align-middle"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade py-2 ps-2" id="messages-tab" role="tabpanel" aria-labelledby="messages-tab">
|
||||
<div data-simplebar style="max-height: 300px;" class="pe-2">
|
||||
@foreach ($enquiryList->where('enquiry_type', 'contact') as $contactItem)
|
||||
<div class="text-reset notification-item d-block dropdown-item">
|
||||
<div class="d-flex">
|
||||
<div class="avatar-xs me-3 flex-shrink-0">
|
||||
<span class="avatar-title bg-danger-subtle text-danger rounded-circle fs-16">
|
||||
<i class='bx bx-message-square-dots'></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<a href="#!" class="stretched-link">
|
||||
<h6 class="fs-13 fw-semibold mb-1 mt-0">{{ $contactItem->name }}</h6>
|
||||
</a>
|
||||
<div class="fs-13 text-muted">
|
||||
<p class="mb-1">{{ $contactItem->message }}</p>
|
||||
</div>
|
||||
<p class="fs-11 fw-medium text-uppercase text-muted mb-0">
|
||||
<span><i class="mdi mdi-clock-outline"></i> {{ $contactItem->created_at->diffForHumans() }}</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="fs-15 px-2">
|
||||
<div class="form-check notification-check">
|
||||
<input class="form-check-input" type="checkbox" value="{{ $contactItem->enquiry_id }}"
|
||||
id="messages-notification-check01">
|
||||
<label class="form-check-label" for="messages-notification-check01"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
<div class="view-all my-3 text-center">
|
||||
<button type="button" class="btn btn-soft-success waves-effect waves-light">View
|
||||
All Messages <i class="ri-arrow-right-line align-middle"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade p-1" id="alerts-tab" role="tabpanel" aria-labelledby="alerts-tab">
|
||||
<div data-simplebar style="max-height: 300px;" class="pe-2">
|
||||
@foreach ($enquiryList->where('enquiry_type', 'class') as $classItem)
|
||||
<div class="text-reset notification-item d-block dropdown-item">
|
||||
<div class="d-flex">
|
||||
<div class="avatar-xs me-3 flex-shrink-0">
|
||||
<span class="avatar-title bg-danger-subtle text-danger rounded-circle fs-16">
|
||||
<i class='bx bx-message-square-dots'></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<a href="#!" class="stretched-link">
|
||||
<h6 class="fs-13 fw-semibold mb-1 mt-0">{{ $classItem->name }}</h6>
|
||||
</a>
|
||||
<div class="fs-13 text-muted">
|
||||
<p class="mb-1">{{ 'Class Inquiry: ' . $classItem->class->title }}
|
||||
({{ $classItem->class->classtime->format('H:i A') ?? '00:00' }})
|
||||
</p>
|
||||
</div>
|
||||
<p class="fs-11 fw-medium text-uppercase text-muted mb-0">
|
||||
<span><i class="mdi mdi-clock-outline"></i> {{ $classItem->created_at->diffForHumans() }}</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="fs-15 px-2">
|
||||
<div class="form-check notification-check">
|
||||
<input class="form-check-input" type="checkbox" value="{{ $classItem->enquiry_id }}"
|
||||
id="messages-notification-check01">
|
||||
<label class="form-check-label" for="messages-notification-check01"></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
<div class="view-all my-3 text-center">
|
||||
<button type="button" class="btn btn-soft-success waves-effect waves-light">View
|
||||
All Enquiry <i class="ri-arrow-right-line align-middle"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="notification-actions" id="notification-actions">
|
||||
<div class="d-flex text-muted justify-content-center">
|
||||
Select <div id="select-content" class="text-body fw-semibold px-1">0</div> Result <button type="button"
|
||||
class="btn btn-link link-danger ms-3 p-0" data-bs-toggle="modal"
|
||||
data-bs-target="#removeNotificationModal">Mark Read</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
21
resources/views/backend/parts/profile.blade.php
Normal file
21
resources/views/backend/parts/profile.blade.php
Normal file
@ -0,0 +1,21 @@
|
||||
<div class="dropdown ms-sm-3 header-item topbar-user">
|
||||
<button type="button" class="btn" id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
<span class="d-flex align-items-center">
|
||||
<img class="rounded-circle header-profile-user"
|
||||
src="{{ asset(SITEVARS->icon) ?? asset('assets/images/users/avatar-1.jpg') }}" alt="Header Avatar">
|
||||
<span class="ms-xl-2 text-start">
|
||||
<span class="d-none d-xl-inline-block fw-medium user-name-text ms-1">{{ auth()->user()->name }}</span>
|
||||
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<!-- item-->
|
||||
<h6 class="dropdown-header">Welcome {{ auth()->user()->name }}</h6>
|
||||
|
||||
<a class="dropdown-item" href="{{ route('auth.logout') }}"><i
|
||||
class="mdi mdi-logout text-muted fs-16 me-1 align-middle"></i> <span class="align-middle"
|
||||
data-key="t-logout">Logout</span></a>
|
||||
</div>
|
||||
</div>
|
||||
93
resources/views/backend/parts/search.blade.php
Normal file
93
resources/views/backend/parts/search.blade.php
Normal file
@ -0,0 +1,93 @@
|
||||
<button type="button" class="btn btn-sm px-3 fs-16 header-item vertical-menu-btn topnav-hamburger" id="topnav-hamburger-icon">
|
||||
<span class="hamburger-icon">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<!-- App Search-->
|
||||
<form class="app-search d-none d-md-block">
|
||||
<div class="position-relative">
|
||||
<input type="text" class="form-control" placeholder="Search..." autocomplete="off" id="search-options" value="">
|
||||
<span class="mdi mdi-magnify search-widget-icon"></span>
|
||||
<span class="mdi mdi-close-circle search-widget-icon search-widget-icon-close d-none" id="search-close-options"></span>
|
||||
</div>
|
||||
<div class="dropdown-menu dropdown-menu-lg" id="search-dropdown">
|
||||
<div data-simplebar style="max-height: 320px;">
|
||||
<!-- item-->
|
||||
<div class="dropdown-header">
|
||||
<h6 class="text-overflow text-muted mb-0 text-uppercase">Recent Searches</h6>
|
||||
</div>
|
||||
|
||||
<div class="dropdown-item bg-transparent text-wrap">
|
||||
<a href="index.html" class="btn btn-soft-secondary btn-sm btn-rounded">how to setup <i class="mdi mdi-magnify ms-1"></i></a>
|
||||
<a href="index.html" class="btn btn-soft-secondary btn-sm btn-rounded">buttons <i class="mdi mdi-magnify ms-1"></i></a>
|
||||
</div>
|
||||
<!-- item-->
|
||||
<div class="dropdown-header mt-2">
|
||||
<h6 class="text-overflow text-muted mb-1 text-uppercase">Pages</h6>
|
||||
</div>
|
||||
|
||||
<!-- item-->
|
||||
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
||||
<i class="ri-bubble-chart-line align-middle fs-18 text-muted me-2"></i>
|
||||
<span>Analytics Dashboard</span>
|
||||
</a>
|
||||
|
||||
<!-- item-->
|
||||
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
||||
<i class="ri-lifebuoy-line align-middle fs-18 text-muted me-2"></i>
|
||||
<span>Help Center</span>
|
||||
</a>
|
||||
|
||||
<!-- item-->
|
||||
<a href="javascript:void(0);" class="dropdown-item notify-item">
|
||||
<i class="ri-user-settings-line align-middle fs-18 text-muted me-2"></i>
|
||||
<span>My account settings</span>
|
||||
</a>
|
||||
|
||||
<!-- item-->
|
||||
<div class="dropdown-header mt-2">
|
||||
<h6 class="text-overflow text-muted mb-2 text-uppercase">Members</h6>
|
||||
</div>
|
||||
|
||||
<div class="notification-list">
|
||||
<!-- item -->
|
||||
<a href="javascript:void(0);" class="dropdown-item notify-item py-2">
|
||||
<div class="d-flex">
|
||||
<img src="assets/images/users/avatar-2.jpg" class="me-3 rounded-circle avatar-xs" alt="user-pic">
|
||||
<div class="flex-1">
|
||||
<h6 class="m-0">Angela Bernier</h6>
|
||||
<span class="fs-11 mb-0 text-muted">Manager</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<!-- item -->
|
||||
<a href="javascript:void(0);" class="dropdown-item notify-item py-2">
|
||||
<div class="d-flex">
|
||||
<img src="assets/images/users/avatar-3.jpg" class="me-3 rounded-circle avatar-xs" alt="user-pic">
|
||||
<div class="flex-1">
|
||||
<h6 class="m-0">David Grasso</h6>
|
||||
<span class="fs-11 mb-0 text-muted">Web Designer</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<!-- item -->
|
||||
<a href="javascript:void(0);" class="dropdown-item notify-item py-2">
|
||||
<div class="d-flex">
|
||||
<img src="assets/images/users/avatar-5.jpg" class="me-3 rounded-circle avatar-xs" alt="user-pic">
|
||||
<div class="flex-1">
|
||||
<h6 class="m-0">Mike Bunch</h6>
|
||||
<span class="fs-11 mb-0 text-muted">React Developer</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center pt-3 pb-1">
|
||||
<a href="pages-search-results.html" class="btn btn-primary btn-sm">View All Results <i class="ri-arrow-right-line ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
55
resources/views/backend/shortcodes.blade.php
Normal file
55
resources/views/backend/shortcodes.blade.php
Normal file
@ -0,0 +1,55 @@
|
||||
@extends("backend.template")
|
||||
@section("content")
|
||||
|
||||
<?php
|
||||
$ShortCodes = array(
|
||||
["title"=>"Photo Gallery","description"=>"[gallery alias=\'your_gallery_alias\']"]
|
||||
)
|
||||
?>
|
||||
|
||||
|
||||
<div class="accordion" id="accordionExample">
|
||||
@foreach($ShortCodes as $shortcode)
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||||
Accordion Item #1
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
<strong>This is the first item's accordion body.</strong> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||
Accordion Item #2
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
<strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||||
Accordion Item #3
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
<strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@push("js")
|
||||
|
||||
@endpush
|
||||
111
resources/views/backend/sidebar.blade.php
Normal file
111
resources/views/backend/sidebar.blade.php
Normal file
@ -0,0 +1,111 @@
|
||||
<div class="app-menu navbar-menu">
|
||||
<!-- LOGO -->
|
||||
<div class="navbar-brand-box">
|
||||
<!-- Dark Logo-->
|
||||
<a href="{{ route('admin.dashboard') }}" class="logo logo-dark">
|
||||
<span class="logo-sm">
|
||||
<img src="{{ asset('assets/images/logo-sm.png') }}" alt="" height="22">
|
||||
</span>
|
||||
<span class="logo-lg">
|
||||
<img src="{{ asset('assets/images/logo-dark.png') }}" alt="" height="57">
|
||||
</span>
|
||||
</a>
|
||||
<!-- Light Logo-->
|
||||
<a href="{{ route('admin.dashboard') }}" class="logo logo-light">
|
||||
<span class="logo-sm">
|
||||
<img src="{{ asset('assets/images/logo-sm.png') }}" alt="" height="22">
|
||||
</span>
|
||||
<span class="logo-lg">
|
||||
<img src="{{ asset('assets/images/logo-light.png') }}" alt="" height="57">
|
||||
</span>
|
||||
</a>
|
||||
<button type="button" class="btn btn-sm fs-20 header-item float-end btn-vertical-sm-hover p-0"
|
||||
id="vertical-hover">
|
||||
<i class="ri-record-circle-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div id="scrollbar">
|
||||
<div class="container-fluid">
|
||||
|
||||
|
||||
<div id="two-column-menu">
|
||||
</div>
|
||||
<ul class="navbar-nav" id="navbar-nav">
|
||||
<li class="menu-title"><span data-key="t-menu">Menu</span></li>
|
||||
<div class="simplebar-content" style="padding: 0px;">
|
||||
|
||||
@if (auth()->user()->email == 'prajwalbro@hotmail.com')
|
||||
<li class="nav-item">
|
||||
<a class="nav-link menu-link active" href="{{ route('form.create') }}">
|
||||
<i class="ri-dashboard-2-line"></i> <span data-key="t-dashboards">CRUD</span>
|
||||
</a>
|
||||
|
||||
</li> <!-- end Dashboard Menu -->
|
||||
<!-- end Dashboard Menu -->
|
||||
{{ CCMS::createMenuLink('Menu Location', route('menulocations.index')) }}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link menu-link collapsed" href="#sidebarMenu0" data-bs-toggle="collapse"
|
||||
role="button" aria-expanded="false" aria-controls="sidebarMenu0">
|
||||
<i class="ri-pages-line"></i> <span data-key="t-pages">Settings</span>
|
||||
</a>
|
||||
<div class="menu-dropdown collapse" id="sidebarMenu0">
|
||||
<ul class="nav nav-sm flex-column">
|
||||
{{ CCMS::createMenuLink('Website Setting', route('settings.edit', 1)) }}
|
||||
{{ CCMS::createMenuLink('Backup Database', route('backup.db')) }}
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link menu-link collapsed" href="#sidebarMenu1" data-bs-toggle="collapse"
|
||||
role="button" aria-expanded="false" aria-controls="sidebarMenu1">
|
||||
<i class="ri-pages-line"></i> <span data-key="t-pages">Menu Items</span>
|
||||
</a>
|
||||
<div class="menu-dropdown collapse" id="sidebarMenu1">
|
||||
<ul class="nav nav-sm flex-column">
|
||||
{{ CCMS::createMenuLink('All Menu Locations', route('menulocations.index')) }}
|
||||
@foreach (DB::select('select * from tbl_menulocations where status=1 order by display_order') as $menulocation)
|
||||
{{ CCMS::createMenuLink($menulocation->title, route('menuitems.index', ['menulocation' => $menulocation->menulocation_id])) }}
|
||||
@endforeach
|
||||
{{ CCMS::createMenuLink('All Menu Items', route('menuitems.index')) }}
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
@endif
|
||||
<li class="nav-item">
|
||||
<a class="nav-link menu-link" href="{{ route('admin.dashboard') }}">
|
||||
<i class="ri-dashboard-2-line"></i> <span data-key="t-dashboards">Dashboard</span>
|
||||
</a>
|
||||
|
||||
</li> <!-- end Dashboard Menu -->
|
||||
|
||||
<li class="menu-title"><i class="ri-more-fill"></i> <span data-key="t-pages">Pages</span></li>
|
||||
</div>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Sidebar -->
|
||||
</div>
|
||||
|
||||
<div class="sidebar-background"></div>
|
||||
</div>
|
||||
@push('js')
|
||||
<script>
|
||||
var menuDropdowns = document.querySelectorAll('div.menu-dropdown');
|
||||
|
||||
menuDropdowns.forEach(function(menuDropdown) {
|
||||
var childLinks = menuDropdown.querySelectorAll('ul > li > a');
|
||||
var hasActiveLink = Array.from(childLinks).some(function(childLink) {
|
||||
return childLink.classList.contains('active');
|
||||
});
|
||||
|
||||
if (hasActiveLink) {
|
||||
menuDropdown.classList.add('show');
|
||||
} else {
|
||||
menuDropdown.classList.remove('show');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
241
resources/views/backend/template.blade.php
Normal file
241
resources/views/backend/template.blade.php
Normal file
@ -0,0 +1,241 @@
|
||||
<!doctype html>
|
||||
<html lang="en" data-layout="vertical" data-topbar="light" data-sidebar="dark" data-sidebar-size="lg"
|
||||
data-sidebar-image="none" data-preloader="disable">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8" />
|
||||
<title>{{ config('app.name') }} - Admin Dashboard </title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta content="{{ config('app.name') }} - Admin & Dashboard" name="description" />
|
||||
<meta content="Bibhuti" name="author" />
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<script>
|
||||
window.appUrl = "{{ env('APP_URL') }}";
|
||||
var route_prefix = "{{ env('APP_URL') }}/files";
|
||||
</script>
|
||||
|
||||
<!-- App favicon -->
|
||||
<link rel="shortcut icon" href="assets/images/favicon.ico">
|
||||
|
||||
<link rel="shortcut icon" href="{{ asset('assets/images/favicon.ico') }}">
|
||||
|
||||
|
||||
<!-- gridjs css -->
|
||||
<link rel="stylesheet" href="{{ asset('assets/libs/gridjs/theme/mermaid.min.css') }}">
|
||||
|
||||
<!-- Layout config Js -->
|
||||
<script src="{{ asset('assets/js/layout.js') }}"></script>
|
||||
<!-- Bootstrap Css -->
|
||||
<link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
<!-- Icons Css -->
|
||||
<link href="{{ asset('assets/css/icons.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
<!-- App Css-->
|
||||
<link href="{{ asset('assets/css/app.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- jsvectormap css -->
|
||||
<link href="https://cdn.datatables.net/1.13.5/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="{{ asset('assets/libs/jsvectormap/css/jsvectormap.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- custom Css-->
|
||||
@stack('css')
|
||||
<link href="{{ asset('assets/css/custom.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
<style>
|
||||
.auth-one-bg .bg-overlay {
|
||||
background: linear-gradient(to right, #bf2628, #b9070a);
|
||||
opacity: .9;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="file-detail-show">
|
||||
|
||||
<!-- Begin page -->
|
||||
<div id="layout-wrapper">
|
||||
|
||||
@include('backend.header')
|
||||
|
||||
@include('backend.sidebar')
|
||||
|
||||
<div class="vertical-overlay"></div>
|
||||
|
||||
<div class="main-content">
|
||||
|
||||
<div class="page-content">
|
||||
<div class="container-fluid">
|
||||
|
||||
@yield('content')
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<script>
|
||||
document.write(new Date().getFullYear())
|
||||
</script> © {{ env('APP_NAME') }}.
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="text-sm-end d-none d-sm-block">
|
||||
Developed by <a href="https://www.bibhutisolutions.com/" target="_blank">Bibhuti Solutions Pvt. Ltd.</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- end main content-->
|
||||
|
||||
</div>
|
||||
<!-- END layout-wrapper -->
|
||||
|
||||
<!--start back-to-top-->
|
||||
<?php /*
|
||||
@include("backend.parts.customizer")
|
||||
*/
|
||||
?>
|
||||
|
||||
<!-- JAVASCRIPT -->
|
||||
|
||||
<script src="{{ asset('assets/libs/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/libs/simplebar/simplebar.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/libs/node-waves/waves.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/libs/feather-icons/feather.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/js/pages/plugins/lord-icon-2.1.0.js') }}"></script>
|
||||
<script src="{{ asset('assets/js/plugins.js') }}"></script>
|
||||
|
||||
<!-- apexcharts -->
|
||||
<script src="{{ asset('assets/libs/apexcharts/apexcharts.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/js/pages/file-manager.init.js') }}"></script>
|
||||
|
||||
<!-- App js -->
|
||||
<script src="{{ asset('assets/js/app.js') }}"></script>
|
||||
<script src="{{ asset('vendor/laravel-filemanager/js/stand-alone-button.js') }}"></script>
|
||||
|
||||
<!-- Vector map-->
|
||||
<script src="{{ asset('assets/libs/jsvectormap/js/jsvectormap.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/libs/jsvectormap/maps/world-merc.js') }}"></script>
|
||||
|
||||
<!-- gridjs js -->
|
||||
<script src="{{ asset('assets/libs/gridjs/gridjs.umd.js') }}"></script>
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||
<script type='text/javascript' src='https://cdn.jsdelivr.net/npm/toastify-js'></script>
|
||||
<script type='text/javascript' src='https://choices-js.github.io/Choices/assets/scripts/choices.js'></script>
|
||||
<script src='https://cdn.jsdelivr.net/npm/flatpickr'></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.14.0/Sortable.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap-datepicker@1.10.0/dist/js/bootstrap-datepicker.min.js"></script>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-datepicker@1.10.0/dist/css/bootstrap-datepicker3.min.css"
|
||||
rel="stylesheet">
|
||||
<!-- JAVASCRIPT -->
|
||||
|
||||
<!-- <script src="https://cdn.ckeditor.com/ckeditor5/38.1.1/classic/ckeditor.js"></script> -->
|
||||
<script src="https://cdn.ckeditor.com/4.16.2/full/ckeditor.js"></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
var baseUrl = '{{ env('APP_URL') }}'; // Replace with your base URL
|
||||
|
||||
var textareas = document.querySelectorAll('.ckeditor-classic');
|
||||
for (var i = 0; i < textareas.length; i++) {
|
||||
CKEDITOR.replace(textareas[i], {
|
||||
// height: 100,
|
||||
filebrowserImageBrowseUrl: baseUrl + '/files?type=Images',
|
||||
filebrowserImageUploadUrl: baseUrl + '/files/upload?type=Images&_token={{ csrf_token() }}',
|
||||
filebrowserBrowseUrl: baseUrl + '/files?type=Files',
|
||||
filebrowserUploadUrl: baseUrl + '/files/upload?type=Files&_token={{ csrf_token() }}',
|
||||
filebrowserImageUploadPath: '/storage/photos', // Adjust the path as per your requirements
|
||||
filebrowserUploadPath: '/storage/files', // Adjust the path as per your requirements
|
||||
baseHref: baseUrl + '/', // Set the baseHref to the baseUrl
|
||||
filebrowserImageBrowseCallback: function(url) {
|
||||
var relativePath = url.replace(baseUrl + '/', '');
|
||||
alert("COW");
|
||||
onSelectFile(relativePath); // Call your custom function with the relative path
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
function onSelectFile(url) {
|
||||
// Use the relative path as needed
|
||||
console.log(url);
|
||||
}
|
||||
|
||||
jQuery(document).ready(function($) {
|
||||
$('.datepicker').datepicker({
|
||||
format: 'yyyy-mm-dd',
|
||||
autoclose: true
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
// $('#lfm').filemanager('image', {prefix: route_prefix});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
var lfm = function(id, type, options) {
|
||||
let button = document.getElementById(id);
|
||||
|
||||
button.addEventListener('click', function() {
|
||||
var route_prefix = (options && options.prefix) ? options.prefix : '/filemanager';
|
||||
var target_input = document.getElementById(button.getAttribute('data-input'));
|
||||
var target_preview = document.getElementById(button.getAttribute('data-preview'));
|
||||
var multiple_selection = (options && options.multi_selection) ? options.multi_selection : false;
|
||||
// alert(multiple_selection);
|
||||
window.open(route_prefix + '?type=' + options.type || 'file', 'FileManager', 'width=900,height=600');
|
||||
window.SetUrl = function(items) {
|
||||
var file_path = items.map(function(item) {
|
||||
return item.url;
|
||||
}).join(',');
|
||||
|
||||
// set the value of the desired input to image url
|
||||
target_input.value = file_path;
|
||||
target_input.dispatchEvent(new Event('change'));
|
||||
|
||||
// clear previous preview
|
||||
target_preview.innerHtml = '';
|
||||
|
||||
// set or change the preview image src
|
||||
items.forEach(function(item) {
|
||||
let img = document.createElement('img')
|
||||
img.setAttribute('style', 'height: 5rem')
|
||||
img.setAttribute('src', item.thumb_url)
|
||||
if (!multiple_selection) target_preview.innerHTML = '';
|
||||
target_preview.appendChild(img);
|
||||
});
|
||||
|
||||
// trigger change event
|
||||
target_preview.dispatchEvent(new Event('change'));
|
||||
};
|
||||
});
|
||||
};
|
||||
</script>
|
||||
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||
<script>
|
||||
// When the document is ready
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
let success = "{{ Session::pull('success', '') }}";
|
||||
|
||||
// If there is a success message in the session data
|
||||
if (success !== '') {
|
||||
Swal.fire({
|
||||
icon: 'success',
|
||||
title: 'Success',
|
||||
text: success
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
@if (isset($GLOBALS['scripts']))
|
||||
{!! implode(PHP_EOL, $GLOBALS['scripts']) !!}
|
||||
@endif
|
||||
|
||||
@stack('js')
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user