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 Menus and Menu Items to use newer materialize

Browse source
This commit is contained in:
Brian McGonagill 2024-07-23 14:59:43 -05:00
parent ea3ed117ff
commit 81559683eb
9 changed files with 59 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

5
client/MenuItems/menuItemsForm.js
View file

@ -1,6 +1,7 @@
import { MenuItems } from '../../imports/api/menuItems.js';
import { Menus } from '../../imports/api/menu.js';
import moment from 'moment';
import { M } from '../lib/assets/materialize.js';
Template.menuItemsForm.onCreated(function() {
this.subscribe("myMenus");
@ -8,7 +9,9 @@ Template.menuItemsForm.onCreated(function() {
});
Template.menuItemsForm.onRendered(function() {
$('.datepicker').datepicker();
var elems = document.querySelectorAll('.datepicker');
var instances = M.Datepicker.init(elems, {});
Session.set("menuItemErr", false);
});

2
client/MenuItems/menuItemsTbl.html
View file

@ -17,7 +17,7 @@
{{serveDate}}
</td>
<td>
<i class="material-icons clickable deleteMenuItem right">delete</i>
<i class="material-icons clickable deleteMenuItem right modal-trigger" data-target="modalDelete">delete</i>
</td>
</tr>
{{/each}}

16
client/MenuItems/menuItemsTbl.js
View file

@ -1,4 +1,5 @@
import { MenuItems } from '../../imports/api/menuItems.js';
import { M } from '../lib/assets/materialize.js';
Template.menuItemsTbl.onCreated(function() {
this.autorun( () => {
@ -7,7 +8,8 @@ Template.menuItemsTbl.onCreated(function() {
});
Template.menuItemsTbl.onRendered(function() {
var elems = document.querySelectorAll('.modal');
var instances = M.Modal.init(elems, {});
});
Template.menuItemsTbl.helpers({
@ -19,13 +21,9 @@ Template.menuItemsTbl.helpers({
Template.menuItemsTbl.events({
'click .deleteMenuItem' (event) {
event.preventDefault();
let menuItemId = this._id;
Meteor.call('delete.menuItem', menuItemId, function(err, result) {
if (err) {
console.log(" ERROR: can't delte menu item: " + err);
} else {
console.log(" SUCCESS deleting menu item.");
}
});
Session.set("deleteId", this._id);
Session.set("method", "delete.menuItem");
Session.set("item", this.itemName);
Session.set("view", "Menu Items");
},
});

32
client/MenuItems/menuitemsForm.html
View file

@ -1,22 +1,22 @@
<template name="menuItemsForm">
<h5>{{menuName}}</h5>
<form action="" class="menuItemFrm" id="menuItemFrm">
<div class="row">
<div class="col s8 input-field">
<input type="text" class="menuItemInp" style="{{#if $eq menuItemErr true}}border: 2px solid red{{/if}}" id="menuItemInp" />
<label for="menuItemInp">Add Menu Item</label>
</div>
<div class="col s4 input-field">
<input type="text" class="datepicker" id="dateServed" />
<label for="dateserved">Date to Serve</label>
</div>
<form class="menuItemFrm row" style="gap: 1em;" id="menuItemFrm">
<div class="col s12 m6 l9 input-field outlined">
<input type="text" class="menuItemInp" style="{{#if $eq menuItemErr true}}border: 2px solid red{{/if}}" id="menuItemInp" />
<label for="menuItemInp">Add Menu Item</label>
</div>
<div class="row">
<div class="col s6">
<a class="waves-effect waves-light btn shiftOneDay blue">Shift All By 1 Day</a>
</div>
<div class="col s6">
<a class="waves-effect waves-light btn saveMenuItem green right">Add</a>
<div class="col s12 m6 l3 input-field outlined">
<input type="text" class="datepicker" id="dateServed" />
<label for="dateserved">Date to Serve</label>
</div>
<div class="col s12">
<div class="row">
<div class="col s6 m6 l6">
<a class="waves-effect waves-light btn shiftOneDay blue white-text left">Shift All By 1 Day</a>
</div>
<div class="col s6 m6 l6">
<a class="waves-effect waves-light btn saveMenuItem green white-text right">Add</a>
</div>
</div>
</div>
</form>