mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Merge pull request #46 from dkanada/removetwo
minor changes to navbar elements
This commit is contained in:
commit
b4d9b37cbd
3 changed files with 37 additions and 45 deletions
|
@ -3,6 +3,15 @@
|
||||||
<div class="padded-left padded-right padded-bottom-page padded-top">
|
<div class="padded-left padded-right padded-bottom-page padded-top">
|
||||||
<div class="readOnlyContent" style="margin: 0 auto;">
|
<div class="readOnlyContent" style="margin: 0 auto;">
|
||||||
<div class="verticalSection verticalSection-extrabottompadding">
|
<div class="verticalSection verticalSection-extrabottompadding">
|
||||||
|
<a is="emby-linkbutton" style="display:block; padding: 0; margin:0;" data-ripple="false" href="#" class="lnkMyProfile listItem-border">
|
||||||
|
<div class="listItem">
|
||||||
|
<i class="md-icon listItemIcon listItemIcon-transparent">person</i>
|
||||||
|
<div class="listItemBody">
|
||||||
|
<div class="listItemBodyText">${ButtonProfile}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
<a is="emby-linkbutton" style="display:block; padding: 0; margin:0;" data-ripple="false" href="#" class="lnkDisplayPreferences listItem-border">
|
<a is="emby-linkbutton" style="display:block; padding: 0; margin:0;" data-ripple="false" href="#" class="lnkDisplayPreferences listItem-border">
|
||||||
<div class="listItem">
|
<div class="listItem">
|
||||||
<i class="md-icon listItemIcon listItemIcon-transparent">tv</i>
|
<i class="md-icon listItemIcon listItemIcon-transparent">tv</i>
|
||||||
|
@ -38,15 +47,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a is="emby-linkbutton" style="display:block; padding: 0; margin:0;" data-ripple="false" href="#" class="lnkMyProfile listItem-border">
|
|
||||||
<div class="listItem">
|
|
||||||
<i class="md-icon listItemIcon listItemIcon-transparent">person</i>
|
|
||||||
<div class="listItemBody">
|
|
||||||
<div class="listItemBodyText">${ButtonProfile}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="verticalSection verticalSection-extrabottompadding">
|
<div class="verticalSection verticalSection-extrabottompadding">
|
||||||
<h2 class="sectionTitle headerUser" style="padding-left:.25em;"></h2>
|
<h2 class="sectionTitle headerUser" style="padding-left:.25em;"></h2>
|
||||||
|
@ -61,7 +61,7 @@
|
||||||
</a>
|
</a>
|
||||||
<a is="emby-linkbutton" style="display:block; padding: 0; margin:0;" data-ripple="false" href="#" class="btnLogout hide listItem-border">
|
<a is="emby-linkbutton" style="display:block; padding: 0; margin:0;" data-ripple="false" href="#" class="btnLogout hide listItem-border">
|
||||||
<div class="listItem">
|
<div class="listItem">
|
||||||
<i class="md-icon listItemIcon listItemIcon-transparent">lock</i>
|
<i class="md-icon listItemIcon listItemIcon-transparent">exit_to_app</i>
|
||||||
<div class="listItemBody">
|
<div class="listItemBody">
|
||||||
<div class="listItemBodyText">${ButtonSignOut}</div>
|
<div class="listItemBodyText">${ButtonSignOut}</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -75,9 +75,9 @@
|
||||||
<div>
|
<div>
|
||||||
<a is="emby-linkbutton" href="dashboard.html" style="display: block; padding: 0; margin:0;" class="listItem-border">
|
<a is="emby-linkbutton" href="dashboard.html" style="display: block; padding: 0; margin:0;" class="listItem-border">
|
||||||
<div class="listItem">
|
<div class="listItem">
|
||||||
<i class="md-icon listItemIcon listItemIcon-transparent">settings</i>
|
<i class="md-icon listItemIcon listItemIcon-transparent">dashboard</i>
|
||||||
<div class="listItemBody">
|
<div class="listItemBody">
|
||||||
<div class="listItemBodyText">${ButtonServerDashboard}</div>
|
<div class="listItemBodyText">${TabDashboard}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -177,49 +177,41 @@ define(["dom", "layoutManager", "inputManager", "connectionManager", "events", "
|
||||||
function refreshLibraryInfoInDrawer(user, drawer) {
|
function refreshLibraryInfoInDrawer(user, drawer) {
|
||||||
var html = "";
|
var html = "";
|
||||||
html += '<div style="height:.5em;"></div>';
|
html += '<div style="height:.5em;"></div>';
|
||||||
html += '<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder" href="home.html"><i class="md-icon navMenuOptionIcon"></i><span class="navMenuOptionText">' + globalize.translate("ButtonHome") + "</span></a>";
|
html += '<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder" href="home.html"><i class="md-icon navMenuOptionIcon">home</i><span class="navMenuOptionText">' + globalize.translate("ButtonHome") + "</span></a>";
|
||||||
html += '<div class="libraryMenuDownloads">';
|
|
||||||
html += '<h3 class="sidebarHeader">';
|
// libraries are added here
|
||||||
html += globalize.translate("sharedcomponents#HeaderMyDownloads");
|
|
||||||
html += "</h3>";
|
|
||||||
html += '<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder" data-itemid="manageoffline" href="offline/offline.html"><i class="md-icon navMenuOptionIcon"></i><span class="navMenuOptionText">' + globalize.translate("sharedcomponents#Browse") + "</span></a>";
|
|
||||||
html += '<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder" data-itemid="manageoffline" href="managedownloads.html"><i class="md-icon navMenuOptionIcon"></i><span class="navMenuOptionText">' + globalize.translate("sharedcomponents#Manage") + "</span></a>";
|
|
||||||
html += "</div>";
|
|
||||||
html += '<div class="libraryMenuOptions">';
|
html += '<div class="libraryMenuOptions">';
|
||||||
html += "</div>";
|
html += "</div>";
|
||||||
var localUser = user.localUser;
|
|
||||||
|
|
||||||
if (localUser && localUser.Policy.IsAdministrator) {
|
if (user.localUser && user.localUser.Policy.IsAdministrator) {
|
||||||
html += '<div class="adminMenuOptions">';
|
html += '<div class="adminMenuOptions">';
|
||||||
html += '<h3 class="sidebarHeader">';
|
html += '<h3 class="sidebarHeader">';
|
||||||
html += globalize.translate("HeaderAdmin");
|
html += globalize.translate("HeaderAdmin");
|
||||||
html += "</h3>";
|
html += "</h3>";
|
||||||
html += '<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder lnkManageServer" data-itemid="dashboard" href="dashboard.html"><i class="md-icon navMenuOptionIcon"></i><span class="navMenuOptionText">' + globalize.translate("ButtonManageServer") + "</span></a>";
|
html += '<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder lnkManageServer" data-itemid="dashboard" href="dashboard.html"><i class="md-icon navMenuOptionIcon">dashboard</i><span class="navMenuOptionText">' + globalize.translate("TabDashboard") + "</span></a>";
|
||||||
html += '<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder editorViewMenu" data-itemid="editor" href="edititemmetadata.html"><i class="md-icon navMenuOptionIcon"></i><span class="navMenuOptionText">' + globalize.translate("MetadataManager") + "</span></a>";
|
|
||||||
html += "</div>";
|
html += "</div>";
|
||||||
}
|
}
|
||||||
|
|
||||||
html += '<div class="userMenuOptions">';
|
html += '<div class="userMenuOptions">';
|
||||||
|
html += '<h3 class="sidebarHeader">';
|
||||||
|
html += globalize.translate("HeaderUser");
|
||||||
|
html += "</h3>";
|
||||||
if (user.localUser) {
|
if (user.localUser) {
|
||||||
html += '<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder lnkMySettings" href="mypreferencesmenu.html"><i class="md-icon navMenuOptionIcon"></i><span class="navMenuOptionText">' + globalize.translate("ButtonSettings") + "</span></a>";
|
html += '<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder lnkMySettings" href="mypreferencesmenu.html"><i class="md-icon navMenuOptionIcon">settings</i><span class="navMenuOptionText">' + globalize.translate("ButtonSettings") + "</span></a>";
|
||||||
}
|
}
|
||||||
|
|
||||||
html += '<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder lnkSyncToOtherDevices" data-itemid="syncotherdevices" href="mysync.html"><i class="md-icon navMenuOptionIcon"></i><span class="navMenuOptionText">' + globalize.translate("sharedcomponents#Sync") + "</span></a>";
|
|
||||||
|
|
||||||
if (AppInfo.isNativeApp) {
|
if (AppInfo.isNativeApp) {
|
||||||
html += '<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder" data-itemid="selectserver" href="selectserver.html?showuser=1"><i class="md-icon navMenuOptionIcon"></i><span class="navMenuOptionText">' + globalize.translate("ButtonSelectServer") + "</span></a>";
|
html += '<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder" data-itemid="selectserver" href="selectserver.html?showuser=1"><i class="md-icon navMenuOptionIcon">wifi</i><span class="navMenuOptionText">' + globalize.translate("ButtonSelectServer") + "</span></a>";
|
||||||
}
|
}
|
||||||
|
if (user.localUser && !user.localUser.EnableAutoLogin) {
|
||||||
if (!(!user.localUser || user.localUser.EnableAutoLogin)) {
|
html += '<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder btnLogout" data-itemid="logout" href="#"><i class="md-icon navMenuOptionIcon">exit_to_app</i><span class="navMenuOptionText">' + globalize.translate("ButtonSignOut") + "</span></a>";
|
||||||
html += '<a is="emby-linkbutton" class="navMenuOption lnkMediaFolder btnLogout" data-itemid="logout" href="#"><i class="md-icon navMenuOptionIcon"></i><span class="navMenuOptionText">' + globalize.translate("ButtonSignOut") + "</span></a>";
|
|
||||||
}
|
}
|
||||||
|
|
||||||
html += "</div>";
|
html += "</div>";
|
||||||
|
|
||||||
|
// add buttons to navigation drawer
|
||||||
navDrawerScrollContainer.innerHTML = html;
|
navDrawerScrollContainer.innerHTML = html;
|
||||||
|
|
||||||
|
// bind logout button click to method
|
||||||
var btnLogout = navDrawerScrollContainer.querySelector(".btnLogout");
|
var btnLogout = navDrawerScrollContainer.querySelector(".btnLogout");
|
||||||
|
|
||||||
if (btnLogout) {
|
if (btnLogout) {
|
||||||
btnLogout.addEventListener("click", onLogoutClick);
|
btnLogout.addEventListener("click", onLogoutClick);
|
||||||
}
|
}
|
||||||
|
@ -298,13 +290,13 @@ define(["dom", "layoutManager", "inputManager", "connectionManager", "events", "
|
||||||
color: "#38c"
|
color: "#38c"
|
||||||
}, {
|
}, {
|
||||||
name: globalize.translate("TabPlayback"),
|
name: globalize.translate("TabPlayback"),
|
||||||
icon: "play_circle_filled",
|
icon: "play_arrow",
|
||||||
color: "#E5342E",
|
color: "#E5342E",
|
||||||
href: "playbackconfiguration.html",
|
href: "playbackconfiguration.html",
|
||||||
pageIds: ["playbackConfigurationPage", "streamingSettingsPage"]
|
pageIds: ["playbackConfigurationPage", "streamingSettingsPage"]
|
||||||
}, {
|
}, {
|
||||||
name: globalize.translate("TabTranscoding"),
|
name: globalize.translate("TabTranscoding"),
|
||||||
icon: "transform",
|
icon: "swap_horiz",
|
||||||
href: "encodingsettings.html",
|
href: "encodingsettings.html",
|
||||||
pageIds: ["encodingSettingsPage"]
|
pageIds: ["encodingSettingsPage"]
|
||||||
}];
|
}];
|
||||||
|
@ -317,7 +309,7 @@ define(["dom", "layoutManager", "inputManager", "connectionManager", "events", "
|
||||||
name: globalize.translate("TabDevices"),
|
name: globalize.translate("TabDevices"),
|
||||||
href: "devices/devices.html",
|
href: "devices/devices.html",
|
||||||
pageIds: ["devicesPage", "devicePage"],
|
pageIds: ["devicesPage", "devicePage"],
|
||||||
icon: "tablet"
|
icon: "devices"
|
||||||
});
|
});
|
||||||
links.push({
|
links.push({
|
||||||
name: globalize.translate("TabCameraUpload"),
|
name: globalize.translate("TabCameraUpload"),
|
||||||
|
@ -329,7 +321,7 @@ define(["dom", "layoutManager", "inputManager", "connectionManager", "events", "
|
||||||
name: globalize.translate("DLNA"),
|
name: globalize.translate("DLNA"),
|
||||||
href: "dlnasettings.html",
|
href: "dlnasettings.html",
|
||||||
pageIds: ["dlnaSettingsPage", "dlnaProfilesPage", "dlnaProfilePage"],
|
pageIds: ["dlnaSettingsPage", "dlnaProfilesPage", "dlnaProfilePage"],
|
||||||
icon: ""
|
icon: "input"
|
||||||
});
|
});
|
||||||
links.push({
|
links.push({
|
||||||
divider: true,
|
divider: true,
|
||||||
|
@ -339,13 +331,13 @@ define(["dom", "layoutManager", "inputManager", "connectionManager", "events", "
|
||||||
name: globalize.translate("TabLiveTV"),
|
name: globalize.translate("TabLiveTV"),
|
||||||
href: "livetvstatus.html",
|
href: "livetvstatus.html",
|
||||||
pageIds: ["liveTvStatusPage", "liveTvTunerPage"],
|
pageIds: ["liveTvStatusPage", "liveTvTunerPage"],
|
||||||
icon: ""
|
icon: "tv"
|
||||||
});
|
});
|
||||||
links.push({
|
links.push({
|
||||||
name: globalize.translate("DVR"),
|
name: globalize.translate("DVR"),
|
||||||
href: "livetvsettings.html",
|
href: "livetvsettings.html",
|
||||||
pageIds: ["liveTvSettingsPage"],
|
pageIds: ["liveTvSettingsPage"],
|
||||||
icon: "dvr"
|
icon: "list"
|
||||||
});
|
});
|
||||||
links.push({
|
links.push({
|
||||||
divider: true,
|
divider: true,
|
||||||
|
@ -353,7 +345,7 @@ define(["dom", "layoutManager", "inputManager", "connectionManager", "events", "
|
||||||
});
|
});
|
||||||
links.push({
|
links.push({
|
||||||
name: globalize.translate("TabAdvanced"),
|
name: globalize.translate("TabAdvanced"),
|
||||||
icon: "settings",
|
icon: "code",
|
||||||
href: "dashboardhosting.html",
|
href: "dashboardhosting.html",
|
||||||
color: "#F16834",
|
color: "#F16834",
|
||||||
pageIds: ["dashboardHostingPage", "serverSecurityPage"]
|
pageIds: ["dashboardHostingPage", "serverSecurityPage"]
|
||||||
|
@ -362,7 +354,7 @@ define(["dom", "layoutManager", "inputManager", "connectionManager", "events", "
|
||||||
name: globalize.translate("TabLogs"),
|
name: globalize.translate("TabLogs"),
|
||||||
href: "log.html",
|
href: "log.html",
|
||||||
pageIds: ["logPage"],
|
pageIds: ["logPage"],
|
||||||
icon: "folder_open"
|
icon: "bug_report"
|
||||||
});
|
});
|
||||||
links.push({
|
links.push({
|
||||||
name: globalize.translate("TabNotifications"),
|
name: globalize.translate("TabNotifications"),
|
||||||
|
@ -373,7 +365,7 @@ define(["dom", "layoutManager", "inputManager", "connectionManager", "events", "
|
||||||
});
|
});
|
||||||
links.push({
|
links.push({
|
||||||
name: globalize.translate("TabPlugins"),
|
name: globalize.translate("TabPlugins"),
|
||||||
icon: "add_shopping_cart",
|
icon: "shopping_cart",
|
||||||
color: "#9D22B1",
|
color: "#9D22B1",
|
||||||
href: "plugins.html",
|
href: "plugins.html",
|
||||||
pageIds: ["pluginsPage", "pluginCatalogPage"]
|
pageIds: ["pluginsPage", "pluginCatalogPage"]
|
||||||
|
|
|
@ -138,7 +138,7 @@
|
||||||
"ButtonShuffle": "Shuffle",
|
"ButtonShuffle": "Shuffle",
|
||||||
"ButtonShutdown": "Shutdown",
|
"ButtonShutdown": "Shutdown",
|
||||||
"ButtonSignIn": "Sign In",
|
"ButtonSignIn": "Sign In",
|
||||||
"ButtonSignOut": "Sign out",
|
"ButtonSignOut": "Sign Out",
|
||||||
"ButtonSignUp": "Sign up",
|
"ButtonSignUp": "Sign up",
|
||||||
"ButtonSkip": "Skip",
|
"ButtonSkip": "Skip",
|
||||||
"ButtonSort": "Sort",
|
"ButtonSort": "Sort",
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue