Menu testing

var cities = {
ny: {
id: 688,
name: ‘New York’
},
sf: {
id: 706,
name: ‘San Francisco’
}
};
var requestedDate = new Date();
requestedDate.setDate(requestedDate.getDate() + (1 + 7 – requestedDate.getDay()) % 7)
requestedDate = requestedDate.toISOString();
requestedDate = requestedDate.substr(0, 10) + ‘T10:00:00.000Z’;

function setMenu(city, city_shorthand, first_load) {
var titleElement = document.querySelector(‘.page-title–menu span’);
if (titleElement) {
document.querySelector(‘.page-title–menu span’).innerHTML = city.name;
}
_.each(document.querySelectorAll(‘.gallery_download-menu-link, .link–download-nutrition’), function(element) {
element.style.display = ‘none’;
});
document.querySelector(‘.gallery_download-menu-link.’ + city_shorthand).style.display = ‘inline’;
document.querySelector(‘.link–download-nutrition.’ + city_shorthand).style.display = ‘inline-flex’;

axios.get(`https://api.opentender.io/order-api/menus?revenue_center_id=${city.id}&service_type=${‘WALKIN’}&requested_at=${requestedDate}`, {
headers: {
“client-id”: “GbHILe49is8UUwHcHhfPynVzeMzZK4vYfgtX7Zg7xotCvPxG”,
“brand-id”: ’64’
}
}).then(function({
data
}) {

var categoryTemplate = _.template(document.getElementById(‘menu-category-template’).innerHTML);
var navigationTemplate = _.template(document.getElementById(‘menu-navigation-template’).innerHTML);
var template = _.template(document.getElementById(‘menu-item-template’).innerHTML);
var parentTarget = document.getElementById(‘content’);
var navigationTarget = document.querySelector(‘.menu-navigation__list’);
var disclaimerElement = document.querySelector(‘.menu__list-disclaimer’);
var lists = document.querySelectorAll(‘.menu’);
for (var i = 0; i < lists.length; i++) {
lists[i].remove();
}
navigationTarget.innerHTML = '';
_.each(data.menu, function(category) {
console.log()
parentTarget.insertBefore(htmlToNode(categoryTemplate(category)), disclaimerElement);
navigationTarget.appendChild(htmlToNode(navigationTemplate(category)));
console.log(parentTarget,categoryTemplate(category) )
var target = document.querySelector('#category-' + category.slug + ' ul');

if (category.items.length) {
_.each(category.items, function(item) {
target.appendChild(htmlToNode(template(item)));
});
document.querySelector('#category-' + category.slug + ' h3').classList.remove('hidden');
} else if (category.children.length) {
_.each(category.children, function(children) {
_.each(children.items, function(item) {
target.appendChild(htmlToNode(template(item)));
});
});
document.querySelector('#category-' + category.slug + ' h3').classList.remove('hidden');
} else {
target.remove();
}
lazyLoadImages();
});
if (first_load && window.location.hash != '') {
document.getElementById(window.location.hash.substr(1)).scrollIntoView(true);
}
});

function htmlToNode(html) {
var node = document.createElement('div');
node.innerHTML = html.trim();
return node.firstChild;
}