From be07ec72bd18142869a17eef22851906f033a7b5 Mon Sep 17 00:00:00 2001
From: Brian McGonagill <brian@fixitdelrio.com>
Date: Tue, 30 Jul 2024 08:37:42 -0500
Subject: [PATCH] Updated modal styling and fixed a weird bug

---
 client/MenuItems/addProdToListModal.html | 10 +++++-----
 client/MenuItems/addProdToListModal.js   |  5 ++++-
 client/MenuItems/menuItemsTbl.js         |  1 +
 client/MenuItems/modalLinkProducts.html  |  4 ++--
 client/main.css                          |  9 +++++++++
 5 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/client/MenuItems/addProdToListModal.html b/client/MenuItems/addProdToListModal.html
index c5b7029..b397b96 100644
--- a/client/MenuItems/addProdToListModal.html
+++ b/client/MenuItems/addProdToListModal.html
@@ -1,6 +1,6 @@
 <template name="addProdToListModal">
-    <div class="modal" id="addProdToList">
-        <div class="modal-content">
+    <div class="modal tall-modal" id="addProdToList">
+        <div class="modal-content tall-content">
             <h2>Add Items to List</h2>
             <form class="row" style="gap: 1em;">
                 <div class="col s12 input-field outlined" id="chooseListDiv">
@@ -33,11 +33,11 @@
         </div>
         <div class="modal-footer">
             <div class="row">
-                <div class="col s12 m6 l6">
+                <div class="col s6 m6 l6">
                     <a class="left btn waves-effect waves-light orange white-text modal-close">Cancel</a>
                 </div>
-                <div class="col s12 m6 l6">
-                    <a class="btn waves-effect waves-light green white-text saveProdsToList" id="saveProdsToList">Save to List</a>
+                <div class="col s6 m6 l6">
+                    <a class="right btn waves-effect waves-light green white-text saveProdsToList" id="saveProdsToList">Save to List</a>
                 </div>
             </div>
             
diff --git a/client/MenuItems/addProdToListModal.js b/client/MenuItems/addProdToListModal.js
index 1b58f17..548fc15 100644
--- a/client/MenuItems/addProdToListModal.js
+++ b/client/MenuItems/addProdToListModal.js
@@ -30,7 +30,10 @@ Template.addProdToListModal.helpers({
         return Lists.find({});
     },
     productToChoose: function() {
-        let prodLinkLIst = MenuProdLinks.find({ menuId: Session.get("menuItemId")});
+        let menuItemId = Session.get("menuItemId");
+        console.log("Menu Item Id received is: " + menuItemId);
+        let prodLinkLIst = MenuProdLinks.find({ menuItemId: menuItemId});
+        console.dir(prodLinkLIst);
         if (typeof prodLinkLIst != 'undefined' && prodLinkLIst != "" && prodLinkLIst != null) {
             return prodLinkLIst;
         }
diff --git a/client/MenuItems/menuItemsTbl.js b/client/MenuItems/menuItemsTbl.js
index 2347b7f..48d480f 100644
--- a/client/MenuItems/menuItemsTbl.js
+++ b/client/MenuItems/menuItemsTbl.js
@@ -40,6 +40,7 @@ Template.menuItemsTbl.events({
     },
     'click .addProdsToList' (event) {
         event.preventDefault();
+        console.log("Menu Iteme Id sent is: " + this._id);
         Session.set("menuItemId", this._id);
     }
 });
\ No newline at end of file
diff --git a/client/MenuItems/modalLinkProducts.html b/client/MenuItems/modalLinkProducts.html
index ec47b68..89dfcf1 100644
--- a/client/MenuItems/modalLinkProducts.html
+++ b/client/MenuItems/modalLinkProducts.html
@@ -1,6 +1,6 @@
 <template name="modalLinkProducts">
-    <div id="modalLinkProducts" class="modal">
-        <div class="modal-content">
+    <div id="modalLinkProducts" class="modal tall-modal">
+        <div class="modal-content tall-content">
             <p class="flow-text">Choose Product Items below that are used to make this menu item.</p>
             <div class="col s12 input-field outlined" id="prouctsForMenudiv">
                 <select name="" id="prodForMenu" class="prodForMenu" multiple>
diff --git a/client/main.css b/client/main.css
index 4eed2dc..317e09f 100644
--- a/client/main.css
+++ b/client/main.css
@@ -28,4 +28,13 @@ strike {
 
 .my-text {
   font-size: 1.3em !important;
+}
+
+.tall-modal {
+  height: 75% !important;
+}
+
+.tall-content {
+  overflow-y: scroll !important;
+  height: 80% !important;
 }
\ No newline at end of file