Changes to post|put|patch|delete

2025-11-02 21:46:02 +01:00
parent 63e0958b66
commit fd9f26d82a
21 changed files with 786 additions and 465 deletions
@@ -1,11 +1,63 @@
 <script setup>
-import { watch, onMounted, onUnmounted } from 'vue';
+import { watch, onMounted, onUnmounted, h } from 'vue';
 import { usePage } from '@inertiajs/vue3';
 import { Toaster } from '@/Components/ui/sonner';
 import { toast } from 'vue-sonner';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import { library } from '@fortawesome/fontawesome-svg-core';
+import { 
+  faCircleCheck,
+  faPen,
+  faPencil,
+  faTrash
+} from '@fortawesome/free-solid-svg-icons';
+
+library.add(faCircleCheck, faPen, faPencil, faTrash);

 const page = usePage();

+// Helper function to get toast config based on HTTP method
+const getToastConfig = (method, message) => {
+  const methodUpper = method?.toUpperCase() || '';
+  
+  switch (methodUpper) {
+    case 'POST':
+      return {
+        type: 'success',
+        message: message,
+        icon: () => h(FontAwesomeIcon, { icon: faCircleCheck, class: 'text-green-600' }),
+        description: 'Ustvarjeno',
+        className: 'border-green-500 bg-green-50',
+      };
+    case 'PUT':
+      return {
+        type: 'info',
+        message: message,
+        icon: () => h(FontAwesomeIcon, { icon: faPen, class: 'text-blue-600' }),
+        description: 'Posodobljeno',
+        className: 'border-blue-500 bg-blue-50',
+      };
+    case 'PATCH':
+      return {
+        type: 'info',
+        message: message,
+        icon: () => h(FontAwesomeIcon, { icon: faPencil, class: 'text-indigo-600' }),
+        description: 'Spremenjeno',
+        className: 'border-indigo-500 bg-indigo-50',
+      };
+    case 'DELETE':
+      return {
+        type: 'error',
+        message: message,
+        icon: () => h(FontAwesomeIcon, { icon: faTrash, class: 'text-red-600' }),
+        description: 'Izbrisano',
+        className: 'border-red-500 bg-red-50',
+      };
+    default:
+      return null;
+  }
+};
+
 // Watch for flash messages from Inertia
 watch(
  () => page.props.flash,
@@ -13,21 +65,80 @@ watch(
    if (!flash) return;

    const flashTypes = ['success', 'error', 'warning', 'info'];
+    const method = flash.method?.toUpperCase();
+    
    for (const type of flashTypes) {
      if (flash[type]) {
-        switch (type) {
-          case 'success':
-            toast.success(flash[type]);
-            break;
-          case 'error':
-            toast.error(flash[type]);
-            break;
-          case 'warning':
-            toast.warning(flash[type]);
-            break;
-          case 'info':
-            toast.info(flash[type]);
-            break;
+        const message = flash[type];
+        
+        // If method is provided, use custom styling
+        if (method) {
+          const config = getToastConfig(method, message);
+          if (config) {
+            // Use toast.custom or the appropriate type with options
+            switch (config.type) {
+              case 'success':
+                toast.success(message, {
+                  description: config.description,
+                  icon: config.icon,
+                  class: config.className,
+                });
+                break;
+              case 'error':
+                toast.error(message, {
+                  description: config.description,
+                  icon: config.icon,
+                  class: config.className,
+                });
+                break;
+              case 'info':
+                toast.info(message, {
+                  description: config.description,
+                  icon: config.icon,
+                  class: config.className,
+                });
+                break;
+              case 'warning':
+                toast.warning(message, {
+                  description: config.description,
+                  icon: config.icon,
+                  class: config.className,
+                });
+                break;
+            }
+          } else {
+            // Fallback to default behavior
+            switch (type) {
+              case 'success':
+                toast.success(message);
+                break;
+              case 'error':
+                toast.error(message);
+                break;
+              case 'warning':
+                toast.warning(message);
+                break;
+              case 'info':
+                toast.info(message);
+                break;
+            }
+          }
+        } else {
+          // Default behavior when no method is specified
+          switch (type) {
+            case 'success':
+              toast.success(message);
+              break;
+            case 'error':
+              toast.error(message);
+              break;
+            case 'warning':
+              toast.warning(message);
+              break;
+            case 'info':
+              toast.info(message);
+              break;
+          }
        }
      }
    }