Added Menu List and the Menu Table view.

client/General/headerBar.html

@@ -9,6 +9,7 @@
           <ul class="right hide-on-med-and-down">
             {{#if currentUser}}
               <li><a href="#" id="mylists" class="navBtn">My Lists</a></li>
+              <li><a href="#" id="mymenus" class="navBtn">My Menus</a></li>
               {{#if isInRole 'systemadmin'}}
                 <li><a href="#" id="manage" class="navBtn">Manage</a></li>
               {{/if}}
@@ -22,6 +23,7 @@
       <ul class="sidenav" id="mobile-demo">
         {{#if currentUser}}
         <li><a href="#!" id="mylists" class="navBtn">My Lists</a></li>
+        <li><a href="#!" id="mymenus" class="navBtn">My Menus</a></li>
         {{#if isInRole 'systemadmin'}}
           <li><a href="#!" id="manage" class="navBtn">Manage</a></li>
         {{/if}}

client/MenuItems/menuItems.html

@@ -0,0 +1,5 @@
+<template name="menuItems">
+    {{> menuItemsForm}}
+    <hr>
+    {{> menuItemsTbl}}
+</template>

client/MenuItems/menuItems.js

@@ -0,0 +1,15 @@
+Template.menuItems.onCreated(function() {
+
+});
+
+Template.menuItems.onRendered(function() {
+
+});
+
+Template.menuItems.helpers({
+
+});
+
+Template.menuItems.events({
+
+});

client/MenuItems/menuItemsForm.js

@@ -0,0 +1,47 @@
+import { MenuItems } from '../../imports/api/menuItems.js';
+import { Menus } from '../../imports/api/menu.js';
+
+Template.menuItemsForm.onCreated(function() {
+    this.subscribe("myMenus");
+    this.subscribe("myMenuItems", Session.get("menuId"));
+});
+
+Template.menuItemsForm.onRendered(function() {
+    $('.datepicker').datepicker();
+    Session.set("menuItemErr", false);
+});
+
+Template.menuItemsForm.helpers({
+    menuItemErr: function() {
+        return Session.get("menuItemErr");
+    },
+    menuName: function() {
+        let menuId = Session.get("menuId");
+        let menuInfo = Menus.findOne({ _id: menuId });
+        let menuName = menuInfo.menuName;
+        return menuName;
+    }
+});
+
+Template.menuItemsForm.events({
+    'click .saveMenuItem' (event) {
+        event.preventDefault();
+        let menuItem = $("#menuItemInp").val();
+        let dateSrv = $("#dateServed").val();
+        let menuId = Session.get("menuId");
+
+        if (menuItem == null || menuItem == "") {
+            Session.set("menuItemErr", true);
+        } else {
+            Meteor.call('add.menuItem', menuItem, dateSrv, menuId, function(err, result) {
+                if (err) {
+                    console.log("    ERROR adding menu item: " + err);
+                } else {
+                    console.log("    SUCCESS adding menu item.");
+                    $("#menuItemInp").val("");
+                    $("#dateServed").val("");
+                }
+            });
+        }
+    }
+});

client/MenuItems/menuItemsTbl.html

@@ -0,0 +1,28 @@
+<template name="menuItemsTbl">
+    <div class="row">
+        <div class="col s12">
+            <table>
+                {{#each thisMenuItems}}
+                <tr class="clickable">
+                    <td>
+                        <span>
+                            {{#if $eq itemMade true}}
+                                <strike>{{itemName}}</strike>
+                            {{else}}
+                                {{itemName}}
+                            {{/if}}
+                        </span>
+                    </td>
+                    <td>
+                        {{serveDate}}
+                    </td>
+                    <td>
+                        <i class="material-icons clickable deleteMenuItem right">delete</i>
+                    </td>
+                </tr>
+                {{/each}}
+            </table>
+        </div>
+    </div>
+    {{> deleteConfirmationModal}}
+</template>

client/MenuItems/menuItemsTbl.js

@@ -0,0 +1,21 @@
+import { MenuItems } from '../../imports/api/menuItems.js';
+
+Template.menuItemsTbl.onCreated(function() {
+    this.autorun( () => {
+        this.subscribe("myMenuItems", Session.get("menuId"));
+    });
+});
+
+Template.menuItemsTbl.onRendered(function() {
+
+});
+
+Template.menuItemsTbl.helpers({
+    thisMenuItems: function() {
+        return MenuItems.find({});
+    }
+});
+
+Template.menuItemsTbl.events({
+    
+});

client/MenuItems/menuitemsForm.html

@@ -0,0 +1,20 @@
+<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>
+        </div>
+        <div class="row">
+            <div class="col s12">
+                <a class="waves-effect waves-light btn saveMenuItem green right">Add</a>
+            </div>
+        </div>
+    </form>
+</template>

client/Menus/addMenuModal.html

@@ -0,0 +1,26 @@
+<template name="addMenuModal">
+    <div id="modalMenu" class="modal">
+        <div class="modal-content">
+            <h4>Add New Menu</h4>
+            <form action="submit" class="menuAdd">
+                <div class="row">
+                    <div class="col s12 input-field">
+                        <input type="text" class="menuNameInp" style="{{#if $eq menuNameErr true}}border: 2px solid red{{/if}}" id="menuNameInp" />
+                        <label for="menuNameInp">Menu Name</label>
+                    </div>
+                </div>
+            </form>
+        </div>
+        <div class="modal-footer">
+            <div class="row">
+                <div class="col s12">
+                    {{#if $eq editMode false}}
+                        <a class="modal-close waves-effect waves-light btn saveMenu green right">Add</a>
+                    {{else}}
+                        <a class="modal-close waves-effect waves-light btn renameMenu blue right">Rename</a>
+                    {{/if}}
+                </div>
+            </div>
+        </div>
+    </div>
+</template>

client/Menus/addMenuModal.js

@@ -0,0 +1,42 @@
+import { Menus } from '../../imports/api/menu.js';
+
+Template.addMenuModal.onCreated(function() {
+    this.subscribe("myMenus");
+});
+
+Template.addMenuModal.onRendered(function() {
+    Session.set("menuNameErr", false);
+    $('.modal').modal();
+});
+
+Template.addMenuModal.helpers({
+    menuNameErr: function() {
+        return Session.get("menuNameErr");
+    },
+    editMode: function() {
+        return Session.get("menuEditMode");
+    }
+});
+
+Template.addMenuModal.events({
+    'click .saveMenu' (event) {
+        event.preventDefault();
+        let menuName = $("#menuNameInp").val();
+        if (menuName == "" || menuName == null) {
+            Session.set("menuNameErr", true);
+        } else {
+            Meteor.call("add.menu", menuName, function(err, result) {
+                if (err) {
+                    console.log("    ERROR adding menu: " + err);
+                } else {
+                    console.log("    SUCCESS adding menu.");
+                    $("#menuNameInp").val("");
+                }
+            });
+        }
+    },
+    'click .renameMenu' (event) {
+        event.preventDefault();
+
+    },
+});

client/Menus/mainMenu.html

@@ -0,0 +1,3 @@
+<template name="mainMenu">
+    {{> mainMenuTbl}}
+</template>

client/Menus/mainMenu.js

@@ -0,0 +1,15 @@
+Template.mainMenu.onCreated(function() {
+
+});
+
+Template.mainMenu.onRendered(function() {
+
+});
+
+Template.mainMenu.helpers({
+
+});
+
+Template.mainMenu.events({
+
+});

client/Menus/mainMenuTbl.html

@@ -0,0 +1,18 @@
+<template name="mainMenuTbl">
+    <div class="row">
+        <div class="col s12">
+            <ul class="collection">
+                {{#each myMenus}}
+                <li class="collection-item clickable" id="{{this._id}}">
+                    {{menuName}}
+                    <i class="material-icons clickable markComplete right" id="check_{{this._id}}">check</i>
+                </li>
+                {{/each}}
+                <li class="collection-item clickable addNew" id="addMenu"> + Add New Menu</li>
+            </ul>
+        </div>
+    </div>
+    {{> addMenuModal}}
+    
+    {{> snackbar}}
+</template>

client/Menus/mainMenuTbl.js

@@ -0,0 +1,40 @@
+import { Menus } from '../../imports/api/menu.js';
+
+Template.mainMenuTbl.onCreated(function() {
+    this.subscribe("myMenus");
+});
+
+Template.mainMenuTbl.onRendered(function() {
+    Session.set("menuEditMode", false);
+});
+
+Template.mainMenuTbl.helpers({
+    myMenus: function() {
+        return Menus.find({});
+    }
+});
+
+Template.mainMenuTbl.events({
+    // 'click #addMenu' (event) {
+    //     event.preventDefault();
+    //     $('#modalMenu').modal('open');
+    // },
+    'click li.collection-item' (event) {
+        event.preventDefault();
+        let sender = event.target;
+        // console.log("Sender origination from: ");
+        // console.log(sender.localName);
+        if (sender.localName == "li") {
+            let menuId = event.currentTarget.id;
+            if (menuId == "addMenu") {
+                $('#modalMenu').modal('open');
+            } else {
+                console.log("menuId is: " + menuId);
+                Session.set("menuId", menuId);
+                Meteor.setTimeout(function() {
+                    FlowRouter.go('/menuitems');
+                }, 100);  
+            }
+        }
+    },
+});