first change
This commit is contained in:
179
resources/views/layouts/app.blade.php
Normal file
179
resources/views/layouts/app.blade.php
Normal file
@@ -0,0 +1,179 @@
|
||||
<!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>{{ setting('title') }} - Consultancy CMS</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta content="Consultancy CCMS Admin & Dashboard" name="description" />
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<link rel="canonical" href="{{ setting('website_url') }}">
|
||||
<meta content="Bibhut" name="author" />
|
||||
<!-- App favicon -->
|
||||
<link rel="shortcut icon" href="{{ asset(setting('favicon')) }}">
|
||||
<!-- 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" />
|
||||
<link href="{{ asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="https://npmcdn.com/flatpickr/dist/themes/airbnb.css">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="{{ asset('assets/js/date-picker/daterangepicker.css') }}" />
|
||||
|
||||
<!-- App Css-->
|
||||
<link href="{{ asset('assets/css/app.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
<!-- custom Css-->
|
||||
<link href="{{ asset('assets/css/custom.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
|
||||
@livewireStyles
|
||||
|
||||
@stack('css')
|
||||
|
||||
@php
|
||||
$originalThemeColor = getThemeColor()['original'];
|
||||
$lighterThemeColor = getThemeColor()['lighter'];
|
||||
@endphp
|
||||
|
||||
<style>
|
||||
:root[data-sidebar="dark"] {
|
||||
--vz-primary: {{ $originalThemeColor }};
|
||||
--primary-theme-color: {{ $originalThemeColor }};
|
||||
--vz-vertical-menu-item-hover-color: {{ $lighterThemeColor }};
|
||||
--vz-vertical-menu-item-active-color: {{ $originalThemeColor }};
|
||||
--vz-vertical-menu-sub-item-hover-color: {{ $lighterThemeColor }};
|
||||
--vz-vertical-menu-sub-item-active-color: {{ $originalThemeColor }};
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
--vz-btn-bg: {{ $originalThemeColor }};
|
||||
--vz-btn-border-color: {{ $originalThemeColor }};
|
||||
--vz-btn-hover-bg: {{ $lighterThemeColor }};
|
||||
--vz-btn-hover-border-color: {{ $lighterThemeColor }};
|
||||
--vz-btn-focus-shadow-rgb: {{ $lighterThemeColor }};
|
||||
--vz-btn-active-bg: {{ $originalThemeColor }};
|
||||
--vz-btn-active-border-color: {{ $lighterThemeColor }};
|
||||
}
|
||||
|
||||
.nav-link:focus,
|
||||
.nav-link:hover {
|
||||
color: {{ $lighterThemeColor }};
|
||||
}
|
||||
|
||||
a:hover {
|
||||
--vz-link-color-rgb: {{ $lighterThemeColor }};
|
||||
}
|
||||
|
||||
.nav-border-top-primary .nav-link.active {
|
||||
color: {{ $originalThemeColor }};
|
||||
border-top-color: {{ $lighterThemeColor }};
|
||||
}
|
||||
|
||||
.dashboard-switch input:checked+.slider {
|
||||
background-color: {{ $originalThemeColor }};
|
||||
}
|
||||
|
||||
.dashboard-switch .slider {
|
||||
background-color: {{ $originalThemeColor }};
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="layout-wrapper">
|
||||
|
||||
<x-dashboard.navbar />
|
||||
<x-dashboard.remove-notification-modal />
|
||||
<x-dashboard.sidebar />
|
||||
|
||||
<div class="vertical-overlay"></div>
|
||||
|
||||
<div class="main-content">
|
||||
<div class="page-content">
|
||||
|
||||
@yield('content')
|
||||
|
||||
@isset($slot)
|
||||
{{ $slot }}
|
||||
@endisset
|
||||
|
||||
</div>
|
||||
|
||||
<x-dashboard.footer />
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<x-dashboard.preloader />
|
||||
|
||||
<!-- JAVASCRIPT -->
|
||||
<script>
|
||||
const app_url = "{{ config('app.url') }}";
|
||||
</script>
|
||||
<script src="{{ asset('assets/libs/jquery/jquery-3.7.1.min.js') }}"></script>
|
||||
<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/libs/sweetalert2/sweetalert2.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
|
||||
<script src="{{ asset('assets/libs/choice.js/choices.min.js') }}"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
|
||||
|
||||
<script src="{{ asset('assets/js/date-picker/moment.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/js/date-picker/daterangepicker.min.js') }}"></script>
|
||||
<script src="{{ asset('assets/js/date-picker/date-picker.init.js') }}"></script>
|
||||
|
||||
<!-- Ckeditor js -->
|
||||
<script src="{{ asset('assets/libs/ckeditor4/ckeditor.js') }}"></script>
|
||||
<script src="{{ asset('assets/libs/ckeditor4/adapters/jquery.js') }}"></script>
|
||||
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/@flasher/flasher@1.2.4/dist/flasher.min.js"></script>
|
||||
|
||||
<!-- App js -->
|
||||
<script src="{{ asset('assets/js/app.js') }}"></script>
|
||||
<script src="{{ asset('assets/js/custom.js') }}"></script>
|
||||
|
||||
@stack('js')
|
||||
|
||||
@livewireScripts
|
||||
|
||||
{{-- <script>
|
||||
const toggleButton = document.getElementById("dashboard-toggle-btn");
|
||||
toggleButton.addEventListener("change", function() {
|
||||
const isChecked = this.checked;
|
||||
const activeSidebar = isChecked ? "{{ config('app.sidebar.other') }}" :
|
||||
"{{ config('app.sidebar.default') }}";
|
||||
const url = "{{ route('dashboard.toggleDashboard') }}";
|
||||
fetch(url, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute(
|
||||
'content')
|
||||
},
|
||||
body: JSON.stringify({
|
||||
sidebar: activeSidebar
|
||||
})
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
console.log("Dashboard has been toggled!");
|
||||
window.location.href = "{{ route('dashboard') }}";
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error toggling the dashboard:', error);
|
||||
});
|
||||
});
|
||||
</script> --}}
|
||||
</body>
|
||||
|
||||
</html>
|
54
resources/views/layouts/guest.blade.php
Normal file
54
resources/views/layouts/guest.blade.php
Normal file
@@ -0,0 +1,54 @@
|
||||
<!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>{{ setting('title') }}</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta content="{{setting('title')}} - Consultancy CMS Admin Dashboard" name="description" />
|
||||
<meta content="Bibhuti" name="author" />
|
||||
<link rel="canonical" href="{{ setting('website_url') }}">
|
||||
<link rel="shortcut icon" href="{{ asset(setting('favicon')) }}">
|
||||
|
||||
<script src="{{ asset('assets/js/layout.js') }}"></script>
|
||||
<link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
<link href="{{ asset('assets/css/icons.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
<link href="{{ asset('assets/css/app.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
<link href="{{ asset('assets/css/custom.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
|
||||
@php
|
||||
$originalThemeColor = getThemeColor()['original'];
|
||||
$lighterThemeColor = getThemeColor()['lighter'];
|
||||
@endphp
|
||||
<style>
|
||||
.btn-primary {
|
||||
--vz-btn-bg: {{ $originalThemeColor }};
|
||||
--vz-btn-border-color: {{ $originalThemeColor }};
|
||||
--vz-btn-hover-bg: {{ $lighterThemeColor }};
|
||||
--vz-btn-hover-border-color: {{ $lighterThemeColor }};
|
||||
--vz-btn-focus-shadow-rgb: {{ $lighterThemeColor }};
|
||||
--vz-btn-active-bg: {{ $originalThemeColor }};
|
||||
--vz-btn-active-border-color: {{ $lighterThemeColor }};
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
@yield('content')
|
||||
|
||||
<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>
|
||||
<script src="{{ asset('assets/libs/particles.js/particles.js') }}"></script>
|
||||
<script src="{{ asset('assets/js/pages/particles.app.js') }}"></script>
|
||||
<script src="{{ asset('assets/js/pages/password-addon.init.js') }}"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
Reference in New Issue
Block a user