Feature #13 : Fiture Notify

2024-08-22 17:11:35 +07:00 · 2024-08-22 17:11:35 +07:00 · caa8f39c91
commit caa8f39c91
parent b545c0c85b
3 changed files with 34 additions and 0 deletions
--- a/package.json
+++ b/package.json
@ -21,7 +21,9 @@
        "@popperjs/core": "^2.11.8",
        "jquery": "^3.7.1",
        "mini-svg-data-uri": "^1.4.4",
+        "notie": "^4.3.1",
        "sweetalert2": "^11.12.4",
+        "toastr": "^2.1.4",
        "tom-select": "^2.3.1"
    }
 }
--- a/resources/js/app.js
+++ b/resources/js/app.js
@ -19,3 +19,19 @@ document.querySelectorAll(".tomselect").forEach((el) => {

    new TomSelect(el, settings);
 });
+
+import toast from "toastr";
+import "toastr/build/toastr.css";
+
+document.querySelectorAll(".toastr").forEach((el) => {
+    toast.options = {
+        closeButton: true,
+        timeOut: 5000,
+        showMethod: "slideDown",
+        closeMethod: "slideUp",
+        preventDuplication: true,
+        newestOnTop: true,
+        closeDuration: 300,
+    };
+    toast[el.dataset.type](el.dataset.message);
+});
--- a/resources/views/layouts/base.blade.php
+++ b/resources/views/layouts/base.blade.php
@ -15,6 +15,20 @@
 </head>

 <body class="flex h-full metronic sidebar-fixed header-fixed bg-[#fefefe] dark:bg-coal-500">
+
+@if (session('error'))
+    <em class="hidden toastr" data-type="error" data-message=" {{ session('status') }}"></em>
+@endif
+
+@if (session('info'))
+    <em class="hidden toastr" data-type="info" data-message=" {{ session('info') }}"></em>
+@endif
+
+@if (session('success'))
+    <em class="hidden toastr" data-type="success" data-message=" {{ session('success') }}"></em>
+@endif
+
+
 <!--begin::Theme mode setup on page load-->
 <script>
    const defaultThemeMode = 'dark'; // light|dark|system
@ -41,6 +55,8 @@

@yield('main')
@stack('scripts')
+
+
 </body>

 </html>