';
html += '';
html += '';
html += Dashboard.getToolsMenuHtml();
html = html.split('href=').join('onclick="return LibraryMenu.onLinkClicked(event, this);" href=');
navDrawerScrollContainer.innerHTML = html;
updateDashboardMenuSelectedItem();
}
function onSidebarLinkClick() {
var section = this.getElementsByClassName('sectionName')[0];
var text = section ? section.innerHTML : this.innerHTML;
LibraryMenu.setTitle(text);
}
function getUserViews(apiClient, userId) {
return apiClient.getUserViews({}, userId).then(function (result) {
var items = result.Items;
var list = [];
for (var i = 0, length = items.length; i < length; i++) {
var view = items[i];
list.push(view);
if (view.CollectionType == 'livetv') {
view.ImageTags = {};
view.icon = 'live_tv';
view.onclick = "LibraryBrowser.showTab('livetv.html', 0);";
var guideView = Object.assign({}, view);
guideView.Name = Globalize.translate('ButtonGuide');
guideView.ImageTags = {};
guideView.icon = 'dvr';
guideView.url = 'livetv.html?tab=1';
guideView.onclick = "LibraryBrowser.showTab('livetv.html', 1);";
list.push(guideView);
}
}
return list;
});
}
function showBySelector(selector, show) {
var elem = document.querySelector(selector);
if (elem) {
if (show) {
elem.classList.remove('hide');
} else {
elem.classList.add('hide');
}
}
}
function updateLibraryMenu(user) {
if (!user) {
showBySelector('.lnkManageOffline', false);
showBySelector('.lnkSyncToOtherDevices', false);
showBySelector('.userMenuOptions', false);
return;
}
if (user.Policy.EnableSync) {
showBySelector('.lnkSyncToOtherDevices', true);
} else {
showBySelector('.lnkSyncToOtherDevices', false);
}
require(['apphost'], function (appHost) {
if (user.Policy.EnableSync && appHost.supports('sync')) {
showBySelector('.lnkManageOffline', true);
} else {
showBySelector('.lnkManageOffline', false);
}
});
var userId = Dashboard.getCurrentUserId();
var apiClient = window.ApiClient;
var libraryMenuOptions = document.querySelector('.libraryMenuOptions');
if (!libraryMenuOptions) {
return;
}
getUserViews(apiClient, userId).then(function (result) {
var items = result;
var html = '';
html += '';
html += items.map(function (i) {
var icon = 'folder';
var color = 'inherit';
var itemId = i.Id;
if (i.CollectionType == "channels") {
itemId = "channels";
}
else if (i.CollectionType == "livetv") {
itemId = "livetv";
}
if (i.CollectionType == "photos") {
icon = 'photo_library';
color = "#009688";
}
else if (i.CollectionType == "music" || i.CollectionType == "musicvideos") {
icon = 'library_music';
color = '#FB8521';
}
else if (i.CollectionType == "books") {
icon = 'library_books';
color = "#1AA1E1";
}
else if (i.CollectionType == "playlists") {
icon = 'view_list';
color = "#795548";
}
else if (i.CollectionType == "games") {
icon = 'games';
color = "#F44336";
}
else if (i.CollectionType == "movies") {
icon = 'video_library';
color = '#CE5043';
}
else if (i.CollectionType == "channels" || i.Type == 'Channel') {
icon = 'videocam';
color = '#E91E63';
}
else if (i.CollectionType == "tvshows") {
icon = 'tv';
color = "#4CAF50";
}
else if (i.CollectionType == "livetv") {
icon = 'live_tv';
color = "#293AAE";
}
icon = i.icon || icon;
var onclick = i.onclick ? ' function(){' + i.onclick + '}' : 'null';
return '' + icon + '' + i.Name + '';
}).join('');
libraryMenuOptions.innerHTML = html;
var elem = libraryMenuOptions;
var sidebarLinks = elem.querySelectorAll('.sidebarLink');
for (var i = 0, length = sidebarLinks.length; i < length; i++) {
sidebarLinks[i].removeEventListener('click', onSidebarLinkClick);
sidebarLinks[i].addEventListener('click', onSidebarLinkClick);
}
});
}
function onManageServerClicked() {
closeMainDrawer();
Dashboard.navigate('dashboard.html');
}
function getTopParentId() {
return getParameterByName('topParentId') || null;
}
function getNavigateDelay() {
// On mobile devices don't navigate until after the closing animation has completed or it may stutter
return browserInfo.mobile ? 320 : 200;;
}
window.LibraryMenu = {
getTopParentId: getTopParentId,
onLinkClicked: function (event, link, action) {
if (event.which != 1) {
return true;
}
// There doesn't seem to be a way to detect if the drawer is in the process of opening, so try to handle that here
if ((new Date().getTime() - lastOpenTime) > 200) {
setTimeout(function () {
closeMainDrawer();
setTimeout(function () {
if (action) {
action();
} else {
Dashboard.navigate(link.href);
}
}, getNavigateDelay());
}, 50);
}
event.stopPropagation();
event.preventDefault();
return false;
},
onLogoutClicked: function () {
// There doesn't seem to be a way to detect if the drawer is in the process of opening, so try to handle that here
if ((new Date().getTime() - lastOpenTime) > 200) {
closeMainDrawer();
setTimeout(function () {
Dashboard.logout();
}, getNavigateDelay());
}
return false;
},
onHardwareMenuButtonClick: function () {
toggleMainDrawer();
},
onSettingsClicked: function (event) {
if (event.which != 1) {
return true;
}
// There doesn't seem to be a way to detect if the drawer is in the process of opening, so try to handle that here
Dashboard.navigate('dashboard.html');
return false;
},
setTabs: function (type, selectedIndex, builder) {
var viewMenuBarTabs;
if (!type) {
if (LibraryMenu.tabType) {
document.body.classList.remove('withTallToolbar');
viewMenuBarTabs = document.querySelector('.viewMenuBarTabs');
viewMenuBarTabs.innerHTML = '';
viewMenuBarTabs.classList.add('hide');
LibraryMenu.tabType = null;
}
return;
}
viewMenuBarTabs = document.querySelector('.viewMenuBarTabs');
if (!LibraryMenu.tabType) {
viewMenuBarTabs.classList.remove('hide');
}
require(['emby-tabs', 'emby-button'], function () {
if (LibraryMenu.tabType != type) {
var index = 0;
viewMenuBarTabs.innerHTML = '