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

trim polymer usage

Browse source
This commit is contained in:
Luke Pulverenti 2016-06-25 21:33:16 -04:00
parent 1fd4ea266c
commit 8ff44e06a3
9 changed files with 78 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dashboard-ui/mypreferenceshome.html
View file

@ -76,7 +76,7 @@
<div> <div>
<p>${LabelSelectFolderGroups}</p> <p>${LabelSelectFolderGroups}</p>
<div class="folderGroupList"></div> <div class="folderGroupList"></div>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelSelectFolderGroupsHelp}</div> <div class="fieldDescription checkboxFieldDescription">${LabelSelectFolderGroupsHelp}</div>
</div> </div>
<br/> <br/>
<div class="checkboxContainer"> <div class="checkboxContainer">

92
dashboard-ui/mypreferencesmenu.html
View file

@ -1,57 +1,57 @@
<div id="myPreferencesMenuPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-contextname="${HeaderSettings}" data-require="scripts/mypreferencescommon,paper-fab,paper-item-body,paper-icon-item"> <div id="myPreferencesMenuPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-contextname="${HeaderSettings}" data-require="scripts/mypreferencescommon,listViewStyle">
<div data-role="content"> <div data-role="content">
<div class="readOnlyContent" style="margin: 0 auto;"> <div class="readOnlyContent" style="margin: 0 auto;">
<h1 class="settingsMenuHeader">${HeaderSettings}</h1> <h1 class="settingsMenuHeader">${HeaderSettings}</h1>
<div> <div>
<a href="#" class="clearLink lnkDisplayPreferences"> <a href="#" class="clearLink lnkDisplayPreferences">
<paper-icon-item> <div class="listItem">
<paper-fab mini class="blue" icon="tv" item-icon></paper-fab> <button type="button" is="emby-button" class="fab mini autoSize blue" item-icon><i class="md-icon">tv</i></button>
<paper-item-body two-line> <div class="listItemBody">
<div>${ButtonDisplaySettings}</div> <div>${ButtonDisplaySettings}</div>
<div secondary>${ButtonDisplaySettingsHelp}</div> <div class="secondary">${ButtonDisplaySettingsHelp}</div>
</paper-item-body> </div>
</paper-icon-item> </div>
</a> </a>
<a href="#" class="clearLink lnkHomeScreenPreferences"> <a href="#" class="clearLink lnkHomeScreenPreferences">
<paper-icon-item> <div class="listItem">
<paper-fab mini class="red" icon="home" item-icon></paper-fab> <button type="button" is="emby-button" class="fab mini autoSize red" item-icon><i class="md-icon">home</i></button>
<paper-item-body two-line> <div class="listItemBody">
<div>${ButtonHomeScreenSettings}</div> <div>${ButtonHomeScreenSettings}</div>
<div secondary>${ButtonHomeScreenSettingsHelp}</div> <div class="secondary">${ButtonHomeScreenSettingsHelp}</div>
</paper-item-body> </div>
</paper-icon-item> </div>
</a> </a>
<a href="#" class="clearLink lnkLanguagePreferences"> <a href="#" class="clearLink lnkLanguagePreferences">
<paper-icon-item> <div class="listItem">
<paper-fab mini class="green" icon="play-circle-filled" item-icon></paper-fab> <button type="button" is="emby-button" class="fab mini autoSize green" item-icon><i class="md-icon">play_circle_filled</i></button>
<paper-item-body two-line> <div class="listItemBody">
<div>${ButtonPlaybackSettings}</div> <div>${ButtonPlaybackSettings}</div>
<div secondary>${ButtonPlaybackSettingsHelp}</div> <div class="secondary">${ButtonPlaybackSettingsHelp}</div>
</paper-item-body> </div>
</paper-icon-item> </div>
</a> </a>
<a href="#" class="clearLink lnkMyProfile"> <a href="#" class="clearLink lnkMyProfile">
<paper-icon-item> <div class="listItem">
<paper-fab mini class="orange" icon="person" item-icon></paper-fab> <button type="button" is="emby-button" class="fab mini autoSize orange" item-icon><i class="md-icon">person</i></button>
<paper-item-body two-line> <div class="listItemBody">
<div>${ButtonProfile}</div> <div>${ButtonProfile}</div>
<div secondary>${ButtonProfileHelp}</div> <div class="secondary">${ButtonProfileHelp}</div>
</paper-item-body> </div>
</paper-icon-item> </div>
</a> </a>
<a href="#" class="clearLink lnkSync hide"> <a href="#" class="clearLink lnkSync hide">
<paper-icon-item> <div class="listItem">
<paper-fab mini icon="sync" style="background-color: #673AB7;" item-icon></paper-fab> <button type="button" is="emby-button" class="fab mini autoSize" style="background-color: #673AB7;" item-icon><i class="md-icon">sync</i></button>
<paper-item-body two-line> <div class="listItemBody">
<div>${ButtonSyncSettings}</div> <div>${ButtonSyncSettings}</div>
<div secondary>${ButtonSyncSettingsHelp}</div> <div class="secondary">${ButtonSyncSettingsHelp}</div>
</paper-item-body> </div>
</paper-icon-item> </div>
</a> </a>
</div> </div>
<div> <div>
@ -59,19 +59,19 @@
<h1 class="headerUser"></h1> <h1 class="headerUser"></h1>
<div> <div>
<a href="selectserver.html" class="clearLink selectServer hide"> <a href="selectserver.html" class="clearLink selectServer hide">
<paper-icon-item> <div class="listItem">
<paper-fab mini icon="wifi" style="background-color: #444;" item-icon></paper-fab> <button type="button" is="emby-button" class="fab mini autoSize"><i class="md-icon">wifi</i></button>
<paper-item-body two-line> <div class="listItemBody">
<div>${HeaderSelectServer}</div> <div>${HeaderSelectServer}</div>
</paper-item-body> </div>
</paper-icon-item> </div>
</a> </a>
<paper-icon-item class="btnLogout"> <div class="listItem btnLogout">
<paper-fab mini icon="lock" style="background-color: #444;" item-icon></paper-fab> <button type="button" is="emby-button" class="fab mini autoSize"><i class="md-icon">lock</i></button>
<paper-item-body two-line> <div class="listItemBody">
<div>${ButtonSignOut}</div> <div>${ButtonSignOut}</div>
</paper-item-body> </div>
</paper-icon-item> </div>
</div> </div>
</div> </div>
@ -80,12 +80,12 @@
<h1>${HeaderAdmin}</h1> <h1>${HeaderAdmin}</h1>
<div> <div>
<a href="dashboard.html" class="clearLink"> <a href="dashboard.html" class="clearLink">
<paper-icon-item> <div class="listItem">
<paper-fab mini icon="settings" style="background-color: #444;" item-icon></paper-fab> <button type="button" is="emby-button" class="fab mini autoSize"><i class="md-icon">settings</i></button>
<paper-item-body two-line> <div class="listItemBody">
<div>${ButtonServerDashboard}</div> <div>${ButtonServerDashboard}</div>
</paper-item-body> </div>
</paper-icon-item> </div>
</a> </a>
</div> </div>
</div> </div>

14
dashboard-ui/scripts/livetvrecordings.js
View file

@ -1,21 +1,21 @@
define(['scripts/livetvcomponents', 'emby-button'], function () { define(['scripts/livetvcomponents', 'emby-button', 'listViewStyle'], function () {
function getRecordingGroupHtml(group) { function getRecordingGroupHtml(group) {
var html = ''; var html = '';
html += '<paper-icon-item>'; html += '<div class="listItem">';
html += '<button type="button" is="emby-button" class="fab mini autoSize blue" item-icon><i class="md-icon">live_tv</i></button>'; html += '<button type="button" is="emby-button" class="fab mini autoSize blue" item-icon><i class="md-icon">live_tv</i></button>';
html += '<paper-item-body two-line>'; html += '<div class="listItemBody">';
html += '<a href="livetvrecordinglist.html?groupid=' + group.Id + '" class="clearLink">'; html += '<a href="livetvrecordinglist.html?groupid=' + group.Id + '" class="clearLink">';
html += '<div>'; html += '<div>';
html += group.Name; html += group.Name;
html += '</div>'; html += '</div>';
html += '<div secondary>'; html += '<div class="secondary">';
if (group.RecordingCount == 1) { if (group.RecordingCount == 1) {
html += Globalize.translate('ValueItemCount', group.RecordingCount); html += Globalize.translate('ValueItemCount', group.RecordingCount);
} else { } else {
@ -24,8 +24,8 @@
html += '</div>'; html += '</div>';
html += '</a>'; html += '</a>';
html += '</paper-item-body>'; html += '</div>';
html += '</paper-icon-item>'; html += '</div>';
return html; return html;
} }
@ -177,10 +177,8 @@
}).then(function (result) { }).then(function (result) {
require(['paper-item-body', 'paper-icon-item'], function () {
renderRecordingGroups(context, result.Items); renderRecordingGroups(context, result.Items);
}); });
});
} }
return function (view, params, tabContent) { return function (view, params, tabContent) {

2
dashboard-ui/scripts/livetvsuggested.js
View file

@ -161,8 +161,6 @@
case 2: case 2:
document.body.classList.remove('autoScrollY'); document.body.classList.remove('autoScrollY');
depends.push('scripts/livetvchannels'); depends.push('scripts/livetvchannels');
depends.push('paper-icon-item');
depends.push('paper-item-body');
break; break;
case 3: case 3:
document.body.classList.remove('autoScrollY'); document.body.classList.remove('autoScrollY');

2
dashboard-ui/scripts/musicrecommended.js
View file

@ -290,8 +290,6 @@
break; break;
case 4: case 4:
depends.push('scripts/songs'); depends.push('scripts/songs');
depends.push('paper-icon-item');
depends.push('paper-item-body');
break; break;
case 5: case 5:
depends.push('scripts/musicgenres'); depends.push('scripts/musicgenres');

12
dashboard-ui/scripts/mypreferenceshome.js
View file

@ -1,4 +1,4 @@
define([], function () { define(['listViewStyle'], function () {
function renderViews(page, user, result) { function renderViews(page, user, result) {
@ -68,17 +68,17 @@
var currentHtml = ''; var currentHtml = '';
currentHtml += '<paper-icon-item class="viewItem" data-viewid="' + view.Id + '">'; currentHtml += '<div class="listItem viewItem" data-viewid="' + view.Id + '">';
currentHtml += '<paper-fab mini style="background-color:#444;" icon="folder-open" item-icon></paper-fab>'; currentHtml += '<button type="button" is="emby-button" class="fab mini autoSize" item-icon><i class="md-icon">folder_open</i></button>';
currentHtml += '<paper-item-body>'; currentHtml += '<div class="listItemBody">';
currentHtml += '<div>'; currentHtml += '<div>';
currentHtml += view.Name; currentHtml += view.Name;
currentHtml += '</div>'; currentHtml += '</div>';
currentHtml += '</paper-item-body>'; currentHtml += '</div>';
if (index > 0) { if (index > 0) {
@ -90,7 +90,7 @@
} }
currentHtml += '</paper-icon-item>'; currentHtml += '</div>';
index++; index++;
return currentHtml; return currentHtml;

20
dashboard-ui/scripts/selectserver.js
View file

@ -25,11 +25,11 @@
var html = ''; var html = '';
html += '<paper-icon-item class="serverItem" data-id="' + server.Id + '">'; html += '<div class="listItem serverItem" data-id="' + server.Id + '">';
html += '<paper-fab mini class="blue lnkServer" icon="wifi" item-icon></paper-fab>'; html += '<button type="button" is="emby-button" class="fab mini autoSize blue lnkServer" item-icon><i class="md-icon">wifi</i></button>';
html += '<paper-item-body class="lnkServer" two-line>'; html += '<div class="listItemBody lnkServer">';
html += '<a class="clearLink" href="#">'; html += '<a class="clearLink" href="#">';
html += '<div>'; html += '<div>';
@ -41,13 +41,13 @@
//html += '</div>'; //html += '</div>';
html += '</a>'; html += '</a>';
html += '</paper-item-body>'; html += '</div>';
if (server.Id) { if (server.Id) {
html += '<button is="paper-icon-button-light" class="btnServerMenu autoSize"><i class="md-icon">' + AppInfo.moreIcon.replace('-', '_') + '</i></button>'; html += '<button is="paper-icon-button-light" class="btnServerMenu autoSize"><i class="md-icon">' + AppInfo.moreIcon.replace('-', '_') + '</i></button>';
} }
html += '</paper-icon-item>'; html += '</div>';
return html; return html;
} }
@ -268,21 +268,21 @@
var html = ''; var html = '';
html += '<paper-icon-item class="inviteItem" data-id="' + invite.Id + '">'; html += '<div class="listItem inviteItem" data-id="' + invite.Id + '">';
html += '<paper-fab mini class="blue lnkServer" icon="wifi" item-icon></paper-fab>'; html += '<button type="button" is="emby-button" class="fab mini autoSize blue lnkServer" item-icon><i class="md-icon">wifi</i></button>';
html += '<paper-item-body two-line>'; html += '<div class="listItemBody">';
html += '<div>'; html += '<div>';
html += invite.Name; html += invite.Name;
html += '</div>'; html += '</div>';
html += '</paper-item-body>'; html += '</div>';
html += '<button is="paper-icon-button-light" class="btnInviteMenu autoSize"><i class="md-icon">' + AppInfo.moreIcon.replace('-','_') + '</i></button>'; html += '<button is="paper-icon-button-light" class="btnInviteMenu autoSize"><i class="md-icon">' + AppInfo.moreIcon.replace('-','_') + '</i></button>';
html += '</paper-icon-item>'; html += '</div>';
return html; return html;
} }

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

@ -2760,7 +2760,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/mypreferenceshome.html', path: '/mypreferenceshome.html',
dependencies: ['emby-checkbox', 'paper-fab', 'paper-item-body', 'paper-icon-item', 'emby-button'], dependencies: ['emby-checkbox', 'emby-button'],
autoFocus: false, autoFocus: false,
transition: 'fade', transition: 'fade',
controller: 'scripts/mypreferenceshome' controller: 'scripts/mypreferenceshome'
@ -2912,7 +2912,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/selectserver.html', path: '/selectserver.html',
dependencies: ['paper-fab', 'paper-item-body', 'paper-icon-item', 'emby-button'], dependencies: ['listViewStyle', 'emby-button'],
autoFocus: false, autoFocus: false,
anonymous: true, anonymous: true,
controller: 'scripts/selectserver' controller: 'scripts/selectserver'

12
dashboard-ui/thirdparty/paper-button-style.css vendored
View file

@ -231,16 +231,16 @@ paper-fab.accent {
background-color: #52B54B; background-color: #52B54B;
} }
paper-fab.green { .fab.green {
background-color: #81c784; background-color: #81c784 !important;
} }
paper-fab.orange { .fab.orange {
background-color: #ffd54f; background-color: #ffd54f !important;
} }
paper-fab.red { .fab.red {
background-color: #e57373; background-color: #e57373 !important;
} }
paper-menu-item { paper-menu-item {