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

Adds shuffle button to movie collections.

Browse source
This commit is contained in:
Victor Usoltsev 2022-05-09 22:36:07 +12:00
parent f6d60b2f51
commit fe05939ec3
2 changed files with 19 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/controllers/movies/movies.html
View file

@ -6,6 +6,7 @@
<button is="paper-icon-button-light" class="btnSelectView autoSize" title="${ButtonSelectView}"><span class="material-icons view_comfy" aria-hidden="true"></span></button> <button is="paper-icon-button-light" class="btnSelectView autoSize" title="${ButtonSelectView}"><span class="material-icons view_comfy" aria-hidden="true"></span></button>
<button is="paper-icon-button-light" class="btnSort autoSize" title="${Sort}"><span class="material-icons sort_by_alpha" aria-hidden="true"></span></button> <button is="paper-icon-button-light" class="btnSort autoSize" title="${Sort}"><span class="material-icons sort_by_alpha" aria-hidden="true"></span></button>
<button is="paper-icon-button-light" class="btnFilter autoSize" title="${Filter}"><span class="material-icons filter_list" aria-hidden="true"></span></button> <button is="paper-icon-button-light" class="btnFilter autoSize" title="${Filter}"><span class="material-icons filter_list" aria-hidden="true"></span></button>
<button is="paper-icon-button-light" class="btnShuffle autoSize" title="${Shuffle}"><span class="material-icons shuffle" aria-hidden="true"></span></button>
</div> </div>
<div class="alphaPicker alphaPicker-fixed alphaPicker-vertical"> <div class="alphaPicker alphaPicker-fixed alphaPicker-vertical">

18
src/controllers/movies/movies.js
View file

@ -6,6 +6,7 @@ import { AlphaPicker } from '../../components/alphaPicker/alphaPicker';
import listView from '../../components/listview/listview'; import listView from '../../components/listview/listview';
import cardBuilder from '../../components/cardbuilder/cardBuilder'; import cardBuilder from '../../components/cardbuilder/cardBuilder';
import globalize from '../../scripts/globalize'; import globalize from '../../scripts/globalize';
import { playbackManager } from '../../components/playback/playbackmanager';
import '../../elements/emby-itemscontainer/emby-itemscontainer'; import '../../elements/emby-itemscontainer/emby-itemscontainer';
/* eslint-disable indent */ /* eslint-disable indent */
@ -52,6 +53,19 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
itemsContainer.refreshItems(); itemsContainer.refreshItems();
} }
function onShuffleClick() {
if (isLoading) {
return;
}
ApiClient.getItem(
ApiClient.getCurrentUserId(),
params.topParentId
).then(item => {
playbackManager.shuffle(item);
});
}
window.scrollTo(0, 0); window.scrollTo(0, 0);
this.alphaPicker?.updateControls(query); this.alphaPicker?.updateControls(query);
const pagingHtml = libraryBrowser.getQueryPagingHtml({ const pagingHtml = libraryBrowser.getQueryPagingHtml({
@ -77,6 +91,10 @@ import '../../elements/emby-itemscontainer/emby-itemscontainer';
elem.addEventListener('click', onPreviousPageClick); elem.addEventListener('click', onPreviousPageClick);
} }
for (const elem of tabContent.querySelectorAll('.btnShuffle')) {
elem.addEventListener('click', onShuffleClick);
}
isLoading = false; isLoading = false;
loading.hide(); loading.hide();