rasyahroel/it_security_template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feature #3 : jQuery and Sweetalert2

Browse Source
This commit is contained in:
Daeng Deni Mardaeni 2024-08-05 14:26:06 +07:00
parent 8bfc23fa23
commit d2b549b6e6
5 changed files with 33 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
package.json
View File

@ -6,6 +6,7 @@
"build": "vite build"
},
"devDependencies": {
"@rollup/plugin-inject": "^5.0.5",
"autoprefixer": "^10.4.19",
"axios": "^1.6.4",
"laravel-vite-plugin": "^1.0",
@ -16,6 +17,8 @@
},
"dependencies": {
"@popperjs/core": "^2.11.8",
"mini-svg-data-uri": "^1.4.4"
"jquery": "^3.7.1",
"mini-svg-data-uri": "^1.4.4",
"sweetalert2": "^11.12.4"
}
}

3
resources/js/app.js
View File

@ -3,3 +3,6 @@ import "./bootstrap";
import "../metronic/core/index";
import "../metronic/app/layouts/base.js";
import $ from 'jquery';
window.$ = $;
let dataTable;

11
resources/views/layouts/base.blade.php
View File

@ -1,4 +1,6 @@
@php use Nwidart\Modules\Module; @endphp
@php
use Nwidart\Modules\Module;
@endphp
<!doctype html>
<html class="h-full" data-theme="true" data-theme-mode="light" lang="en">
@ -8,7 +10,7 @@
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
@vite(Module::getAssets())
@vite('resources/css/app.scss')
</head>
<body class="flex h-full metronic sidebar-fixed header-fixed bg-[#fefefe] dark:bg-coal-500">
@ -26,7 +28,8 @@
themeMode = defaultThemeMode;
}
if (themeMode === 'system') {ß
if (themeMode === 'system') {
ß
themeMode = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
}
@ -36,6 +39,8 @@
<!--end::Theme mode setup on page load-->
@yield('main')
@vite('resources/js/app.js')
@stack('scripts')
</body>
</html>

1
tailwind.config.js
View File

@ -4,6 +4,7 @@ export default {
"./resources/**/*.blade.php",
"./resources/**/*.js",
"./resources/**/*.vue",
"./modules/**/*.php",
],
safelist: [
'metronic',

19
vite.config.js
View File

@ -1,18 +1,31 @@
import {defineConfig} from 'vite';
import laravel from 'laravel-vite-plugin';
import collectModuleAssetsPaths from './vite-module-loader.js';
import inject from "@rollup/plugin-inject";
const paths = [
const allPaths = [
'resources/css/app.scss',
'resources/js/app.js',
];
const allPaths = await collectModuleAssetsPaths(paths, 'Modules');
export default defineConfig({
build: {
sourcemap: true,
rollupOptions: {
output: {
chunkFileNames: 'js/[name].js',
entryFileNames: 'js/[name].js',
},
}
},
plugins: [
inject({ // => that should be first under plugins array
$: 'jquery',
jQuery: 'jquery',
}),
laravel({
input: allPaths,
refresh: true,
refresh: true
}),
],
});