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

update button styles

Browse source
This commit is contained in:
Luke Pulverenti 2016-06-04 23:50:07 -04:00
parent 217234f89d
commit b33a3302ed
109 changed files with 474 additions and 733 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1326,7 +1326,7 @@
if (!pluginSecurityInfo.IsMBSupporter && AppInfo.enableSupporterMembership) {
var html = '<div class="supporterPromotion"><a class="clearLink" href="http://emby.media/premiere" target="_blank"><paper-button raised class="block" style="text-transform:none;background-color:#52B54B;color:#fff;"><div>' + Globalize.translate('HeaderSupportTheTeam') + '</div><div style="font-weight:normal;margin-top:5px;">' + Globalize.translate('TextEnjoyBonusFeatures') + '</div></paper-button></a></div>';
var html = '<div class="supporterPromotion"><a class="clearLink" href="http://emby.media/premiere" target="_blank"><button is="emby-button" type="button" class="raised block" style="text-transform:none;background-color:#52B54B;color:#fff;"><div>' + Globalize.translate('HeaderSupportTheTeam') + '</div><div style="font-weight:normal;margin-top:5px;">' + Globalize.translate('TextEnjoyBonusFeatures') + '</div></button></a></div>';
$('.content-primary', page).append(html);
}

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

@ -1,4 +1,4 @@
define(['appSettings', 'datetime', 'jQuery', 'paper-slider', 'paper-button'], function (appSettings, datetime, $) {
define(['appSettings', 'datetime', 'jQuery', 'paper-slider', 'emby-button'], function (appSettings, datetime, $) {
function getDeviceProfile(serverAddress, deviceId, item, startPositionTicks, maxBitrate, mediaSourceId, audioStreamIndex, subtitleStreamIndex) {
@ -267,7 +267,7 @@
html += '<br/>';
}
html += '<paper-button class="block submit btnDone" raised>' + Globalize.translate('ButtonImDone') + '</paper-button>';
html += '<button is="emby-button" type="button" class="block submit btnDone" raised>' + Globalize.translate('ButtonImDone') + '</button>';
html += '</div>';

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

@ -79,7 +79,7 @@
html += '<h1 class="listHeader" style="display:inline-block;vertical-align:middle;">';
html += section.name;
html += '</h1>';
html += '<a href="#" class="clearLink hide" style="margin-left:1em;vertical-align:middle;"><paper-button raised class="more mini noIcon">' + Globalize.translate('ButtonMore') + '</paper-button></a>';
html += '<a href="#" class="clearLink hide" style="margin-left:1em;vertical-align:middle;"><button is="emby-button" type="button" class="raised more mini noIcon">' + Globalize.translate('ButtonMore') + '</button></a>';
html += '</div>';
html += '<div class="itemsContainer">';

8
dashboard-ui/scripts/itemdetailpage.js
View file

@ -1254,7 +1254,7 @@
}
if (limit && result.TotalRecordCount > limit) {
html += '<p style="margin: 0;"><paper-button raised class="more moreCriticReviews">' + Globalize.translate('ButtonMore') + '</paper-button></p>';
html += '<p style="margin: 0;"><button is="emby-button" type="button" class="raised more moreCriticReviews">' + Globalize.translate('ButtonMore') + '</button></p>';
}
var criticReviewsContent = page.querySelector('#criticReviewsContent');
@ -1434,7 +1434,7 @@
html += '</div>';
if (limit && chapters.length > limit) {
html += '<p style="margin: 0;"><paper-button raised class="more moreScenes">' + Globalize.translate('ButtonMore') + '</paper-button></p>';
html += '<p style="margin: 0;"><button is="emby-button" type="button" class="raised more moreScenes">' + Globalize.translate('ButtonMore') + '</button></p>';
}
var scenesContent = page.querySelector('#scenesContent');
@ -1677,7 +1677,7 @@
}
if (limit && items.length > limit) {
html += '<p style="margin: 0;padding-left:5px;"><paper-button raised class="more ' + moreButtonClass + '">' + Globalize.translate('ButtonMore') + '</paper-button></p>';
html += '<p style="margin: 0;padding-left:5px;"><button is="emby-button" type="button" class="raised more ' + moreButtonClass + '">' + Globalize.translate('ButtonMore') + '</button></p>';
}
return html;
@ -1765,7 +1765,7 @@
}
if (limit && casts.length > limit) {
html += '<p style="margin: 0;padding-left:5px;"><paper-button raised class="more morePeople">' + Globalize.translate('ButtonMore') + '</paper-button></p>';
html += '<p style="margin: 0;padding-left:5px;"><button is="emby-button" type="button" class="raised more morePeople">' + Globalize.translate('ButtonMore') + '</button></p>';
}
var castContent = page.querySelector('#castContent');

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

@ -742,7 +742,7 @@
var helpUrl = page.getAttribute('data-helpurl');
if (helpUrl) {
html += '<a href="' + helpUrl + '" target="_blank" class="clearLink" style="margin-left:2em;" title="' + Globalize.translate('ButtonHelp') + '"><paper-button class="accent" style="margin:0;font-weight:normal;font-size:13px;padding:.25em;display:flex;align-items:center;"><iron-icon icon="info"></iron-icon><span>' + Globalize.translate('ButtonHelp') + '</span></paper-button></a>';
html += '<a href="' + helpUrl + '" target="_blank" class="clearLink" style="margin-left:2em;" title="' + Globalize.translate('ButtonHelp') + '"><button is="emby-button" type="button" class="accent" style="margin:0;font-weight:normal;font-size:13px;padding:.25em;display:flex;align-items:center;"><iron-icon icon="info"></iron-icon><span>' + Globalize.translate('ButtonHelp') + '</span></button></a>';
}
}

6
dashboard-ui/scripts/mediacontroller.js
View file

@ -159,11 +159,11 @@
// On small layouts papepr dialog doesn't respond very well. this button isn't that important here anyway.
if (screen.availWidth >= 600) {
html += '<paper-button class="btnRemoteControl">' + Globalize.translate('ButtonRemoteControl') + '</paper-button>';
html += '<button is="emby-button" type="button" class="btnRemoteControl">' + Globalize.translate('ButtonRemoteControl') + '</button>';
}
html += '<paper-button class="btnDisconnect">' + Globalize.translate('ButtonDisconnect') + '</paper-button>';
html += '<paper-button class="btnCancel">' + Globalize.translate('ButtonCancel') + '</paper-button>';
html += '<button is="emby-button" type="button" class="btnDisconnect">' + Globalize.translate('ButtonDisconnect') + '</button>';
html += '<button is="emby-button" type="button" class="btnCancel">' + Globalize.translate('ButtonCancel') + '</button>';
html += '</div>';
dlg.innerHTML = html;

6
dashboard-ui/scripts/registrationservices.js
View file

@ -90,7 +90,7 @@
function showPlaybackOverlay(resolve, reject) {
require(['dialogHelper', 'paper-fab', 'paper-item-body', 'paper-icon-item', 'paper-button'], function (dialogHelper) {
require(['dialogHelper', 'paper-fab', 'paper-item-body', 'paper-icon-item', 'emby-button'], function (dialogHelper) {
var dlg = dialogHelper.createDialog({
size: 'fullscreen-border'
@ -122,8 +122,8 @@
html += '<br/>';
html += '<a class="clearLink" href="http://emby.media/premiere" target="_blank"><paper-button raised class="submit block" autoFocus><iron-icon icon="check"></iron-icon><span>' + Globalize.translate('ButtonBecomeSupporter') + '</span></paper-button></a>';
html += '<paper-button raised class="subdued block btnCancelSupporterInfo" style="background:#444;"><iron-icon icon="close"></iron-icon><span>' + Globalize.translate('ButtonClosePlayVideo') + '</span></paper-button>';
html += '<a class="clearLink" href="http://emby.media/premiere" target="_blank"><button is="emby-button" type="button" class="raised submit block" autoFocus><iron-icon icon="check"></iron-icon><span>' + Globalize.translate('ButtonBecomeSupporter') + '</span></button></a>';
html += '<button is="emby-button" type="button" class="raised subdued block btnCancelSupporterInfo" style="background:#444;"><iron-icon icon="close"></iron-icon><span>' + Globalize.translate('ButtonClosePlayVideo') + '</span></button>';
html += '</div>';

6
dashboard-ui/scripts/sections.js
View file

@ -1,4 +1,4 @@
define(['libraryBrowser', 'appSettings', 'scrollStyles', 'paper-button', 'paper-icon-button-light'], function (LibraryBrowser, appSettings) {
define(['libraryBrowser', 'appSettings', 'scrollStyles', 'emby-button', 'paper-icon-button-light'], function (LibraryBrowser, appSettings) {
function getUserViews(userId) {
@ -622,7 +622,7 @@
html += '<div>';
var text = Globalize.translate('HeaderLatestFromChannel').replace('{0}', channel.Name);
html += '<h1 style="display:inline-block; vertical-align:middle;" class="listHeader">' + text + '</h1>';
html += '<a href="channelitems.html?id=' + channel.Id + '" class="clearLink" style="margin-left:2em;"><paper-button raised class="more mini"><span>' + Globalize.translate('ButtonMore') + '</span></paper-button></a>';
html += '<a href="channelitems.html?id=' + channel.Id + '" class="clearLink" style="margin-left:2em;"><button is="emby-button" type="button" class="raised more mini"><span>' + Globalize.translate('ButtonMore') + '</span></button></a>';
html += '</div>';
html += '<div class="itemsContainer">';
@ -667,7 +667,7 @@
html += '<div>';
html += '<h1 style="display:inline-block; vertical-align:middle;" class="' + cssClass + '">' + Globalize.translate('HeaderLatestTvRecordings') + '</h1>';
html += '<a href="livetv.html?tab=3" onclick="LibraryBrowser.showTab(\'livetv.html\',3);" class="clearLink" style="margin-left:2em;"><paper-button raised class="more mini"><span>' + Globalize.translate('ButtonMore') + '</span></paper-button></a>';
html += '<a href="livetv.html?tab=3" onclick="LibraryBrowser.showTab(\'livetv.html\',3);" class="clearLink" style="margin-left:2em;"><button is="emby-button" type="button" class="raised more mini"><span>' + Globalize.translate('ButtonMore') + '</span></button></a>';
html += '</div>';
}

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

@ -255,7 +255,7 @@ var Dashboard = {
var html = '<span style="margin-right: 1em;">' + Globalize.translate('MessagePleaseRestart') + '</span>';
if (systemInfo.CanSelfRestart) {
html += '<paper-button raised class="submit mini" onclick="this.disabled=\'disabled\';Dashboard.restartServer();"><iron-icon icon="refresh"></iron-icon><span>' + Globalize.translate('ButtonRestart') + '</span></paper-button>';
html += '<button is="emby-button" type="button" class="raised submit mini" onclick="this.disabled=\'disabled\';Dashboard.restartServer();"><iron-icon icon="refresh"></iron-icon><span>' + Globalize.translate('ButtonRestart') + '</span></button>';
}
Dashboard.showFooterNotification({ id: "serverRestartWarning", html: html, forceShow: true, allowHide: false });
@ -277,7 +277,7 @@ var Dashboard = {
var html = '<span style="margin-right: 1em;">' + Globalize.translate('MessagePleaseRefreshPage') + '</span>';
html += '<paper-button raised class="submit mini" onclick="this.disabled=\'disabled\';Dashboard.reloadPage();"><iron-icon icon="refresh"></iron-icon><span>' + Globalize.translate('ButtonRefresh') + '</span></paper-button>';
html += '<button is="emby-button" type="button" class="raised submit mini" onclick="this.disabled=\'disabled\';Dashboard.reloadPage();"><iron-icon icon="refresh"></iron-icon><span>' + Globalize.translate('ButtonRefresh') + '</span></button>';
Dashboard.showFooterNotification({ id: "dashboardVersionWarning", html: html, forceShow: true, allowHide: false });
},
@ -327,7 +327,7 @@ var Dashboard = {
var onclick = removeOnHide ? "jQuery(\"#" + options.id + "\").trigger(\"notification.remove\").remove();" : "jQuery(\"#" + options.id + "\").trigger(\"notification.hide\").hide();";
if (options.allowHide !== false) {
options.html += '<span style="margin-left: 1em;"><paper-button class="submit" onclick="' + onclick + '">' + Globalize.translate('ButtonHide') + "</paper-button></span>";
options.html += '<span style="margin-left: 1em;"><button is="emby-button" type="button" class="submit" onclick="' + onclick + '">' + Globalize.translate('ButtonHide') + "</button></span>";
}
if (options.forceShow) {
@ -1004,7 +1004,7 @@ var Dashboard = {
html += '</progress>';
if (percentComplete < 100) {
html += '<paper-button raised class="cancelDark mini" onclick="this.disabled=\'disabled\';Dashboard.cancelInstallation(\'' + installation.Id + '\');"><iron-icon icon="cancel"></iron-icon><span>' + Globalize.translate('ButtonCancel') + '</span></paper-button>';
html += '<button is="emby-button" type="button" class="raised cancelDark mini" onclick="this.disabled=\'disabled\';Dashboard.cancelInstallation(\'' + installation.Id + '\');"><iron-icon icon="cancel"></iron-icon><span>' + Globalize.translate('ButtonCancel') + '</span></button>';
}
}
@ -1887,7 +1887,7 @@ var AppInfo = {};
define("paper-item-body", ["html!" + bowerPath + "/paper-item/paper-item-body.html"]);
define("paper-collapse-item", ["html!" + bowerPath + "/paper-collapse-item/paper-collapse-item.html"]);
define("emby-collapsible", ["html!" + bowerPath + "/emby-collapsible/emby-collapsible.html"]);
define("emby-collapsible", ["emby-button", "html!" + bowerPath + "/emby-collapsible/emby-collapsible.html"]);
define("jstree", [bowerPath + "/jstree/dist/jstree", "css!thirdparty/jstree/themes/default/style.min.css"]);
@ -2392,7 +2392,7 @@ var AppInfo = {};
defineRoute({
path: '/connectlogin.html',
dependencies: ['paper-button'],
dependencies: ['emby-button'],
autoFocus: false,
anonymous: true
});
@ -2414,7 +2414,7 @@ var AppInfo = {};
defineRoute({
path: '/dashboardhosting.html',
dependencies: ['paper-checkbox', 'paper-input', 'paper-button'],
dependencies: ['paper-checkbox', 'paper-input', 'emby-button'],
autoFocus: false,
roles: 'admin',
controller: 'scripts/dashboardhosting'
@ -2549,7 +2549,7 @@ var AppInfo = {};
defineRoute({
path: '/itemdetails.html',
dependencies: ['paper-button', 'tileitemcss', 'scripts/livetvcomponents', 'paper-fab', 'paper-item-body', 'paper-icon-item', 'paper-icon-button-light'],
dependencies: ['emby-button', 'tileitemcss', 'scripts/livetvcomponents', 'paper-fab', 'paper-item-body', 'paper-icon-item', 'paper-icon-button-light'],
controller: 'scripts/itemdetailpage',
autoFocus: false,
transition: 'fade'
@ -2578,7 +2578,7 @@ var AppInfo = {};
defineRoute({
path: '/librarydisplay.html',
dependencies: ['paper-button', 'paper-checkbox'],
dependencies: ['emby-button', 'paper-checkbox'],
autoFocus: false,
roles: 'admin',
controller: 'scripts/librarydisplay'
@ -2593,7 +2593,7 @@ var AppInfo = {};
defineRoute({
path: '/librarysettings.html',
dependencies: ['emby-collapsible', 'paper-input', 'paper-checkbox', 'paper-button'],
dependencies: ['emby-collapsible', 'paper-input', 'paper-checkbox', 'emby-button'],
autoFocus: false,
roles: 'admin',
controller: 'scripts/librarysettings'
@ -2601,7 +2601,7 @@ var AppInfo = {};
defineRoute({
path: '/livetv.html',
dependencies: ['paper-button', 'livetvcss'],
dependencies: ['emby-button', 'livetvcss'],
controller: 'scripts/livetvsuggested',
autoFocus: false,
transition: 'fade'
@ -2676,7 +2676,7 @@ var AppInfo = {};
defineRoute({
path: '/login.html',
dependencies: ['paper-button', 'humanedate', 'emby-input'],
dependencies: ['emby-button', 'humanedate', 'emby-input'],
autoFocus: false,
anonymous: true,
controller: 'scripts/loginpage'
@ -2719,7 +2719,7 @@ var AppInfo = {};
defineRoute({
path: '/movies.html',
dependencies: ['paper-checkbox', 'scripts/alphapicker', 'paper-button'],
dependencies: ['paper-checkbox', 'scripts/alphapicker', 'emby-button'],
autoFocus: false,
controller: 'scripts/moviesrecommended',
transition: 'fade'
@ -2735,35 +2735,35 @@ var AppInfo = {};
defineRoute({
path: '/mypreferencesdisplay.html',
dependencies: ['paper-button'],
dependencies: ['emby-button'],
autoFocus: false,
transition: 'fade'
});
defineRoute({
path: '/mypreferenceshome.html',
dependencies: ['paper-button'],
dependencies: ['emby-button'],
autoFocus: false,
transition: 'fade'
});
defineRoute({
path: '/mypreferenceslanguages.html',
dependencies: ['paper-button'],
dependencies: ['emby-button'],
autoFocus: false,
transition: 'fade'
});
defineRoute({
path: '/mypreferencesmenu.html',
dependencies: ['paper-button'],
dependencies: ['emby-button'],
autoFocus: false,
transition: 'fade'
});
defineRoute({
path: '/myprofile.html',
dependencies: ['paper-button'],
dependencies: ['emby-button'],
autoFocus: false,
transition: 'fade'
});
@ -2812,7 +2812,7 @@ var AppInfo = {};
defineRoute({
path: '/nowplaying.html',
dependencies: ['paper-icon-button-light', 'paper-slider', 'paper-button'],
dependencies: ['paper-icon-button-light', 'paper-slider', 'emby-button'],
controller: 'scripts/nowplayingpage',
autoFocus: false,
transition: 'fade'
@ -2948,7 +2948,7 @@ var AppInfo = {};
defineRoute({
path: '/tv.html',
dependencies: ['paper-checkbox', 'paper-icon-button-light', 'paper-button'],
dependencies: ['paper-checkbox', 'paper-icon-button-light', 'emby-button'],
autoFocus: false,
controller: 'scripts/tvrecommended',
transition: 'fade'
@ -3004,7 +3004,7 @@ var AppInfo = {};
defineRoute({
path: '/wizardfinish.html',
dependencies: ['paper-button', 'dashboardcss'],
dependencies: ['emby-button', 'dashboardcss'],
autoFocus: false,
anonymous: true,
controller: 'scripts/wizardfinishpage'

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

@ -255,7 +255,7 @@
html += Globalize.translate('SyncMedia');
html += '</div>';
html += '<a href="https://github.com/MediaBrowser/Wiki/wiki/Sync" target="_blank" class="clearLink" style="margin-top:0;display:inline-block;vertical-align:middle;margin-left:auto;"><paper-button class="mini"><iron-icon icon="info"></iron-icon><span>' + Globalize.translate('ButtonHelp') + '</span></paper-button></a>';
html += '<a href="https://github.com/MediaBrowser/Wiki/wiki/Sync" target="_blank" class="clearLink" style="margin-top:0;display:inline-block;vertical-align:middle;margin-left:auto;"><button is="emby-button" type="button" class="mini"><iron-icon icon="info"></iron-icon><span>' + Globalize.translate('ButtonHelp') + '</span></button></a>';
html += '</div>';
@ -264,7 +264,7 @@
html += '<div class="formFields"></div>';
html += '<p>';
html += '<button type="submit" data-role="none" class="clearButton"><paper-button raised class="submit block"><iron-icon icon="sync"></iron-icon><span>' + Globalize.translate('ButtonSync') + '</span></paper-button></button>';
html += '<button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="sync"></iron-icon><span>' + Globalize.translate('ButtonSync') + '</span></button>';
html += '</p>';
html += '</form>';

6
dashboard-ui/scripts/syncjob.js
View file

@ -1,4 +1,4 @@
define(['jQuery', 'datetime', 'paper-progress', 'paper-fab', 'paper-item-body', 'paper-icon-item', 'paper-icon-button-light', 'paper-button'], function ($, datetime) {
define(['jQuery', 'datetime', 'paper-progress', 'paper-fab', 'paper-item-body', 'paper-icon-item', 'paper-icon-button-light', 'emby-button'], function ($, datetime) {
function renderJob(page, job, dialogOptions) {
@ -12,9 +12,7 @@
html += '<br/>';
html += '<br/>';
html += '<button type="submit" data-role="none" class="clearButton">';
html += '<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>' + Globalize.translate('ButtonSave') + '</span></paper-button>';
html += '</button>';
html += '<button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>' + Globalize.translate('ButtonSave') + '</span></button>';
$('.syncJobForm', page).html(html);

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

@ -1,4 +1,4 @@
define(['appStorage', 'jQuery', 'paper-button'], function (appStorage, $) {
define(['appStorage', 'jQuery', 'emby-button'], function (appStorage, $) {
$.fn.taskButton = function (options) {
@ -94,7 +94,7 @@
var msg = Globalize.translate('ConfirmMessageScheduledTaskButton');
msg += '<br/>';
msg += '<div style="margin-top:1em;">';
msg += '<a class="clearLink" href="scheduledtasks.html"><paper-button style="color:#3f51b5!important;margin:0;">' + Globalize.translate('ButtonScheduledTasks') + '</paper-button></a>';
msg += '<a class="clearLink" href="scheduledtasks.html"><button is="emby-button" type="button" style="color:#3f51b5!important;margin:0;">' + Globalize.translate('ButtonScheduledTasks') + '</button></a>';
msg += '</div>';
require(['confirm'], function (confirm) {