get_my/client/MenuItems/menuItemsForm.js

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");
    this.subscribe("allMenuItems", Session.get("menuId"));
});

Template.menuItemsForm.onRendered(function() {
    var elems = document.querySelectorAll('.datepicker');
    var instances = M.Datepicker.init(elems, {});

    Session.set("menuItemErr", false);
    Session.set("menuListItems", {});

    this.autorun(() => {
        var elema = document.querySelectorAll('.autocomplete');
        var instancea = M.Autocomplete.init(elema, {
            minlength: 0,
            data: Session.get("menuListItems"),
        });
    });
});

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("");
                }
            });
        }
    },
    'click .shiftOneDay' (event) {
        event.preventDefault();
        let menuInfo = MenuItems.find({}).fetch();
        // now menuInfo is an array
        let menuInfoLen = menuInfo.length;
        for (i = 0; i < menuInfoLen; i++) {
            let menuItemId = menuInfo[i]._id;
            let momentAddDay = moment(menuInfo[i].serveDate).add(1, 'day').format("MMM DD, YYYY");
            // console.log(momentAddDay);
            Meteor.call('shiftDate', menuItemId, momentAddDay, function(err,result) {
                if (err) {
                    // console.log("    ERROR shifting meal days: " + err);
                } else {
                    // console.log("    SUCCESS shifting meal date.");
                }
            });
        }
    },
    'keyup #menuItemInp' (event) {
        if (event.which != 13) {
            let findMenuItem = $("#menuItemInp").val();
            let menuItemInfo = MenuItems.find({ itemName: {$regex: findMenuItem + '.*', $options: 'i' }}).fetch();
            if (typeof menuItemInfo != 'undefined' && menuItemInfo != '' && menuItemInfo != null) {
                getMenuItemList(menuItemInfo);
            }
        }
    },
});

getMenuItemList = function(menuItemInfo) {
    let menuItemObjArray = [];
    menuItemObjArray = menuItemInfo.map(info => ({ id: info._id, text: info.itemName }));
    Session.set("menuListItems", menuItemObjArray);
}