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

Add close button to comics player

Browse source
This commit is contained in:
Bill Thornton 2021-03-09 12:37:36 -05:00
parent 41313f66d3
commit a1e5ad0ed5
2 changed files with 25 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/plugins/comicsPlayer/plugin.js
View file

@ -57,11 +57,29 @@ export class ComicsPlayer {
}
}
bindMediaElementEvents() {
const elem = this.mediaElement;
elem?.addEventListener('close', this.onDialogClosed, {once: true});
elem?.querySelector('.btnExit').addEventListener('click', this.onDialogClosed, {once: true});
}
bindEvents() {
this.bindMediaElementEvents();
document.addEventListener('keyup', this.onWindowKeyUp);
}
unbindMediaElementEvents() {
const elem = this.mediaElement;
elem?.removeEventListener('close', this.onDialogClosed);
elem?.querySelector('.btnExit').removeEventListener('click', this.onDialogClosed);
}
unbindEvents() {
this.unbindMediaElementEvents();
document.removeEventListener('keyup', this.onWindowKeyUp);
}
@ -85,13 +103,16 @@ export class ComicsPlayer {
elem.id = 'comicsPlayer';
elem.classList.add('slideshowDialog');
elem.innerHTML = '<div class="slideshowSwiperContainer"><div class="swiper-wrapper"></div></div>';
elem.innerHTML = `<div class="slideshowSwiperContainer"><div class="swiper-wrapper"></div></div>
<div class="actionButtons">
<button is="paper-icon-button-light" class="autoSize btnExit" tabindex="-1"><i class="material-icons actionButtonIcon close"></i></button>
</div>`;
this.bindEvents();
dialogHelper.open(elem);
}
this.mediaElement = elem;
this.bindEvents();
return elem;
}

2
src/plugins/comicsPlayer/style.scss
View file

@ -1,4 +1,6 @@
#comicsPlayer {
background: #fff;
.slideshowSwiperContainer {
height: 100%;
}