1
0
Fork 0
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:
Luke Pulverenti 2016-08-22 16:47:16 -04:00
parent 7dbc6ede62
commit 8ba393c549
13 changed files with 101 additions and 123 deletions

View file

@ -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');
}
});
};

View file

@ -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
// });
//});
});

View file

@ -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');
}
});
};
});

View file

@ -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');

View file

@ -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.

View file

@ -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) {