mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

new mobile dashboard menu

Browse source
This commit is contained in:
Luke Pulverenti 2013-12-27 00:08:37 -05:00
parent f4749aa519
commit 125c24ed56
2 changed files with 127 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

56
dashboard-ui/scripts/site.js
View file

@ -575,10 +575,17 @@ var Dashboard = {
}
headerHtml += '</a>';
if (page.hasClass('type-interior')) {
headerHtml += '<div>';
headerHtml += '<button type="button" data-icon="bars" data-inline="true" data-iconpos="notext" class="ui-alt-icon" onclick="Dashboard.showDashboardMenu();">Menu</button>';
headerHtml += '</div>';
}
headerHtml += '</div>';
page.prepend(headerHtml);
header = $('.header', page);
header = $('.header', page).trigger('create');
}
var imageColor = "black";
@ -605,14 +612,14 @@ var Dashboard = {
headerHtml += '</a>';
if (user.Configuration.IsAdministrator) {
headerHtml += '<a class="imageLink btnTools" href="dashboard.html"><img src="css/images/tools' + imageColor + '.png" /></a>';
headerHtml += '<a class="imageLink btnTools" href="dashboard.html" data-role="button" data-icon="gear" data-inline="true" data-iconpos="notext">Tools</a>';
}
}
headerHtml += '</div>';
header.append(headerHtml);
header.append(headerHtml).trigger('create');
if (!$('.supporterIcon', header).length) {
@ -647,9 +654,11 @@ var Dashboard = {
var links = Dashboard.getToolsMenuLinks(page);
for (var i = 0, length = links.length; i < length; i++) {
var i, length, link;
var link = links[i];
for (i = 0, length = links.length; i < length; i++) {
link = links[i];
if (link.divider) {
html += "<div class='sidebarDivider'></div>";
@ -666,18 +675,49 @@ var Dashboard = {
}
}
//html += '<a href="edititemmetadata.html">Metadata Manager</a>';
// collapsible
html += '</div>';
// content-secondary
html += '</div>';
$(page).append(html);
html += '<div data-role="panel" id="dashboardPanel" class="dashboardPanel" data-position="left" data-display="overlay" data-position-fixed="true" data-theme="b">';
html += '<a href="index.html" class="imageLink" style="display: inline-block;margin: 20px 0 20px 15px;"><img src="css/images/mblogoicon.png" style="height:24px;" /></a>';
for (i = 0, length = links.length; i < length; i++) {
link = links[i];
if (link.divider) {
html += "<div class='dashboardPanelDivider'></div>";
}
if (link.href) {
if (link.selected) {
html += '<a class="selectedDashboardPanelLink dashboardPanelLink" href="' + link.href + '">' + link.name + '</a>';
} else {
html += '<a class="dashboardPanelLink" href="' + link.href + '">' + link.name + '</a>';
}
}
}
html += '</div>';
$(page).append(html).trigger('create');
}
},
showDashboardMenu: function () {
var page = $.mobile.activePage;
$("#dashboardPanel", page).panel("open");
},
getToolsMenuLinks: function (page) {
var pageElem = page[0];