RouteMeHome/get_my
1
0
Fork 0
mirror of https://gitlab.com/bmcgonag/get_my.git synced 2026-03-27 00:08:49 +00:00
Code Issues 1 Projects Releases Packages Wiki Activity Actions

Updated modal styling and fixed a weird bug

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

10
client/MenuItems/addProdToListModal.html
View file

@ -1,6 +1,6 @@
<template name="addProdToListModal"> <template name="addProdToListModal">
<div class="modal" id="addProdToList"> <div class="modal tall-modal" id="addProdToList">
<div class="modal-content"> <div class="modal-content tall-content">
<h2>Add Items to List</h2> <h2>Add Items to List</h2>
<form class="row" style="gap: 1em;"> <form class="row" style="gap: 1em;">
<div class="col s12 input-field outlined" id="chooseListDiv"> <div class="col s12 input-field outlined" id="chooseListDiv">
@ -33,11 +33,11 @@
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<div class="row"> <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> <a class="left btn waves-effect waves-light orange white-text modal-close">Cancel</a>
</div> </div>
<div class="col s12 m6 l6"> <div class="col s6 m6 l6">
<a class="btn waves-effect waves-light green white-text saveProdsToList" id="saveProdsToList">Save to List</a> <a class="right btn waves-effect waves-light green white-text saveProdsToList" id="saveProdsToList">Save to List</a>
</div> </div>
</div> </div>

5
client/MenuItems/addProdToListModal.js
View file

@ -30,7 +30,10 @@ Template.addProdToListModal.helpers({
return Lists.find({}); return Lists.find({});
}, },
productToChoose: function() { 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) { if (typeof prodLinkLIst != 'undefined' && prodLinkLIst != "" && prodLinkLIst != null) {
return prodLinkLIst; return prodLinkLIst;
} }

1
client/MenuItems/menuItemsTbl.js
View file

@ -40,6 +40,7 @@ Template.menuItemsTbl.events({
}, },
'click .addProdsToList' (event) { 'click .addProdsToList' (event) {
event.preventDefault(); event.preventDefault();
console.log("Menu Iteme Id sent is: " + this._id);
Session.set("menuItemId", this._id); Session.set("menuItemId", this._id);
} }
}); });

4
client/MenuItems/modalLinkProducts.html
View file

@ -1,6 +1,6 @@
<template name="modalLinkProducts"> <template name="modalLinkProducts">
<div id="modalLinkProducts" class="modal"> <div id="modalLinkProducts" class="modal tall-modal">
<div class="modal-content"> <div class="modal-content tall-content">
<p class="flow-text">Choose Product Items below that are used to make this menu item.</p> <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"> <div class="col s12 input-field outlined" id="prouctsForMenudiv">
<select name="" id="prodForMenu" class="prodForMenu" multiple> <select name="" id="prodForMenu" class="prodForMenu" multiple>

9
client/main.css
View file

@ -28,4 +28,13 @@ strike {
.my-text { .my-text {
font-size: 1.3em !important; font-size: 1.3em !important;
}
.tall-modal {
height: 75% !important;
}
.tall-content {
overflow-y: scroll !important;
height: 80% !important;
} }