update slider

This commit is contained in:
Luke Pulverenti 2016-10-21 00:28:32 -04:00
parent 140c6917b5
commit 5d73cc65f5
8 changed files with 128 additions and 95 deletions

View File

@ -14,12 +14,12 @@
},
"devDependencies": {},
"ignore": [],
"version": "1.4.321",
"_release": "1.4.321",
"version": "1.4.322",
"_release": "1.4.322",
"_resolution": {
"type": "version",
"tag": "1.4.321",
"commit": "fb270e69c8391f62e762ee03d77a7b8a495c5a6f"
"tag": "1.4.322",
"commit": "2d485829160b70374abe2d36631e7725096d1285"
},
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
"_target": "^1.2.1",

View File

@ -0,0 +1,24 @@
@keyframes slideupfadeshow {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes slidedownfadehide {
from {
opacity: 1;
transform: none;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}

View File

@ -16,7 +16,7 @@ _:-ms-input-placeholder, :root .mdl-slider {
-ms-user-select: none;
user-select: none;
outline: 0;
padding: 0;
padding: 1.5em 0;
color: #52B54B;
-webkit-align-self: center;
-ms-flex-item-align: center;

View File

@ -1,4 +1,4 @@
define(['browser', 'css!./emby-slider', 'registerElement', 'emby-input'], function (browser) {
define(['browser', 'dom', 'css!./emby-slider', 'registerElement', 'emby-input'], function (browser, dom) {
'use strict';
var EmbySliderPrototype = Object.create(HTMLInputElement.prototype);
@ -69,31 +69,44 @@
var hasHideClass = sliderBubble.classList.contains('hide');
this.addEventListener('input', function (e) {
dom.addEventListener(this, 'input', function (e) {
this.dragging = true;
}, {
passive: true
});
this.addEventListener('change', function () {
dom.addEventListener(this, 'change', function () {
this.dragging = false;
updateValues(this, backgroundLower, backgroundUpper);
}, {
passive: true
});
this.addEventListener('mousemove', function (e) {
// In firefox this feature disrupts the ability to move the slider
if (!browser.firefox) {
dom.addEventListener(this, 'mousemove', function (e) {
var rect = this.getBoundingClientRect();
var clientX = e.clientX;
var bubbleValue = (clientX - rect.left) / rect.width;
bubbleValue *= 100;
updateBubble(this, Math.round(bubbleValue), sliderBubble);
var rect = this.getBoundingClientRect();
var clientX = e.clientX;
var bubbleValue = (clientX - rect.left) / rect.width;
bubbleValue *= 100;
updateBubble(this, Math.round(bubbleValue), sliderBubble);
if (hasHideClass) {
sliderBubble.classList.remove('hide');
hasHideClass = false;
}
});
this.addEventListener('mouseleave', function () {
sliderBubble.classList.add('hide');
hasHideClass = true;
});
if (hasHideClass) {
sliderBubble.classList.remove('hide');
hasHideClass = false;
}
}, {
passive: true
});
dom.addEventListener(this, 'mouseleave', function () {
sliderBubble.classList.add('hide');
hasHideClass = true;
}, {
passive: true
});
}
if (!supportsNativeProgressStyle) {

View File

@ -1,46 +1,46 @@
{
"MessageUnlockAppWithPurchaseOrSupporter": "Unlock this feature with a small one-time purchase, or with an active Emby Premiere subscription.",
"MessageUnlockAppWithSupporter": "Unlock this feature with an active Emby Premiere subscription.",
"MessageUnlockAppWithPurchaseOrSupporter": "\u039e\u03b5\u03ba\u03bb\u03b5\u03b9\u03b4\u03ce\u03c3\u03c4\u03b5 \u03b1\u03c5\u03c4\u03cc \u03c4\u03bf \u03c7\u03b1\u03c1\u03b1\u03ba\u03c4\u03b7\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc \u03ba\u03b1\u03c4\u03b1\u03b2\u03ac\u03bb\u03bf\u03bd\u03c4\u03b1\u03c2 \u03ad\u03bd\u03b1 \u03c0\u03bf\u03bb\u03cd \u03bc\u03b9\u03ba\u03c1\u03cc \u03ba\u03cc\u03c3\u03c4\u03bf\u03c2 \u03ae \u03bc\u03b5 \u03bc\u03af\u03b1 \u03b5\u03bd\u03b5\u03c1\u03b3\u03ae \u03c3\u03c5\u03bd\u03b4\u03c1\u03bf\u03bc\u03ae \u03c3\u03c4\u03bf Emby Premiere.",
"MessageUnlockAppWithSupporter": "\u039e\u03b5\u03ba\u03bb\u03b5\u03b9\u03b4\u03ce\u03c3\u03c4\u03b5 \u03b1\u03c5\u03c4\u03cc \u03c4\u03bf \u03c7\u03b1\u03c1\u03b1\u03ba\u03c4\u03b7\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc \u03bc\u03b5 \u03bc\u03af\u03b1 \u03b5\u03bd\u03b5\u03c1\u03b3\u03ae \u03c3\u03c5\u03bd\u03b4\u03c1\u03bf\u03bc\u03ae \u03c3\u03c4\u03bf Emby Premiere.",
"MessageToValidateSupporter": "If you have an active Emby Premiere subscription, ensure you've setup Emby Premiere in your Emby Server Dashboard, which you can access by clicking Emby Premiere within the main menu.",
"ValueSpecialEpisodeName": "Special - {0}",
"Share": "Share",
"Add": "\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b5",
"ServerUpdateNeeded": "This Emby Server needs to be updated. To download the latest version, please visit {0}",
"LiveTvGuideRequiresUnlock": "The Live TV Guide is currently limited to {0} channels. Click the unlock button to learn how to enjoy the full experience.",
"AttributeNew": "New",
"AttributeNew": "\u039d\u03ad\u03bf",
"Premiere": "Premiere",
"Live": "Live",
"Repeat": "Repeat",
"Live": "\u0396\u03c9\u03bd\u03c4\u03b1\u03bd\u03ac",
"Repeat": "\u0395\u03c0\u03b1\u03bd\u03ac\u03bb\u03b7\u03c8\u03b7",
"TrackCount": "{0} tracks",
"ItemCount": "{0} items",
"ReleaseYearValue": "Release year: {0}",
"ReleaseYearValue": "\u0388\u03c4\u03bf\u03c2 \u03ba\u03c5\u03ba\u03bb\u03bf\u03c6\u03bf\u03c1\u03af\u03b1\u03c2: {0} \n",
"OriginalAirDateValue": "Original air date: {0}",
"EndsAtValue": "Ends at {0}",
"OptionSundayShort": "Sun",
"OptionMondayShort": "Mon",
"OptionTuesdayShort": "Tue",
"OptionWednesdayShort": "Wed",
"OptionThursdayShort": "Thu",
"OptionFridayShort": "Fri",
"OptionSaturdayShort": "Sat",
"HeaderSelectDate": "Select Date",
"OptionSundayShort": "\u039a\u03c5\u03c1",
"OptionMondayShort": "\u0394\u03b5\u03c5",
"OptionTuesdayShort": "\u03a4\u03c1\u03b9",
"OptionWednesdayShort": "\u03a4\u03b5\u03c4",
"OptionThursdayShort": "\u03a0\u03b5\u03bc",
"OptionFridayShort": "\u03a0\u03b1\u03c1",
"OptionSaturdayShort": "\u03a3\u03b1\u03b2",
"HeaderSelectDate": "\u0395\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae \u0397\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1\u03c2",
"ButtonOk": "Ok",
"ButtonCancel": "\u0391\u03ba\u03cd\u03c1\u03c9\u03c3\u03b7 ",
"ButtonGotIt": "Got It",
"ButtonRestart": "Restart",
"ButtonRestart": "\u0395\u03c0\u03b1\u03bd\u03b5\u03ba\u03ba\u03af\u03bd\u03b7\u03c3\u03b7",
"RecordingCancelled": "Recording cancelled.",
"SeriesCancelled": "Series cancelled.",
"RecordingScheduled": "Recording scheduled.",
"SeriesRecordingScheduled": "Series recording scheduled.",
"HeaderNewRecording": "New Recording",
"Sunday": "Sunday",
"Monday": "Monday",
"Tuesday": "Tuesday",
"Wednesday": "Wednesday",
"Thursday": "Thursday",
"Friday": "Friday",
"Saturday": "Saturday",
"Days": "Days",
"HeaderNewRecording": "\u039d\u03ad\u03b1 \u0395\u03b3\u03b3\u03c1\u03b1\u03c6\u03ae",
"Sunday": "\u039a\u03c5\u03c1\u03b9\u03b1\u03ba\u03ae",
"Monday": "\u0394\u03b5\u03c5\u03c4\u03ad\u03c1\u03b1",
"Tuesday": "\u03a4\u03c1\u03af\u03c4\u03b7",
"Wednesday": "\u03a4\u03b5\u03c4\u03ac\u03c1\u03c4\u03b7",
"Thursday": "\u03a0\u03ad\u03bc\u03c0\u03c4\u03b7",
"Friday": "\u03a0\u03b1\u03c1\u03b1\u03c3\u03ba\u03b5\u03c5\u03ae",
"Saturday": "\u03a3\u03ac\u03b2\u03b2\u03b1\u03c4\u03bf",
"Days": "\u0397\u03bc\u03ad\u03c1\u03b5\u03c2",
"RecordSeries": "Record series",
"HeaderCinemaMode": "Cinema Mode",
"HeaderCloudSync": "Cloud Sync",
@ -50,52 +50,52 @@
"CoverArtFeatureDescription": "Cover Art creates fun covers and other treatments to help you personalize your media images.",
"CoverArt": "Cover Art",
"CinemaModeFeatureDescription": "Cinema Mode gives you the true cinema experience with trailers and custom intros before the feature.",
"HeaderFreeApps": "Free Emby Apps",
"HeaderFreeApps": "\u0394\u03c9\u03c1\u03b5\u03ac\u03bd \u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 Emby",
"FreeAppsFeatureDescription": "Enjoy free access to Emby apps for your devices.",
"HeaderBecomeProjectSupporter": "Get Emby Premiere",
"HeaderBecomeProjectSupporter": "\u0391\u03c0\u03cc\u03ba\u03c4\u03b7\u03c3\u03b5 \u03a3\u03c5\u03bd\u03b4\u03c1\u03bf\u03bc\u03ae Emby Premiere",
"MessageActiveSubscriptionRequiredSeriesRecordings": "An active Emby Premiere subscription is required in order to create automated series recordings.",
"LabelEmailAddress": "E-mail address:",
"LabelEmailAddress": "\u0394\u03b9\u03b5\u03cd\u03b8\u03c5\u03bd\u03c3\u03b7 E-mail",
"PromoConvertRecordingsToStreamingFormat": "Automatically convert recordings to a streaming friendly format with Emby Premiere. Recordings will be converted on the fly to MP4 or MKV, based on Emby server settings.",
"FeatureRequiresEmbyPremiere": "This feature requires an active Emby Premiere subscription.",
"HeaderConvertYourRecordings": "Convert Your Recordings",
"Record": "Record",
"Record": "\u0395\u03b3\u03b3\u03c1\u03b1\u03c6\u03ae",
"Save": "\u0391\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7",
"Edit": "Edit",
"Edit": "\u0395\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1",
"Download": "Download",
"Advanced": "Advanced",
"Delete": "Delete",
"HeaderDeleteItem": "Delete Item",
"Delete": "\u0394\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ae",
"HeaderDeleteItem": "\u0394\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ae \u0391\u03bd\u03c4\u03b9\u03ba\u03b5\u03b9\u03bc\u03ad\u03bd\u03bf\u03c5",
"ConfirmDeleteItem": "Deleting this item will delete it from both the file system and your media library. Are you sure you wish to continue?",
"Refresh": "Refresh",
"Refresh": "\u0391\u03bd\u03b1\u03bd\u03ad\u03c9\u03c3\u03b7",
"RefreshQueued": "Refresh queued.",
"AddToCollection": "Add to collection",
"AddToCollection": "\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b5 \u03c3\u03c4\u03b7 \u03c3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ae",
"HeaderAddToCollection": "\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b5 \u03c3\u03c4\u03b7 \u03a3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ae",
"NewCollection": "New Collection",
"LabelCollection": "Collection:",
"NewCollection": "\u039d\u03ad\u03b1 \u03a3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ae",
"LabelCollection": "\u03a3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ae:",
"Help": "\u0392\u03bf\u03ae\u03b8\u03b5\u03b9\u03b1",
"NewCollectionHelp": "Collections allow you to create personalized groupings of movies and other library content.",
"SearchForCollectionInternetMetadata": "\u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03c3\u03c4\u03bf \u03b4\u03b9\u03b1\u03b4\u03af\u03ba\u03c4\u03c5\u03bf \u03b3\u03b9\u03b1 \u03b5\u03be\u03ce\u03c6\u03c5\u03bb\u03bb\u03bf \u03ba\u03b1\u03b9 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2",
"LabelName": "\u038c\u03bd\u03bf\u03bc\u03b1:",
"NewCollectionNameExample": "\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: \u03a3\u03c5\u03bb\u03bb\u03bf\u03b3\u03ae \"\u03a0\u03cc\u03bb\u03b5\u03bc\u03bf\u03c2 \u03c4\u03c9\u03bd \u0386\u03c3\u03c4\u03c1\u03c9\u03bd\"",
"MessageItemsAdded": "Items added.",
"OptionNew": "New...",
"LabelPlaylist": "Playlist:",
"AddToPlaylist": "Add to playlist",
"HeaderAddToPlaylist": "Add to Playlist",
"Subtitles": "Subtitles",
"SearchForSubtitles": "Search for Subtitles",
"OptionNew": "\u039d\u03ad\u03bf...",
"LabelPlaylist": "\u039b\u03af\u03c3\u03c4\u03b1:",
"AddToPlaylist": "\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b5 \u03c3\u03b5 \u03bb\u03af\u03c3\u03c4\u03b1",
"HeaderAddToPlaylist": "\u03a0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03b5 \u03c3\u03b5 \u039b\u03af\u03c3\u03c4\u03b1",
"Subtitles": "\u03a5\u03c0\u03cc\u03c4\u03b9\u03c4\u03bb\u03bf\u03b9",
"SearchForSubtitles": "\u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03a5\u03c0\u03bf\u03c4\u03af\u03c4\u03bb\u03c9\u03bd",
"LabelLanguage": "\u0393\u03bb\u03ce\u03c3\u03c3\u03b1",
"Search": "Search",
"Search": "\u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7",
"NoSubtitleSearchResultsFound": "No results found.",
"File": "File",
"MessageAreYouSureDeleteSubtitles": "Are you sure you wish to delete this subtitle file?",
"ConfirmDeletion": "Confirm Deletion",
"MySubtitles": "My Subtitles",
"ConfirmDeletion": "\u0395\u03c0\u03b9\u03b2\u03b5\u03b2\u03b1\u03af\u03c9\u03c3\u03b7 \u0394\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ae\u03c2",
"MySubtitles": "\u039f\u03b9 \u03a5\u03c0\u03cc\u03c4\u03b9\u03c4\u03bb\u03bf\u03b9 \u03bc\u03bf\u03c5",
"MessageDownloadQueued": "Download queued.",
"EditSubtitles": "Edit subtitles",
"EditSubtitles": "\u0395\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03c5\u03c0\u03bf\u03c4\u03af\u03c4\u03bb\u03c9\u03bd",
"UnlockGuide": "Unlock Guide",
"RefreshMetadata": "Refresh Metadata",
"ReplaceExistingImages": "Replace existing images",
"RefreshMetadata": "\u0391\u03bd\u03b1\u03bd\u03ad\u03c9\u03c3\u03b7 \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ce\u03bd",
"ReplaceExistingImages": "\u0391\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03c5\u03c3\u03c9\u03bd \u03b5\u03b9\u03ba\u03cc\u03bd\u03c9\u03bd",
"ReplaceAllMetadata": "Replace all metadata",
"SearchForMissingMetadata": "Search for missing metadata",
"LabelRefreshMode": "Refresh mode:",
@ -139,7 +139,7 @@
"MessageConfirmRecordingCancellation": "Are you sure you wish to cancel this recording?",
"Error": "Error",
"VoiceInput": "Voice Input",
"LabelContentType": "\u03a4\u03cd\u03c0\u03bf\u03c2 \u03b1\u03c1\u03c7\u03b5\u03af\u03c9\u03bd:",
"LabelContentType": "\u03a4\u03cd\u03c0\u03bf\u03c2 \u03c0\u03b5\u03c1\u03b9\u03b5\u03c7\u03bf\u03bc\u03ad\u03bd\u03bf\u03c5:",
"LabelPath": "Path:",
"LabelTitle": "Title:",
"LabelOriginalTitle": "Original title:",
@ -147,7 +147,7 @@
"LabelDateAdded": "Date added:",
"ConfigureDateAdded": "Configure how date added is determined in the Emby Server dashboard under Library settings",
"LabelStatus": "\u039a\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7:",
"LabelArtists": "\u039a\u03b1\u03bb\u03bb\u03b9\u03c4\u03ad\u03c7\u03bd\u03b5\u03c2",
"LabelArtists": "\u039a\u03b1\u03bb\u03bb\u03b9\u03c4\u03ad\u03c7\u03bd\u03b5\u03c2:",
"LabelArtistsHelp": "Separate multiple using ;",
"LabelAlbumArtists": "Album artists:",
"LabelAlbum": "Album:",
@ -162,7 +162,7 @@
"LabelOverview": "Overview:",
"LabelShortOverview": "Short overview:",
"LabelReleaseDate": "Release date:",
"LabelYear": "Year:",
"LabelYear": "\u0388\u03c4\u03bf\u03c2:",
"LabelPlaceOfBirth": "Place of birth:",
"LabelAirDays": "Air days:",
"LabelAirTime": "Air time:",
@ -196,7 +196,7 @@
"LabelMetadataDownloadLanguage": "Preferred download language:",
"LabelLockItemToPreventChanges": "Lock this item to prevent future changes",
"MessageLeaveEmptyToInherit": "Leave empty to inherit settings from a parent item, or the global default value.",
"LabelCountry": "\u03a7\u03ce\u03c1\u03b1",
"LabelCountry": "\u03a7\u03ce\u03c1\u03b1:",
"LabelDynamicExternalId": "{0} Id:",
"LabelBirthYear": "Birth year:",
"LabelBirthDate": "Birth date:",
@ -220,7 +220,7 @@
"Runtime": "Runtime",
"ProductionLocations": "Production locations",
"BirthLocation": "Birth location",
"ParentalRating": "Parental Rating",
"ParentalRating": "\u039a\u03b1\u03c4\u03b1\u03bb\u03bb\u03b7\u03bb\u03cc\u03c4\u03b7\u03c4\u03b1",
"Name": "Name",
"Overview": "Overview",
"LabelType": "Type:",

View File

@ -47,7 +47,7 @@
"HeaderOfflineDownloads": "Offline Media",
"HeaderOfflineDownloadsDescription": "Download media to your devices for easy offline use.",
"CloudSyncFeatureDescription": "Sync your media to the cloud for easy backup, archiving, and converting.",
"CoverArtFeatureDescription": "Cover Art creates fun covers and other treatments to help you personalize your media images.",
"CoverArtFeatureDescription": "Cover Art creates fun covers and other treatments to help you personalise your media images.",
"CoverArt": "Cover Art",
"CinemaModeFeatureDescription": "Cinema Mode gives you the true cinema experience with trailers and custom intros before the feature.",
"HeaderFreeApps": "Free Emby Apps",

View File

@ -347,8 +347,8 @@
"ButtonPlayOneMinute": "Reproducir un minuto",
"PlaceFavoriteChannelsAtBeginning": "Colocar canales favoritos al inicio",
"HeaderUnlockFeature": "Desbloquear Caracter\u00edstica",
"MessageDidYouKnowCinemaMode": "Did you know that with Emby Premiere, you can enhance your experience with features like Cinema Mode?",
"MessageDidYouKnowCinemaMode2": "Cinema Mode gives you the true cinema experience with trailers and custom intros before the main feature.",
"HeaderPlayMyMedia": "Play my Media",
"HeaderDiscoverEmbyPremiere": "Discover Emby Premiere"
"MessageDidYouKnowCinemaMode": "\u00bfSab\u00eda que con Emby Premier, puede mejorar su experiencia con caracter\u00edsticas como Modo Cine?",
"MessageDidYouKnowCinemaMode2": "El Modo Cine le da una verdadera experiencia de cine con trailers e intros personalizados antes de la presentaci\u00f3n estelar.",
"HeaderPlayMyMedia": "Reproducir mis Medios",
"HeaderDiscoverEmbyPremiere": "Descubra Emby Premier"
}

View File

@ -1,4 +1,4 @@
define(['appSettings', 'datetime', 'jQuery', 'emby-slider', 'emby-button'], function (appSettings, datetime, $) {
define(['appSettings', 'datetime', 'jQuery', 'actionsheet', 'emby-slider', 'emby-button'], function (appSettings, datetime, $, actionsheet) {
function getDeviceProfile(serverAddress, deviceId, item, startPositionTicks, maxBitrate, mediaSourceId, audioStreamIndex, subtitleStreamIndex) {
@ -334,21 +334,17 @@
function showMenuForItem(item, players) {
require(['actionsheet'], function (actionsheet) {
actionsheet.show({
items: players
}).then(function (id) {
var player = players.filter(function (p) {
return p.id == id;
})[0];
actionsheet.show({
items: players,
callback: function (id) {
var player = players.filter(function (p) {
return p.id == id;
})[0];
if (player) {
window.open(player.url, '_blank');
onPlaybackStart();
}
}
});
if (player) {
window.open(player.url, '_blank');
onPlaybackStart();
}
});
}