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

update action sheet

This commit is contained in:
Luke Pulverenti 2016-05-20 01:36:57 -04:00
parent 619cad7f41
commit 68ad751b25
9 changed files with 51 additions and 22 deletions

View file

@ -16,12 +16,12 @@
},
"devDependencies": {},
"ignore": [],
"version": "1.3.49",
"_release": "1.3.49",
"version": "1.3.50",
"_release": "1.3.50",
"_resolution": {
"type": "version",
"tag": "1.3.49",
"commit": "9838b499815bcaf95d4d50c4476c3b95173ffc30"
"tag": "1.3.50",
"commit": "2c09d5bf9a8f9698095956faca9a8fa55886cb42"
},
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
"_target": "^1.2.0",

View file

@ -22,7 +22,9 @@
flex-direction: column;
display: flex;
justify-content: center;
height: 100%;
flex-grow: 1;
align-items: center;
text-align: center;
}
.actionSheetMenuItem {
@ -40,8 +42,8 @@
}
.layout-tv .actionSheetMenuItem {
padding-top: .2em;
padding-bottom: .2em;
padding-top: .16em;
padding-bottom: .16em;
}
.actionSheetItemIcon {
@ -49,27 +51,25 @@
}
.actionSheetScroller {
max-height: 60%;
overflow-x: hidden;
overflow-y: auto;
/* Override default style being applied by polymer */
margin-bottom: 0 !important;
scroll-behavior: smooth;
flex-grow: 1;
}
.actionSheetScroller::-webkit-scrollbar, .actionSheetScroller::-webkit-scrollbar {
width: 0 !important;
display: none;
}
.layout-tv .actionSheetScroller {
max-height: 60%;
}
h1.actionSheetTitle {
margin: .5em 0 1em !important;
padding: 0 1em;
flex-grow: 0;
}
h2.actionSheetTitle {
margin: .25em 0 .55em !important;
padding: 0 1em;
flex-grow: 0;
}
.actionSheet.extraSpacing {

View file

@ -1,4 +1,4 @@
define(['dialogHelper', 'layoutManager', 'globalize', 'paper-button', 'css!./actionsheet', 'html!./../icons/nav.html'], function (dialogHelper, layoutManager, globalize) {
define(['dialogHelper', 'layoutManager', 'globalize', 'paper-button', 'css!./actionsheet', 'html!./../icons/nav.html', 'scrollStyles'], function (dialogHelper, layoutManager, globalize) {
function parentWithClass(elem, className) {
@ -130,7 +130,7 @@
}
}
html += '<div class="actionSheetScroller">';
html += '<div class="actionSheetScroller hiddenScrollY">';
options.items.forEach(function (o) {
o.ironIcon = o.selected ? 'nav:check' : null;

View file

@ -93,7 +93,7 @@ define(['browser'], function (browser) {
function animate(newAnimatedPage, oldAnimatedPage, transition, isBack) {
if (enableAnimation() && newAnimatedPage.animate) {
if (enableAnimation() && oldAnimatedPage && newAnimatedPage.animate) {
if (transition == 'slide') {
return slide(newAnimatedPage, oldAnimatedPage, transition, isBack);
} else if (transition == 'fade') {

View file

@ -195,7 +195,7 @@ define(['browser'], function (browser) {
function animate(newAnimatedPage, oldAnimatedPage, transition, isBack) {
if (enableAnimation() && newAnimatedPage.animate) {
if (enableAnimation() && oldAnimatedPage && newAnimatedPage.animate) {
if (transition == 'slide') {
return slide(newAnimatedPage, oldAnimatedPage, transition, isBack);
} else if (transition == 'fade') {

View file

@ -62,6 +62,15 @@
</emby-collapsible>
</div>
<div class="healthMonitorSection hide" style="margin-top: 2em;">
<h1 style="display:flex;align-items:center;">
<div>${HeaderHealthMonitor}</div>
<button is="paper-icon-button-light" type="button" style="margin-left:.5em;"><iron-icon icon="refresh"></iron-icon></button>
</h1>
<div class="healthMonitor paperList">
</div>
</div>
<div class="activeDevicesCollapsible" style="margin-top: 2em;">
<h1>${HeaderActiveDevices}</h1>
<div class="activeDevices">

View file

@ -1,5 +1,21 @@
define(['datetime'], function (datetime) {
function renderNoHealthAlertsMessage(page) {
var html = '<p style="padding:0 .5em;display:flex;align-items:center;">';
html += '<iron-icon icon="check" style="margin-right:.5em;background-color: #52B54B;border-radius:1em;color: #fff;"></iron-icon>';
html += Globalize.translate('HealthMonitorNoAlerts') + '</p>';
page.querySelector('.healthMonitor').innerHTML = html;
}
function refreshHealthMonitor(page) {
renderNoHealthAlertsMessage(page);
}
window.DashboardPage = {
newsStartIndex: 0,
@ -44,6 +60,8 @@
$('.swaggerLink', page).attr('href', apiClient.getUrl('swagger-ui/index.html', {
api_key: ApiClient.accessToken()
}));
refreshHealthMonitor(page);
},
onPageHide: function () {

View file

@ -699,7 +699,7 @@
}
html += LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: enableScrollX() ? 'autoOverflow' : 'auto',
shape: enableScrollX() ? 'autooverflow' : 'auto',
showTitle: true,
showParentTitle: true,
coverImage: true,

View file

@ -562,7 +562,7 @@
"LabelEnableAutomaticPortMap": "Enable automatic port mapping",
"LabelEnableAutomaticPortMapHelp": "Attempt to automatically map the public port to the local port via UPnP. This may not work with some router models.",
"LabelExternalDDNS": "External domain:",
"LabelExternalDDNSHelp": "If you have a dynamic DNS enter it here. Emby apps will use it when connecting remotely. This field is required when used with a custom https certificate.",
"LabelExternalDDNSHelp": "If you have a dynamic DNS enter it here. Emby apps will use it when connecting remotely. This field is required when used with a custom ssl certificate.",
"TabResume": "Resume",
"TabWeather": "Weather",
"TitleAppSettings": "App Settings",
@ -2353,5 +2353,7 @@
"OptionConvertRecordingPreserveAudio": "Preserve original audio when converting recordings",
"OptionConvertRecordingPreserveAudioHelp": "This will provide better audio but may require transcoding during playback on some devices.",
"CreateCollectionHelp": "Collections allow you to create personalized groupings of movies and other library content.",
"AddItemToCollectionHelp": "Add items to collections by searching for them and using their right-click or tap menus to add them to a collection."
"AddItemToCollectionHelp": "Add items to collections by searching for them and using their right-click or tap menus to add them to a collection.",
"HeaderHealthMonitor": "Health Monitor",
"HealthMonitorNoAlerts": "There are no active alerts."
}