Updated modal styling and fixed a weird bug

This commit is contained in:
Brian McGonagill 2024-07-30 08:37:42 -05:00
parent 00a99e0393
commit be07ec72bd
5 changed files with 21 additions and 8 deletions

View file

@ -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>

View file

@ -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;
}

View file

@ -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);
}
});

View file

@ -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>

View file

@ -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;
}