Added Menu List and the Menu Table view.

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>