Added Menu List and the Menu Table view.

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);  
+            }
+        }
+    },
+});