From ea3ed117ff98222f810ef1e0d06145cb43aa9f36 Mon Sep 17 00:00:00 2001
From: Brian McGonagill <brian@fixitdelrio.com>
Date: Tue, 23 Jul 2024 14:03:26 -0500
Subject: [PATCH] Updated Store Management with newer materialize libraries

---
 client/AdminMgmt/StoreMgmt/storeMgmtForm.html |  1 +
 client/AdminMgmt/StoreMgmt/storeMgmtForm.js   | 68 +++++++++----------
 client/AdminMgmt/StoreMgmt/storeMgmtTbl.html  |  2 +-
 client/AdminMgmt/StoreMgmt/storeMgmtTbl.js    |  8 ++-
 4 files changed, 41 insertions(+), 38 deletions(-)

diff --git a/client/AdminMgmt/StoreMgmt/storeMgmtForm.html b/client/AdminMgmt/StoreMgmt/storeMgmtForm.html
index 98e4f19..c9fea0b 100644
--- a/client/AdminMgmt/StoreMgmt/storeMgmtForm.html
+++ b/client/AdminMgmt/StoreMgmt/storeMgmtForm.html
@@ -12,4 +12,5 @@
             {{/if}}
         </div>
     </form>
+    {{> snackbar}}
 </template>
\ No newline at end of file
diff --git a/client/AdminMgmt/StoreMgmt/storeMgmtForm.js b/client/AdminMgmt/StoreMgmt/storeMgmtForm.js
index 57f6766..642c921 100644
--- a/client/AdminMgmt/StoreMgmt/storeMgmtForm.js
+++ b/client/AdminMgmt/StoreMgmt/storeMgmtForm.js
@@ -25,10 +25,10 @@ Template.storeMgmtForm.events({
         } else {
             Meteor.call("add.store", storeName, function(err, result) {
                 if (err) {
-                    // console.log("ERROR: Store add failed: " + err);
+                    console.log("ERROR: Store add failed: " + err);
                 } else {
-                    // console.log("Success adding store!");
                     $("#storeName").val("");
+                    showSnackbar("Store Added Successfully!", "green");
                 }
             });
         }
@@ -38,37 +38,35 @@ Template.storeMgmtForm.events({
         $("#storeName").val("");
         Session.set("editModeStore", false);
     },
-    'submit #storeForm' (event) {
-        event.preventDefault();
-        let editMode = Session.get("editModeStore");
-        let storeName = $("#storeName").val();
-        if (storeName == "" || storeName == null) {
-            Session.set("borderRed", true);
-            return;
-        } else {
-            if (editMode == false) {
-                Meteor.call("add.store", storeName, function(err, result) {
-                    if (err) {
-                        // console.log("ERROR: Store add failed: " + err);
-                    } else {
-                        // console.log("Success adding store!");
-                        $("#storeName").val("");
-                    }
-                });
-            } else {
-                let storeId = Session.get("storeIdEdit");
-                Meteor.call("edit.store", storeId, storeName, function(err, result) {
-                    if (err) {
-                        // console.log("ERROR: Store add failed: " + err);
-                    } else {
-                        // console.log("Success adding store!");
-                        $("#storeName").val("");
-                        Session.set("editModeStore", false);
-                    }
-                });
-            }
-        }
-    },
+    // 'submit #storeForm' (event) {
+    //     event.preventDefault();
+    //     let editMode = Session.get("editModeStore");
+    //     let storeName = $("#storeName").val();
+    //     if (storeName == "" || storeName == null) {
+    //         Session.set("borderRed", true);
+    //         return;
+    //     } else {
+    //         if (editMode == false) {
+    //             Meteor.call("add.store", storeName, function(err, result) {
+    //                 if (err) {
+    //                     console.log("ERROR: Store add failed: " + err);
+    //                 } else {
+    //                     $("#storeName").val("");
+    //                 }
+    //             });
+    //         } else {
+    //             let storeId = Session.get("storeIdEdit");
+    //             Meteor.call("edit.store", storeId, storeName, function(err, result) {
+    //                 if (err) {
+    //                     console.log("ERROR: Store add failed: " + err);
+    //                 } else {
+    //                     $("#storeName").val("");
+    //                     Session.set("editModeStore", false);
+    //                 }
+    //             });
+    //         }
+    //     }
+    // },
     'click .editStoreMgmt' (event) {
         let storeName = $("#storeName").val();
         let storeId = Session.get("storeIdEdit");
@@ -78,11 +76,11 @@ Template.storeMgmtForm.events({
         } else {
             Meteor.call("edit.store", storeId, storeName, function(err, result) {
                 if (err) {
-                    // console.log("ERROR: Store add failed: " + err);
+                    console.log("ERROR: Store add failed: " + err);
                 } else {
-                    // console.log("Success adding store!");
                     $("#storeName").val("");
                     Session.set("editModeStore", false);
+                    showSnackbar("Store Updated Successfully!", "green");
                 }
             });
         }
diff --git a/client/AdminMgmt/StoreMgmt/storeMgmtTbl.html b/client/AdminMgmt/StoreMgmt/storeMgmtTbl.html
index 021354f..7b352e1 100644
--- a/client/AdminMgmt/StoreMgmt/storeMgmtTbl.html
+++ b/client/AdminMgmt/StoreMgmt/storeMgmtTbl.html
@@ -5,7 +5,7 @@
                 {{#each mgmtStoreInfo}}
                     <li class="collection-item">
                         {{storeName}}
-                        <i class="material-icons clickable deleteStore right tooltipped" data-position="top" data-tooltip="Delete Store">delete</i>
+                        <i class="material-icons clickable deleteStore right tooltipped modal-trigger" data-target="modalDelete" data-position="top" data-tooltip="Delete this store">delete</i>
                         <i class="material-icons clickable editStore right tooltipped" data-position="top" data-tooltip="Edit Store Name">edit</i>
                     </li>
                 {{/each}}
diff --git a/client/AdminMgmt/StoreMgmt/storeMgmtTbl.js b/client/AdminMgmt/StoreMgmt/storeMgmtTbl.js
index 883e3f4..aa9a802 100644
--- a/client/AdminMgmt/StoreMgmt/storeMgmtTbl.js
+++ b/client/AdminMgmt/StoreMgmt/storeMgmtTbl.js
@@ -1,12 +1,17 @@
 import { Stores } from '../../../imports/api/stores';
+import { M } from '../../lib/assets/materialize.js';
 
 Template.storeMgmtTbl.onCreated(function() {
     this.subscribe("storeInfo");
 });
 
 Template.storeMgmtTbl.onRendered(function() {
+    var elems = document.querySelectorAll('.modal');
+    var instances = M.Modal.init(elems, {});
+
     Meteor.setTimeout(function() {
-        $('.tooltipped').tooltip();
+        var elemt = document.querySelectorAll('.tooltipped');
+        var instancet = M.Tooltip.init(elemt, {});
     }, 150);
 });
 
@@ -23,7 +28,6 @@ Template.storeMgmtTbl.events({
         Session.set("method", "delete.store");
         Session.set("item", this.storeName);
         Session.set("view", "Stores");
-        $('#modalDelete').modal('open');
     },
     'click .editStore' (event) {
         event.preventDefault();