mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Update variable Declerations
This commit is contained in:
parent
e033a748cc
commit
4bde73b96e
5 changed files with 54 additions and 53 deletions
|
@ -9,11 +9,12 @@ import 'emby-button';
|
||||||
function handleConnectionResult(page, result) {
|
function handleConnectionResult(page, result) {
|
||||||
loading.hide();
|
loading.hide();
|
||||||
switch (result.State) {
|
switch (result.State) {
|
||||||
case 'SignedIn':
|
case 'SignedIn': {
|
||||||
var apiClient = result.ApiClient;
|
const apiClient = result.ApiClient;
|
||||||
Dashboard.onServerChanged(apiClient.getCurrentUserId(), apiClient.accessToken(), apiClient);
|
Dashboard.onServerChanged(apiClient.getCurrentUserId(), apiClient.accessToken(), apiClient);
|
||||||
Dashboard.navigate('home.html');
|
Dashboard.navigate('home.html');
|
||||||
break;
|
break;
|
||||||
|
}
|
||||||
case 'ServerSignIn':
|
case 'ServerSignIn':
|
||||||
Dashboard.navigate('login.html?serverid=' + result.Servers[0].Id, false, 'none');
|
Dashboard.navigate('login.html?serverid=' + result.Servers[0].Id, false, 'none');
|
||||||
break;
|
break;
|
||||||
|
@ -35,7 +36,7 @@ import 'emby-button';
|
||||||
|
|
||||||
function submitServer(page) {
|
function submitServer(page) {
|
||||||
loading.show();
|
loading.show();
|
||||||
var host = page.querySelector('#txtServerHost').value;
|
const host = page.querySelector('#txtServerHost').value;
|
||||||
ConnectionManager.connectToAddress(host, {
|
ConnectionManager.connectToAddress(host, {
|
||||||
enableAutoLogin: appSettings.enableAutoLogin()
|
enableAutoLogin: appSettings.enableAutoLogin()
|
||||||
}).then(function(result) {
|
}).then(function(result) {
|
||||||
|
@ -66,6 +67,6 @@ import 'emby-button';
|
||||||
appRouter.back();
|
appRouter.back();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
}
|
||||||
|
|
||||||
/* eslint-enable indent */
|
/* eslint-enable indent */
|
||||||
|
|
|
@ -18,7 +18,7 @@ import globalize from 'globalize';
|
||||||
}
|
}
|
||||||
|
|
||||||
if ('PinCode' == result.Action) {
|
if ('PinCode' == result.Action) {
|
||||||
var msg = globalize.translate('MessageForgotPasswordFileCreated');
|
let msg = globalize.translate('MessageForgotPasswordFileCreated');
|
||||||
msg += '<br/>';
|
msg += '<br/>';
|
||||||
msg += '<br/>';
|
msg += '<br/>';
|
||||||
msg += 'Enter PIN here to finish Password Reset<br/>';
|
msg += 'Enter PIN here to finish Password Reset<br/>';
|
||||||
|
@ -50,6 +50,6 @@ import globalize from 'globalize';
|
||||||
}
|
}
|
||||||
|
|
||||||
view.querySelector('form').addEventListener('submit', onSubmit);
|
view.querySelector('form').addEventListener('submit', onSubmit);
|
||||||
};
|
}
|
||||||
|
|
||||||
/* eslint-enable indent */
|
/* eslint-enable indent */
|
||||||
|
|
|
@ -4,7 +4,7 @@ import globalize from 'globalize';
|
||||||
|
|
||||||
function processForgotPasswordResult(result) {
|
function processForgotPasswordResult(result) {
|
||||||
if (result.Success) {
|
if (result.Success) {
|
||||||
var msg = globalize.translate('MessagePasswordResetForUsers');
|
let msg = globalize.translate('MessagePasswordResetForUsers');
|
||||||
msg += '<br/>';
|
msg += '<br/>';
|
||||||
msg += '<br/>';
|
msg += '<br/>';
|
||||||
msg += result.UsersReset.join('<br/>');
|
msg += result.UsersReset.join('<br/>');
|
||||||
|
@ -38,6 +38,6 @@ import globalize from 'globalize';
|
||||||
}
|
}
|
||||||
|
|
||||||
view.querySelector('form').addEventListener('submit', onSubmit);
|
view.querySelector('form').addEventListener('submit', onSubmit);
|
||||||
};
|
}
|
||||||
|
|
||||||
/* eslint-disable indent */
|
/* eslint-enable indent */
|
||||||
|
|
|
@ -11,14 +11,14 @@ import 'emby-checkbox';
|
||||||
|
|
||||||
/* eslint-disable indent */
|
/* eslint-disable indent */
|
||||||
|
|
||||||
var enableFocusTransform = !browser.slow && !browser.edge;
|
const enableFocusTransform = !browser.slow && !browser.edge;
|
||||||
|
|
||||||
function authenticateUserByName(page, apiClient, username, password) {
|
function authenticateUserByName(page, apiClient, username, password) {
|
||||||
loading.show();
|
loading.show();
|
||||||
apiClient.authenticateUserByName(username, password).then(function (result) {
|
apiClient.authenticateUserByName(username, password).then(function (result) {
|
||||||
var user = result.User;
|
const user = result.User;
|
||||||
var serverId = getParameterByName('serverid');
|
const serverId = getParameterByName('serverid');
|
||||||
var newUrl;
|
let newUrl;
|
||||||
|
|
||||||
if (user.Policy.IsAdministrator && !serverId) {
|
if (user.Policy.IsAdministrator && !serverId) {
|
||||||
newUrl = 'dashboard.html';
|
newUrl = 'dashboard.html';
|
||||||
|
@ -68,23 +68,23 @@ import 'emby-checkbox';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
var metroColors = ['#6FBD45', '#4BB3DD', '#4164A5', '#E12026', '#800080', '#E1B222', '#008040', '#0094FF', '#FF00C7', '#FF870F', '#7F0037'];
|
const metroColors = ['#6FBD45', '#4BB3DD', '#4164A5', '#E12026', '#800080', '#E1B222', '#008040', '#0094FF', '#FF00C7', '#FF870F', '#7F0037'];
|
||||||
|
|
||||||
function getRandomMetroColor() {
|
function getRandomMetroColor() {
|
||||||
var index = Math.floor(Math.random() * (metroColors.length - 1));
|
const index = Math.floor(Math.random() * (metroColors.length - 1));
|
||||||
return metroColors[index];
|
return metroColors[index];
|
||||||
}
|
}
|
||||||
|
|
||||||
function getMetroColor(str) {
|
function getMetroColor(str) {
|
||||||
if (str) {
|
if (str) {
|
||||||
var character = String(str.substr(0, 1).charCodeAt());
|
const character = String(str.substr(0, 1).charCodeAt());
|
||||||
var sum = 0;
|
let sum = 0;
|
||||||
|
|
||||||
for (var i = 0; i < character.length; i++) {
|
for (let i = 0; i < character.length; i++) {
|
||||||
sum += parseInt(character.charAt(i));
|
sum += parseInt(character.charAt(i));
|
||||||
}
|
}
|
||||||
|
|
||||||
var index = String(sum).substr(-1);
|
const index = String(sum).substr(-1);
|
||||||
return metroColors[index];
|
return metroColors[index];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -92,13 +92,13 @@ import 'emby-checkbox';
|
||||||
}
|
}
|
||||||
|
|
||||||
function loadUserList(context, apiClient, users) {
|
function loadUserList(context, apiClient, users) {
|
||||||
var html = '';
|
let html = '';
|
||||||
|
|
||||||
for (var i = 0; i < users.length; i++) {
|
for (let i = 0; i < users.length; i++) {
|
||||||
var user = users[i];
|
const user = users[i];
|
||||||
|
|
||||||
// TODO move card creation code to Card component
|
// TODO move card creation code to Card component
|
||||||
var cssClass = 'card squareCard scalableCard squareCard-scalable';
|
let cssClass = 'card squareCard scalableCard squareCard-scalable';
|
||||||
|
|
||||||
if (layoutManager.tv) {
|
if (layoutManager.tv) {
|
||||||
cssClass += ' show-focus';
|
cssClass += ' show-focus';
|
||||||
|
@ -108,13 +108,13 @@ import 'emby-checkbox';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
var cardBoxCssClass = 'cardBox cardBox-bottompadded';
|
const cardBoxCssClass = 'cardBox cardBox-bottompadded';
|
||||||
html += '<button type="button" class="' + cssClass + '">';
|
html += '<button type="button" class="' + cssClass + '">';
|
||||||
html += '<div class="' + cardBoxCssClass + '">';
|
html += '<div class="' + cardBoxCssClass + '">';
|
||||||
html += '<div class="cardScalable">';
|
html += '<div class="cardScalable">';
|
||||||
html += '<div class="cardPadder cardPadder-square"></div>';
|
html += '<div class="cardPadder cardPadder-square"></div>';
|
||||||
html += '<div class="cardContent" data-haspw="' + user.HasPassword + '" data-username="' + user.Name + '" data-userid="' + user.Id + '">';
|
html += '<div class="cardContent" data-haspw="' + user.HasPassword + '" data-username="' + user.Name + '" data-userid="' + user.Id + '">';
|
||||||
var imgUrl;
|
let imgUrl;
|
||||||
|
|
||||||
if (user.PrimaryImageTag) {
|
if (user.PrimaryImageTag) {
|
||||||
imgUrl = apiClient.getUserImageUrl(user.Id, {
|
imgUrl = apiClient.getUserImageUrl(user.Id, {
|
||||||
|
@ -124,7 +124,7 @@ import 'emby-checkbox';
|
||||||
});
|
});
|
||||||
html += '<div class="cardImageContainer coveredImage coveredImage-noScale" style="background-image:url(\'' + imgUrl + "');\"></div>";
|
html += '<div class="cardImageContainer coveredImage coveredImage-noScale" style="background-image:url(\'' + imgUrl + "');\"></div>";
|
||||||
} else {
|
} else {
|
||||||
var background = getMetroColor(user.Id);
|
const background = getMetroColor(user.Id);
|
||||||
imgUrl = 'assets/img/avatar.png';
|
imgUrl = 'assets/img/avatar.png';
|
||||||
html += '<div class="cardImageContainer coveredImage coveredImage-noScale" style="background-image:url(\'' + imgUrl + "');background-color:" + background + ';"></div>';
|
html += '<div class="cardImageContainer coveredImage coveredImage-noScale" style="background-image:url(\'' + imgUrl + "');background-color:" + background + ';"></div>';
|
||||||
}
|
}
|
||||||
|
@ -143,7 +143,7 @@ import 'emby-checkbox';
|
||||||
|
|
||||||
export default function (view, params) {
|
export default function (view, params) {
|
||||||
function getApiClient() {
|
function getApiClient() {
|
||||||
var serverId = params.serverid;
|
const serverId = params.serverid;
|
||||||
|
|
||||||
if (serverId) {
|
if (serverId) {
|
||||||
return connectionManager.getOrCreateApiClient(serverId);
|
return connectionManager.getOrCreateApiClient(serverId);
|
||||||
|
@ -163,14 +163,14 @@ import 'emby-checkbox';
|
||||||
}
|
}
|
||||||
|
|
||||||
view.querySelector('#divUsers').addEventListener('click', function (e) {
|
view.querySelector('#divUsers').addEventListener('click', function (e) {
|
||||||
var card = dom.parentWithClass(e.target, 'card');
|
const card = dom.parentWithClass(e.target, 'card');
|
||||||
var cardContent = card ? card.querySelector('.cardContent') : null;
|
const cardContent = card ? card.querySelector('.cardContent') : null;
|
||||||
|
|
||||||
if (cardContent) {
|
if (cardContent) {
|
||||||
var context = view;
|
const context = view;
|
||||||
var id = cardContent.getAttribute('data-userid');
|
const id = cardContent.getAttribute('data-userid');
|
||||||
var name = cardContent.getAttribute('data-username');
|
const name = cardContent.getAttribute('data-username');
|
||||||
var haspw = cardContent.getAttribute('data-haspw');
|
const haspw = cardContent.getAttribute('data-haspw');
|
||||||
|
|
||||||
if (id === 'manual') {
|
if (id === 'manual') {
|
||||||
context.querySelector('#txtManualName').value = '';
|
context.querySelector('#txtManualName').value = '';
|
||||||
|
@ -186,7 +186,7 @@ import 'emby-checkbox';
|
||||||
});
|
});
|
||||||
view.querySelector('.manualLoginForm').addEventListener('submit', function (e) {
|
view.querySelector('.manualLoginForm').addEventListener('submit', function (e) {
|
||||||
appSettings.enableAutoLogin(view.querySelector('.chkRememberLogin').checked);
|
appSettings.enableAutoLogin(view.querySelector('.chkRememberLogin').checked);
|
||||||
var apiClient = getApiClient();
|
const apiClient = getApiClient();
|
||||||
authenticateUserByName(view, apiClient, view.querySelector('#txtManualName').value, view.querySelector('#txtManualPassword').value);
|
authenticateUserByName(view, apiClient, view.querySelector('#txtManualName').value, view.querySelector('#txtManualPassword').value);
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
return false;
|
return false;
|
||||||
|
@ -209,7 +209,7 @@ import 'emby-checkbox';
|
||||||
view.querySelector('.btnSelectServer').classList.add('hide');
|
view.querySelector('.btnSelectServer').classList.add('hide');
|
||||||
}
|
}
|
||||||
|
|
||||||
var apiClient = getApiClient();
|
const apiClient = getApiClient();
|
||||||
apiClient.getPublicUsers().then(function (users) {
|
apiClient.getPublicUsers().then(function (users) {
|
||||||
if (users.length) {
|
if (users.length) {
|
||||||
showVisualForm();
|
showVisualForm();
|
||||||
|
@ -225,6 +225,6 @@ import 'emby-checkbox';
|
||||||
view.querySelector('.disclaimer').textContent = options.LoginDisclaimer || '';
|
view.querySelector('.disclaimer').textContent = options.LoginDisclaimer || '';
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
};
|
}
|
||||||
|
|
||||||
/* eslint-enable indent */
|
/* eslint-enable indent */
|
||||||
|
|
|
@ -18,10 +18,10 @@ import 'emby-button';
|
||||||
|
|
||||||
/* eslint-disable indent */
|
/* eslint-disable indent */
|
||||||
|
|
||||||
var enableFocusTransform = !browser.slow && !browser.edge;
|
const enableFocusTransform = !browser.slow && !browser.edge;
|
||||||
|
|
||||||
function renderSelectServerItems(view, servers) {
|
function renderSelectServerItems(view, servers) {
|
||||||
var items = servers.map(function (server) {
|
const items = servers.map(function (server) {
|
||||||
return {
|
return {
|
||||||
name: server.Name,
|
name: server.Name,
|
||||||
showIcon: true,
|
showIcon: true,
|
||||||
|
@ -31,8 +31,8 @@ import 'emby-button';
|
||||||
server: server
|
server: server
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
var html = items.map(function (item) {
|
let html = items.map(function (item) {
|
||||||
var cardImageContainer;
|
let cardImageContainer;
|
||||||
|
|
||||||
if (item.showIcon) {
|
if (item.showIcon) {
|
||||||
cardImageContainer = '<span class="cardImageIcon material-icons ' + item.icon + '"></span>';
|
cardImageContainer = '<span class="cardImageIcon material-icons ' + item.icon + '"></span>';
|
||||||
|
@ -42,7 +42,7 @@ import 'emby-button';
|
||||||
|
|
||||||
// TODO move card creation code to Card component
|
// TODO move card creation code to Card component
|
||||||
|
|
||||||
var cssClass = 'card overflowSquareCard loginSquareCard scalableCard overflowSquareCard-scalable';
|
let cssClass = 'card overflowSquareCard loginSquareCard scalableCard overflowSquareCard-scalable';
|
||||||
|
|
||||||
if (layoutManager.tv) {
|
if (layoutManager.tv) {
|
||||||
cssClass += ' show-focus';
|
cssClass += ' show-focus';
|
||||||
|
@ -52,10 +52,10 @@ import 'emby-button';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
var cardBoxCssClass = 'cardBox';
|
const cardBoxCssClass = 'cardBox';
|
||||||
|
|
||||||
var innerOpening = '<div class="' + cardBoxCssClass + '">';
|
const innerOpening = '<div class="' + cardBoxCssClass + '">';
|
||||||
var cardContainer = '';
|
let cardContainer = '';
|
||||||
cardContainer += '<button raised class="' + cssClass + '" style="display:inline-block;" data-id="' + item.id + '" data-url="' + (item.url || '') + '" data-cardtype="' + item.cardType + '">';
|
cardContainer += '<button raised class="' + cssClass + '" style="display:inline-block;" data-id="' + item.id + '" data-url="' + (item.url || '') + '" data-cardtype="' + item.cardType + '">';
|
||||||
cardContainer += innerOpening;
|
cardContainer += innerOpening;
|
||||||
cardContainer += '<div class="cardScalable">';
|
cardContainer += '<div class="cardScalable">';
|
||||||
|
@ -72,7 +72,7 @@ import 'emby-button';
|
||||||
cardContainer += '</div></div></button>';
|
cardContainer += '</div></div></button>';
|
||||||
return cardContainer;
|
return cardContainer;
|
||||||
}).join('');
|
}).join('');
|
||||||
var itemsContainer = view.querySelector('.servers');
|
const itemsContainer = view.querySelector('.servers');
|
||||||
|
|
||||||
if (!items.length) {
|
if (!items.length) {
|
||||||
html = '<p>' + globalize.translate('MessageNoServersAvailable') + '</p>';
|
html = '<p>' + globalize.translate('MessageNoServersAvailable') + '</p>';
|
||||||
|
@ -122,7 +122,7 @@ import 'emby-button';
|
||||||
enableAutoLogin: appSettings.enableAutoLogin()
|
enableAutoLogin: appSettings.enableAutoLogin()
|
||||||
}).then(function (result) {
|
}).then(function (result) {
|
||||||
loading.hide();
|
loading.hide();
|
||||||
var apiClient = result.ApiClient;
|
const apiClient = result.ApiClient;
|
||||||
|
|
||||||
switch (result.State) {
|
switch (result.State) {
|
||||||
case 'SignedIn':
|
case 'SignedIn':
|
||||||
|
@ -157,7 +157,7 @@ import 'emby-button';
|
||||||
}
|
}
|
||||||
|
|
||||||
function onServerClick(server) {
|
function onServerClick(server) {
|
||||||
var menuItems = [];
|
const menuItems = [];
|
||||||
menuItems.push({
|
menuItems.push({
|
||||||
name: globalize.translate('Connect'),
|
name: globalize.translate('Connect'),
|
||||||
id: 'connect'
|
id: 'connect'
|
||||||
|
@ -195,10 +195,10 @@ import 'emby-button';
|
||||||
connectionManager.getAvailableServers().then(onServersRetrieved);
|
connectionManager.getAvailableServers().then(onServersRetrieved);
|
||||||
}
|
}
|
||||||
|
|
||||||
var servers;
|
let servers;
|
||||||
updatePageStyle(view, params);
|
updatePageStyle(view, params);
|
||||||
view.addEventListener('viewshow', function (e) {
|
view.addEventListener('viewshow', function (e) {
|
||||||
var isRestored = e.detail.isRestored;
|
const isRestored = e.detail.isRestored;
|
||||||
appRouter.setTitle(null);
|
appRouter.setTitle(null);
|
||||||
|
|
||||||
if (!isRestored) {
|
if (!isRestored) {
|
||||||
|
@ -206,21 +206,21 @@ import 'emby-button';
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
view.querySelector('.servers').addEventListener('click', function (e) {
|
view.querySelector('.servers').addEventListener('click', function (e) {
|
||||||
var card = dom.parentWithClass(e.target, 'card');
|
const card = dom.parentWithClass(e.target, 'card');
|
||||||
|
|
||||||
if (card) {
|
if (card) {
|
||||||
var url = card.getAttribute('data-url');
|
const url = card.getAttribute('data-url');
|
||||||
|
|
||||||
if (url) {
|
if (url) {
|
||||||
appRouter.show(url);
|
appRouter.show(url);
|
||||||
} else {
|
} else {
|
||||||
var id = card.getAttribute('data-id');
|
const id = card.getAttribute('data-id');
|
||||||
onServerClick(servers.filter(function (s) {
|
onServerClick(servers.filter(function (s) {
|
||||||
return s.Id === id;
|
return s.Id === id;
|
||||||
})[0]);
|
})[0]);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
}
|
||||||
|
|
||||||
/* eslint-enable indent */
|
/* eslint-enable indent */
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue