mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update now playing bar
This commit is contained in:
parent
7dbc6ede62
commit
8ba393c549
13 changed files with 101 additions and 123 deletions
|
@ -1,4 +1,4 @@
|
|||
define(['appSettings'], function (appSettings) {
|
||||
define(['appSettings', 'emby-checkbox'], function (appSettings) {
|
||||
|
||||
function loadForm(page, user) {
|
||||
|
||||
|
@ -34,7 +34,7 @@
|
|||
toast(Globalize.translate('SettingsSaved'));
|
||||
});
|
||||
|
||||
if (cameraUploadServers.length || syncPath) {
|
||||
if (cameraUploadServers.length) {
|
||||
if (window.MainActivity) {
|
||||
MainActivity.authorizeStorage();
|
||||
}
|
||||
|
@ -60,18 +60,6 @@
|
|||
return false;
|
||||
});
|
||||
|
||||
view.querySelector('#btnSelectSyncPath').addEventListener('click', function () {
|
||||
|
||||
require(['nativedirectorychooser'], function () {
|
||||
NativeDirectoryChooser.chooseDirectory().then(function (path) {
|
||||
|
||||
if (path) {
|
||||
view.querySelector('#txtSyncPath').value = path;
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
view.addEventListener('viewshow', function () {
|
||||
var page = this;
|
||||
|
||||
|
@ -83,12 +71,6 @@
|
|||
|
||||
loadForm(page, user);
|
||||
});
|
||||
|
||||
if (AppInfo.supportsSyncPathSetting) {
|
||||
page.querySelector('.fldSyncPath').classList.remove('hide');
|
||||
} else {
|
||||
page.querySelector('.fldSyncPath').classList.add('hide');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
|
|
|
@ -1046,12 +1046,9 @@
|
|||
|
||||
setDrawerClass();
|
||||
|
||||
//require(['appfooter'], function (appfooter) {
|
||||
// var footer = new appfooter({});
|
||||
// require(['dockedtabs'], function (dockedtabs) {
|
||||
// new dockedtabs({
|
||||
// appFooter: footer
|
||||
// });
|
||||
//require(['appfooter-shared', 'dockedtabs'], function (footer, dockedtabs) {
|
||||
// new dockedtabs({
|
||||
// appFooter: footer
|
||||
// });
|
||||
//});
|
||||
});
|
|
@ -1,47 +1,53 @@
|
|||
pageIdOn('pageinit', 'myPreferencesMenuPage', function () {
|
||||
define(['apphost', 'listViewStyle'], function (appHost) {
|
||||
|
||||
var page = this;
|
||||
return function (view, params) {
|
||||
|
||||
page.querySelector('.btnLogout').addEventListener('click', function () {
|
||||
view.querySelector('.btnLogout').addEventListener('click', function () {
|
||||
|
||||
Dashboard.logout();
|
||||
});
|
||||
Dashboard.logout();
|
||||
});
|
||||
|
||||
});
|
||||
view.addEventListener('viewshow', function () {
|
||||
|
||||
pageIdOn('pageshow', 'myPreferencesMenuPage', function () {
|
||||
var page = this;
|
||||
|
||||
var page = this;
|
||||
var userId = params.userId || Dashboard.getCurrentUserId();
|
||||
|
||||
var userId = getParameterByName('userId') || Dashboard.getCurrentUserId();
|
||||
page.querySelector('.lnkDisplayPreferences').setAttribute('href', 'mypreferencesdisplay.html?userId=' + userId);
|
||||
page.querySelector('.lnkLanguagePreferences').setAttribute('href', 'mypreferenceslanguages.html?userId=' + userId);
|
||||
page.querySelector('.lnkHomeScreenPreferences').setAttribute('href', 'mypreferenceshome.html?userId=' + userId);
|
||||
page.querySelector('.lnkMyProfile').setAttribute('href', 'myprofile.html?userId=' + userId);
|
||||
page.querySelector('.lnkSync').setAttribute('href', 'mysyncsettings.html?userId=' + userId);
|
||||
page.querySelector('.lnkCameraUpload').setAttribute('href', 'camerauploadsettings.html?userId=' + userId);
|
||||
|
||||
page.querySelector('.lnkDisplayPreferences').setAttribute('href', 'mypreferencesdisplay.html?userId=' + userId);
|
||||
page.querySelector('.lnkLanguagePreferences').setAttribute('href', 'mypreferenceslanguages.html?userId=' + userId);
|
||||
page.querySelector('.lnkHomeScreenPreferences').setAttribute('href', 'mypreferenceshome.html?userId=' + userId);
|
||||
page.querySelector('.lnkMyProfile').setAttribute('href', 'myprofile.html?userId=' + userId);
|
||||
page.querySelector('.lnkSync').setAttribute('href', 'mysyncsettings.html?userId=' + userId);
|
||||
if (appHost.supports('cameraupload')) {
|
||||
page.querySelector('.lnkCameraUpload').classList.remove('hide');
|
||||
} else {
|
||||
page.querySelector('.lnkCameraUpload').classList.add('hide');
|
||||
}
|
||||
|
||||
if (Dashboard.capabilities().SupportsSync) {
|
||||
page.querySelector('.lnkSync').classList.remove('hide');
|
||||
} else {
|
||||
page.querySelector('.lnkSync').classList.add('hide');
|
||||
}
|
||||
if (appHost.supports('sync')) {
|
||||
page.querySelector('.lnkSync').classList.remove('hide');
|
||||
} else {
|
||||
page.querySelector('.lnkSync').classList.add('hide');
|
||||
}
|
||||
|
||||
Dashboard.getCurrentUser().then(function (user) {
|
||||
Dashboard.getCurrentUser().then(function (user) {
|
||||
|
||||
page.querySelector('.headerUser').innerHTML = user.Name;
|
||||
page.querySelector('.headerUser').innerHTML = user.Name;
|
||||
|
||||
if (user.Policy.IsAdministrator) {
|
||||
page.querySelector('.adminSection').classList.remove('hide');
|
||||
} else {
|
||||
page.querySelector('.adminSection').classList.add('hide');
|
||||
}
|
||||
});
|
||||
|
||||
if (Dashboard.isConnectMode()) {
|
||||
page.querySelector('.selectServer').classList.remove('hide');
|
||||
} else {
|
||||
page.querySelector('.selectServer').classList.add('hide');
|
||||
}
|
||||
if (user.Policy.IsAdministrator) {
|
||||
page.querySelector('.adminSection').classList.remove('hide');
|
||||
} else {
|
||||
page.querySelector('.adminSection').classList.add('hide');
|
||||
}
|
||||
});
|
||||
|
||||
if (Dashboard.isConnectMode()) {
|
||||
page.querySelector('.selectServer').classList.remove('hide');
|
||||
} else {
|
||||
page.querySelector('.selectServer').classList.add('hide');
|
||||
}
|
||||
});
|
||||
};
|
||||
});
|
|
@ -1,4 +1,4 @@
|
|||
define(['appSettings'], function (appSettings) {
|
||||
define(['appSettings', 'apphost'], function (appSettings, appHost) {
|
||||
|
||||
function loadForm(page, user) {
|
||||
|
||||
|
@ -20,7 +20,7 @@
|
|||
toast(Globalize.translate('SettingsSaved'));
|
||||
});
|
||||
|
||||
if (cameraUploadServers.length || syncPath) {
|
||||
if (syncPath) {
|
||||
if (window.MainActivity) {
|
||||
MainActivity.authorizeStorage();
|
||||
}
|
||||
|
@ -70,7 +70,7 @@
|
|||
loadForm(page, user);
|
||||
});
|
||||
|
||||
if (AppInfo.supportsSyncPathSetting) {
|
||||
if (appHost.supports('customsyncpath')) {
|
||||
page.querySelector('.fldSyncPath').classList.remove('hide');
|
||||
} else {
|
||||
page.querySelector('.fldSyncPath').classList.add('hide');
|
||||
|
|
|
@ -75,7 +75,6 @@
|
|||
return html;
|
||||
}
|
||||
|
||||
var translateY = '-64px';
|
||||
function slideDown(elem) {
|
||||
|
||||
if (elem.classList.contains('hide')) {
|
||||
|
@ -93,8 +92,8 @@
|
|||
|
||||
requestAnimationFrame(function () {
|
||||
var keyframes = [
|
||||
{ transform: 'translateY(' + translateY + ')', offset: 0 },
|
||||
{ transform: 'none', offset: 1 }];
|
||||
{ transform: 'none', offset: 0 },
|
||||
{ transform: 'translateY(100%)', offset: 1 }];
|
||||
var timing = { duration: 200, iterations: 1, fill: 'both', easing: 'ease-out' };
|
||||
elem.animate(keyframes, timing).onfinish = onfinish;
|
||||
});
|
||||
|
@ -115,8 +114,8 @@
|
|||
requestAnimationFrame(function () {
|
||||
|
||||
var keyframes = [
|
||||
{ transform: 'none', offset: 0 },
|
||||
{ transform: 'translateY(' + translateY + ')', offset: 1 }];
|
||||
{ transform: 'translateY(100%)', offset: 0 },
|
||||
{ transform: 'none', offset: 1 }];
|
||||
var timing = { duration: 200, iterations: 1, fill: 'both', easing: 'ease-out' };
|
||||
elem.animate(keyframes, timing);
|
||||
});
|
||||
|
@ -308,17 +307,18 @@
|
|||
|
||||
return new Promise(function (resolve, reject) {
|
||||
|
||||
require(['itemShortcuts', 'css!css/nowplayingbar.css', 'emby-slider'], function (itemShortcuts) {
|
||||
require(['appfooter-shared', 'itemShortcuts', 'css!css/nowplayingbar.css', 'emby-slider'], function (appfooter, itemShortcuts) {
|
||||
|
||||
nowPlayingBarElement = document.querySelector('.nowPlayingBar');
|
||||
var parentContainer = appfooter.element;
|
||||
nowPlayingBarElement = parentContainer.querySelector('.nowPlayingBar');
|
||||
|
||||
if (nowPlayingBarElement) {
|
||||
resolve(nowPlayingBarElement);
|
||||
return;
|
||||
}
|
||||
|
||||
document.body.insertAdjacentHTML('beforeend', getNowPlayingBarHtml());
|
||||
nowPlayingBarElement = document.querySelector('.nowPlayingBar');
|
||||
parentContainer.insertAdjacentHTML('beforeend', getNowPlayingBarHtml());
|
||||
nowPlayingBarElement = parentContainer.querySelector('.nowPlayingBar');
|
||||
|
||||
if (browser.safari && browser.slow) {
|
||||
// Not handled well here. The wrong elements receive events, bar doesn't update quickly enough, etc.
|
||||
|
|
|
@ -861,7 +861,7 @@ var Dashboard = {
|
|||
if (enableVlcAudio) {
|
||||
|
||||
profile.DirectPlayProfiles.push({
|
||||
Container: "aac,mp3,mpa,wav,wma,mp2,ogg,oga,webma,ape,opus",
|
||||
Container: "aac,mp3,mpa,wav,wma,mp2,ogg,oga,webma,ape,m4a,opus,flac",
|
||||
Type: 'Audio'
|
||||
});
|
||||
|
||||
|
@ -987,8 +987,6 @@ var AppInfo = {};
|
|||
|
||||
AppInfo.enableBackButton = isIOS && (window.navigator.standalone || AppInfo.isNativeApp);
|
||||
|
||||
AppInfo.supportsSyncPathSetting = isCordova && isAndroid;
|
||||
|
||||
if (isCordova && isIOS) {
|
||||
AppInfo.moreIcon = 'more-horiz';
|
||||
} else {
|
||||
|
@ -1206,6 +1204,11 @@ var AppInfo = {};
|
|||
return hammer;
|
||||
}
|
||||
|
||||
function createSharedAppFooter(appFooter) {
|
||||
var footer = new appFooter({});
|
||||
return footer;
|
||||
}
|
||||
|
||||
function initRequire() {
|
||||
|
||||
var urlArgs = "v=" + (window.dashboardVersion || new Date().getDate());
|
||||
|
@ -1503,6 +1506,7 @@ var AppInfo = {};
|
|||
|
||||
define("headroom-window", ['headroom'], createWindowHeadroom);
|
||||
define("hammer-main", ['hammer'], createMainContentHammer);
|
||||
define("appfooter-shared", ['appfooter'], createSharedAppFooter);
|
||||
|
||||
// mock this for now. not used in this app
|
||||
define("playbackManager", [], function () {
|
||||
|
@ -2330,7 +2334,8 @@ var AppInfo = {};
|
|||
path: '/mypreferencesmenu.html',
|
||||
dependencies: ['emby-button'],
|
||||
autoFocus: false,
|
||||
transition: 'fade'
|
||||
transition: 'fade',
|
||||
controller: 'scripts/mypreferencescommon'
|
||||
});
|
||||
|
||||
defineRoute({
|
||||
|
@ -2753,10 +2758,7 @@ var AppInfo = {};
|
|||
postInitDependencies.push('cordova/ios/orientation');
|
||||
postInitDependencies.push('cordova/ios/remotecontrols');
|
||||
|
||||
if (Dashboard.capabilities().SupportsSync) {
|
||||
|
||||
postInitDependencies.push('cordova/ios/backgroundfetch');
|
||||
}
|
||||
//postInitDependencies.push('cordova/ios/backgroundfetch');
|
||||
}
|
||||
|
||||
} else if (browserInfo.chrome) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue