mirror of
https://github.com/futurepress/epub.js.git
synced 2025-10-05 15:32:55 +02:00
fullscreen test
This commit is contained in:
parent
3987e4440b
commit
8f06e86d9c
2 changed files with 17 additions and 3 deletions
|
@ -12,6 +12,7 @@
|
|||
|
||||
<link rel="stylesheet" href="../polymer-ui-elements/basic.css">
|
||||
|
||||
|
||||
<polymer-element name="epub-reader" attributes="src">
|
||||
<template>
|
||||
|
||||
|
@ -86,7 +87,7 @@
|
|||
|
||||
<g-menu-button responsive="true" selectedClass="" src="assets/settings.png" valign="right" on-activate="menuActivate">
|
||||
<g-menu-item src="assets/add.png" on-tap="publishElement">Bookmark</g-menu-item>
|
||||
<g-menu-item src="assets/fullscreen.png" on-tap="clearElement">Fullscreen</g-menu-item>
|
||||
<g-menu-item src="assets/fullscreen.png" on-tap="toggleFullscreen">Fullscreen</g-menu-item>
|
||||
</g-menu-button>
|
||||
|
||||
</g-toolbar>
|
||||
|
@ -147,6 +148,14 @@
|
|||
},
|
||||
chapterDisplayed: function(e) {
|
||||
this.chapter = e.detail.chapter.id;
|
||||
},
|
||||
toggleFullscreen: function() {
|
||||
var docEl = document.documentElement,
|
||||
requestFullScreen = docEl.requestFullScreen ||
|
||||
docEl.webkitRequestFullScreen ||
|
||||
docEl.mozRequestFullScreen;
|
||||
|
||||
requestFullScreen();
|
||||
}
|
||||
|
||||
});
|
||||
|
|
|
@ -128,10 +128,15 @@
|
|||
|
||||
this.dispatchEvent(selected);
|
||||
|
||||
if(this.selectedItem) this.selectedItem.classList.remove("currentChapter");
|
||||
if(this.selectedItem) {
|
||||
this.selectedItem.classList.remove("currentChapter");
|
||||
this.selectedItem = false;
|
||||
}
|
||||
|
||||
},
|
||||
currentChanged: function() {
|
||||
|
||||
if(this.selectedItem) this.selectedItem.classList.remove("currentChapter");
|
||||
|
||||
this.selectedItem = this.shadowRoot.getElementById("toc-"+this.current);
|
||||
if(this.selectedItem) this.selectedItem.classList.add("currentChapter");
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue