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

Fix number option in alphapicker

This commit is contained in:
Bill Thornton 2022-01-04 10:07:07 -05:00
parent 43b477637f
commit 5e247f094d
6 changed files with 62 additions and 71 deletions

View file

@ -280,6 +280,16 @@ import 'material-design-icons-iconfont';
element.removeEventListener(name, fn); element.removeEventListener(name, fn);
} }
updateControls(query) {
if (query.NameLessThan) {
this.value('#');
} else {
this.value(query.NameStartsWith);
}
this.visible(query.SortBy.indexOf('SortName') === 0);
}
visible(visible) { visible(visible) {
const element = this.options.element; const element = this.options.element;
element.style.visibility = visible ? 'visible' : 'hidden'; element.style.visibility = visible ? 'visible' : 'hidden';

View file

@ -23,24 +23,13 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
itemsContainer.innerHTML = ''; itemsContainer.innerHTML = '';
}; };
const updateFilterControls = () => {
if (this.alphaPicker) {
this.alphaPicker.value(query.NameStartsWith);
if (query.SortBy.indexOf('SortName') === 0) {
this.alphaPicker.visible(true);
} else {
this.alphaPicker.visible(false);
}
}
};
function fetchData() { function fetchData() {
isLoading = true; isLoading = true;
loading.show(); loading.show();
return ApiClient.getItems(ApiClient.getCurrentUserId(), query); return ApiClient.getItems(ApiClient.getCurrentUserId(), query);
} }
function afterRefresh(result) { const afterRefresh = (result) => {
function onNextPageClick() { function onNextPageClick() {
if (isLoading) { if (isLoading) {
return; return;
@ -64,7 +53,7 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
} }
window.scrollTo(0, 0); window.scrollTo(0, 0);
updateFilterControls(); this.alphaPicker?.updateControls(query);
const pagingHtml = libraryBrowser.getQueryPagingHtml({ const pagingHtml = libraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
@ -94,7 +83,7 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
import('../../components/autoFocuser').then(({default: autoFocuser}) => { import('../../components/autoFocuser').then(({default: autoFocuser}) => {
autoFocuser.autoFocus(tabContent); autoFocuser.autoFocus(tabContent);
}); });
} };
const getItemsHtml = (items) => { const getItemsHtml = (items) => {
let html; let html;
@ -173,7 +162,13 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
if (alphaPickerElement) { if (alphaPickerElement) {
alphaPickerElement.addEventListener('alphavaluechanged', function (e) { alphaPickerElement.addEventListener('alphavaluechanged', function (e) {
const newValue = e.detail.value; const newValue = e.detail.value;
query.NameStartsWith = newValue; if (newValue === '#') {
query.NameLessThan = 'A';
delete query.NameStartsWith;
} else {
query.NameStartsWith = newValue;
delete query.NameLessThan;
}
query.StartIndex = 0; query.StartIndex = 0;
itemsContainer.refreshItems(); itemsContainer.refreshItems();
}); });
@ -301,9 +296,9 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
onViewStyleChange(); onViewStyleChange();
}; };
this.renderTab = function () { this.renderTab = () => {
itemsContainer.refreshItems(); itemsContainer.refreshItems();
updateFilterControls(); this.alphaPicker?.updateControls(query);
}; };
this.destroy = function () { this.destroy = function () {

View file

@ -81,7 +81,7 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
} }
window.scrollTo(0, 0); window.scrollTo(0, 0);
updateFilterControls(tabContent); this.alphaPicker?.updateControls(query);
const pagingHtml = libraryBrowser.getQueryPagingHtml({ const pagingHtml = libraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
limit: query.Limit, limit: query.Limit,
@ -183,11 +183,6 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
}); });
}; };
const updateFilterControls = (tabContent) => {
const query = getQuery(tabContent);
this.alphaPicker.value(query.NameStartsWith);
};
const data = {}; const data = {};
let isLoading = false; let isLoading = false;
@ -216,7 +211,13 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
alphaPickerElement.addEventListener('alphavaluechanged', function (e) { alphaPickerElement.addEventListener('alphavaluechanged', function (e) {
const newValue = e.detail.value; const newValue = e.detail.value;
const query = getQuery(tabContent); const query = getQuery(tabContent);
query.NameStartsWith = newValue; if (newValue === '#') {
query.NameLessThan = 'A';
delete query.NameStartsWith;
} else {
query.NameStartsWith = newValue;
delete query.NameLessThan;
}
query.StartIndex = 0; query.StartIndex = 0;
reloadItems(); reloadItems();
}); });
@ -268,9 +269,9 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
initPage(tabContent); initPage(tabContent);
this.renderTab = function () { this.renderTab = () => {
reloadItems(); reloadItems();
updateFilterControls(tabContent); this.alphaPicker?.updateControls(getQuery(tabContent));
}; };
this.destroy = function () {}; this.destroy = function () {};

View file

@ -112,7 +112,7 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
} }
window.scrollTo(0, 0); window.scrollTo(0, 0);
updateFilterControls(); this.alphaPicker?.updateControls(query);
let html; let html;
const pagingHtml = libraryBrowser.getQueryPagingHtml({ const pagingHtml = libraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
@ -185,20 +185,6 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
}); });
}; };
const updateFilterControls = () => {
const query = getQuery();
if (this.alphaPicker) {
this.alphaPicker.value(query.NameStartsWith);
if (query.SortBy.indexOf('SortName') === 0) {
this.alphaPicker.visible(true);
} else {
this.alphaPicker.visible(false);
}
}
};
let savedQueryKey; let savedQueryKey;
let pageData; let pageData;
let isLoading = false; let isLoading = false;
@ -230,7 +216,13 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
alphaPickerElement.addEventListener('alphavaluechanged', function (e) { alphaPickerElement.addEventListener('alphavaluechanged', function (e) {
const newValue = e.detail.value; const newValue = e.detail.value;
const query = getQuery(); const query = getQuery();
query.NameStartsWith = newValue; if (newValue === '#') {
query.NameLessThan = 'A';
delete query.NameStartsWith;
} else {
query.NameStartsWith = newValue;
delete query.NameLessThan;
}
query.StartIndex = 0; query.StartIndex = 0;
reloadItems(); reloadItems();
}); });
@ -302,9 +294,9 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
initPage(tabContent); initPage(tabContent);
onViewStyleChange(); onViewStyleChange();
this.renderTab = function () { this.renderTab = () => {
reloadItems(); reloadItems();
updateFilterControls(); this.alphaPicker?.updateControls(getQuery());
}; };
this.destroy = function () {}; this.destroy = function () {};

View file

@ -99,7 +99,7 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
} }
window.scrollTo(0, 0); window.scrollTo(0, 0);
updateFilterControls(page); this.alphaPicker?.updateControls(query);
let html; let html;
const pagingHtml = libraryBrowser.getQueryPagingHtml({ const pagingHtml = libraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
@ -167,11 +167,6 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
}); });
}; };
const updateFilterControls = (tabContent) => {
const query = getQuery(tabContent);
this.alphaPicker.value(query.NameStartsWith);
};
const data = {}; const data = {};
let isLoading = false; let isLoading = false;
@ -201,7 +196,13 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
alphaPickerElement.addEventListener('alphavaluechanged', function (e) { alphaPickerElement.addEventListener('alphavaluechanged', function (e) {
const newValue = e.detail.value; const newValue = e.detail.value;
const query = getQuery(tabContent); const query = getQuery(tabContent);
query.NameStartsWith = newValue; if (newValue === '#') {
query.NameLessThan = 'A';
delete query.NameStartsWith;
} else {
query.NameStartsWith = newValue;
delete query.NameLessThan;
}
query.StartIndex = 0; query.StartIndex = 0;
reloadItems(tabContent); reloadItems(tabContent);
}); });
@ -234,9 +235,9 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
initPage(tabContent); initPage(tabContent);
onViewStyleChange(); onViewStyleChange();
this.renderTab = function () { this.renderTab = () => {
reloadItems(tabContent); reloadItems(tabContent);
updateFilterControls(tabContent); this.alphaPicker?.updateControls(getQuery(tabContent));
}; };
this.destroy = function () {}; this.destroy = function () {};

View file

@ -97,7 +97,7 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
} }
window.scrollTo(0, 0); window.scrollTo(0, 0);
updateFilterControls(page); this.alphaPicker?.updateControls(query);
let html; let html;
const pagingHtml = libraryBrowser.getQueryPagingHtml({ const pagingHtml = libraryBrowser.getQueryPagingHtml({
startIndex: query.StartIndex, startIndex: query.StartIndex,
@ -196,20 +196,6 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
}); });
}; };
const updateFilterControls = (tabContent) => {
const query = getQuery(tabContent);
if (this.alphaPicker) {
this.alphaPicker.value(query.NameStartsWith);
if (query.SortBy.indexOf('SortName') === 0) {
this.alphaPicker.visible(true);
} else {
this.alphaPicker.visible(false);
}
}
};
const data = {}; const data = {};
let isLoading = false; let isLoading = false;
@ -239,7 +225,13 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
alphaPickerElement.addEventListener('alphavaluechanged', function (e) { alphaPickerElement.addEventListener('alphavaluechanged', function (e) {
const newValue = e.detail.value; const newValue = e.detail.value;
const query = getQuery(tabContent); const query = getQuery(tabContent);
query.NameStartsWith = newValue; if (newValue === '#') {
query.NameLessThan = 'A';
delete query.NameStartsWith;
} else {
query.NameStartsWith = newValue;
delete query.NameLessThan;
}
query.StartIndex = 0; query.StartIndex = 0;
reloadItems(tabContent); reloadItems(tabContent);
}); });
@ -301,9 +293,9 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
initPage(tabContent); initPage(tabContent);
onViewStyleChange(); onViewStyleChange();
this.renderTab = function () { this.renderTab = () => {
reloadItems(tabContent); reloadItems(tabContent);
updateFilterControls(tabContent); this.alphaPicker?.updateControls(getQuery(tabContent));
}; };
this.destroy = function () {}; this.destroy = function () {};