master_template/resources/views/backend/template.blade.php
2024-06-10 18:06:58 +05:45

242 lines
8.5 KiB
PHP

<!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>