mirror of
https://github.com/Yetangitu/owncloud-apps.git
synced 2025-10-02 14:49:17 +02:00
files_reader: v1.0.0, see CHANGELOG and appinfo/info.xml for changes and new features
This commit is contained in:
frankdelange
parent
30f758d419
commit
aa85edee22
65 changed files with 13549 additions and 539 deletions
238
files_reader/templates/cbreader.php
Normal file
238
files_reader/templates/cbreader.php
Normal file
|
|
@ -0,0 +1,238 @@
|
|||
<?php
|
||||
/** @var array $_ */
|
||||
/** @var OCP\IURLGenerator $urlGenerator */
|
||||
$urlGenerator = $_['urlGenerator'];
|
||||
$downloadLink = $_['downloadLink'];
|
||||
$fileId = $_['fileId'];
|
||||
$fileName = $_['fileName'];
|
||||
$fileType = $_['fileType'];
|
||||
$scope = $_['scope'];
|
||||
$cursor = $_['cursor'];
|
||||
$defaults = $_['defaults'];
|
||||
$preferences = $_['preferences'];
|
||||
$metadata = $_['metadata'];
|
||||
$annotations = $_['annotations'];
|
||||
$title = htmlentities(basename($dllink));
|
||||
$revision = '0046';
|
||||
$version = \OCP\App::getAppVersion('files_reader') . '.' . $revision;
|
||||
|
||||
/* Mobile safari, the new IE6 */
|
||||
$idevice = (strstr($_SERVER['HTTP_USER_AGENT'],'iPhone')
|
||||
|| strstr($_SERVER['HTTP_USER_AGENT'],'iPad')
|
||||
|| strstr($_SERVER['HTTP_USER_AGENT'],'iPod'));
|
||||
|
||||
/* Owncloud currently does not implement CSPv3, remove this test when it does */
|
||||
$nonce = class_exists('\OC\Security\CSP\ContentSecurityPolicyNonceManager')
|
||||
? \OC::$server->getContentSecurityPolicyNonceManager()->getNonce()
|
||||
: 'nonce_not_implemented';
|
||||
?>
|
||||
|
||||
<html dir="ltr">
|
||||
<head class="session" data-nonce='<?php p($nonce);?>' data-downloadlink='<?php print_unescaped($downloadLink);?>' data-fileid='<?php print_unescaped($fileId);?>' data-filetype='<?php print_unescaped($fileType);?>' data-filename='<?php print_unescaped($fileName);?>' data-version='<?php print_unescaped($version);?>' data-basepath='<?php p($urlGenerator->linkTo('files_reader',''));?>' data-scope='<?php print_unescaped($scope);?>' data-cursor='<?php print_unescaped($cursor);?>' data-defaults='<?php print_unescaped($defaults);?>' data-preferences='<?php print_unescaped($preferences);?>' data-metadata='<?php print_unescaped($metadata);?>' data-annotations='<?php print_unescaped($annotations);?>'>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<base href="<?php p($urlGenerator->linkTo('files_reader',''));?>">
|
||||
<title>
|
||||
<?php p($_['title']);?>
|
||||
</title>
|
||||
<link rel="shortcut icon" href="img/book.png">
|
||||
<link rel="stylesheet" href="vendor/icomoon/style.css?v=<?php p($version) ?>">
|
||||
<link rel="stylesheet" href="vendor/cbrjs/css/cbr.css?v=<?php p($version) ?>">
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'js/lib/Blob.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/libs/jquery.min.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/sindresorhus/screenfull.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/pixastic/pixastic_combined.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/bitjs/archive.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/cbrjs/cbr.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
|
||||
<?php if ($idevice): ?>
|
||||
<link rel="stylesheet" href="<?php p($urlGenerator->linkTo('files_reader', 'vendor/cbrjs/css/idevice.css')) ?>?v=<?php p($version) ?>">
|
||||
<?php endif; ?>
|
||||
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'js/ready.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- data -->
|
||||
<!-- /data -->
|
||||
|
||||
<!-- loading progressbar -->
|
||||
<div id="progressbar" style="display:none;">
|
||||
<span class="progress"><span class="bar"></span></span>
|
||||
<br>
|
||||
<div class="message"><span class="message-icons"><span class="icon-cloud_download"></span><span class="icon-unarchive"></span></span> <span class="message-text"></span></div>
|
||||
</div>
|
||||
<!-- /loading progressbar -->
|
||||
|
||||
<!-- toolbar -->
|
||||
<div class="toolbar control" name="toolbar">
|
||||
<div class="pull-left">
|
||||
<button data-trigger="click" data-action="openSidebar" title="open sidebar" class="icon-menu"></button>
|
||||
</div>
|
||||
|
||||
<div class="metainfo">
|
||||
<span class="book-title"></span> <span class="current-page"></span> / <span class="page-count"></span>
|
||||
</div>
|
||||
|
||||
<div class="pull-right">
|
||||
<div>
|
||||
<button data-trigger="click" data-action="toggleLayout" title="toggle one/two pages at a time" class="icon-single_page_mode layout layout-single"></button>
|
||||
<button data-trigger="click" data-action="toggleLayout" title="toggle one/two pages at a time" class="icon-double_page_mode layout layout-double"></button>
|
||||
</div>
|
||||
<div>
|
||||
<button data-trigger="click" data-action="zoomOut" title="zoom out" class="icon-zoom_out"></button>
|
||||
</div>
|
||||
<div>
|
||||
<button data-trigger="click" data-action="zoomIn" title="zoom in" class="icon-zoom_in"></button>
|
||||
</div>
|
||||
<div>
|
||||
<button data-trigger="click" data-action="fitWidth" title="fit page to window width" class="icon-icon-fit-width"></button>
|
||||
</div>
|
||||
<div>
|
||||
<button data-trigger="click" data-action="fitWindow" title="fit page to window" class="icon-icon-fit-window"></button>
|
||||
</div>
|
||||
<div>
|
||||
<button data-trigger="click" data-action="toggleReadingMode" title="switch reading direction" class="icon-format_textdirection_l_to_r manga-false"></button>
|
||||
<button data-trigger="click" data-action="toggleReadingMode" title="switch reading direction" class="icon-format_textdirection_r_to_l manga-true"></button>
|
||||
</div>
|
||||
<div>
|
||||
<button data-trigger="click" data-action="toggleFullscreen" title="toggle fullscreen" class="icon-fullscreen fullscreen-false"></button>
|
||||
<button data-trigger="click" data-action="toggleFullscreen" title="toggle fullscreen" class="icon-fullscreen_exit fullscreen-true"></button>
|
||||
</div>
|
||||
<div class="hide close separator"></div>
|
||||
<div class="hide close">
|
||||
<button data-trigger="click" data-action="close" title="close" class="icon-exit"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /toolbar -->
|
||||
|
||||
<!-- loading overlay -->
|
||||
<div id="cbr-loading-overlay" class="cbr-control control overlay" name="loadingOverlay" style="display:none"></div>
|
||||
<!-- /loading overlay -->
|
||||
|
||||
<!-- busy overlay -->
|
||||
<div id="cbr-busy-overlay" class="cbr-control control overlay" name="busyOverlay" data-trigger="click" data-action="closeSidebar" style="display:none"></div>
|
||||
<!-- /busy overlay -->
|
||||
|
||||
<!-- navigation -->
|
||||
<div data-trigger="click" data-action="navigation" data-navigate-side="left" class="cbr-control navigate navigate-left control" name="navigateLeft">
|
||||
<span class="icon-navigate_before"></span>
|
||||
</div>
|
||||
<!-- toggle toolbar (disabled)
|
||||
<div data-trigger="click" data-action="toggleToolbar" class="toggle-controls control" name="toggleToolbar"></div>
|
||||
-->
|
||||
<div data-trigger="click" data-action="navigation" data-navigate-side="right" class="cbr-control navigate navigate-right control" name="navigateRight">
|
||||
<span class="icon-navigate_next"></span>
|
||||
</div>
|
||||
<!-- /navigation -->
|
||||
|
||||
<!-- inline progressbar -->
|
||||
<div id="cbr-status" class="cbr-control control" name="progressbar" style="display:none">
|
||||
<div id="cbr-progress-bar">
|
||||
<div class="progressbar-value"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /inline progressbar -->
|
||||
|
||||
<!-- sidebar -->
|
||||
<div class="sidebar control" name="sidebar" id="sidebar">
|
||||
<div class="panels">
|
||||
<div class="pull-left">
|
||||
<button data-trigger="click" data-action="showToc" title="Table of Contents" class="icon-format_list_numbered toc-view open"></button>
|
||||
<button data-trigger="click" data-action="showBookSettings" title="Book settings" class="icon-rate_review book-settings-view"></button>
|
||||
<button data-trigger="click" data-action="showSettings" title="Default settings" class="icon-settings settings-view"></button>
|
||||
</div>
|
||||
<div class="pull-right">
|
||||
<button id="toc-populate" data-trigger="click" data-action="tocPopulate" title="generate thumbnails" class="icon-sync" style="display:none"></button>
|
||||
<button data-trigger="click" data-action="closeSidebar" title="close sidebar" class="icon-menu"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="toc-view view open">
|
||||
<ul id="toc">
|
||||
</ul>
|
||||
</div>
|
||||
<div class="book-settings-view view">
|
||||
<div class="metadata">
|
||||
<table>
|
||||
<tr>
|
||||
<td>Title:</td><td class="book-title"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Format:</td><td class="book-format"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Page count:</td><td class="book-pagecount"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Size:</td><td class="book-size"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="settings-container" name="enhancements" id="enhancements">
|
||||
<label for="enhancements">Image enhancements</label>
|
||||
<form name="image-enhancements" data-trigger="reset" data-action="resetEnhancements">
|
||||
<div class="sliders">
|
||||
<div class="control-group">
|
||||
<label title="adjust brightness" class="icon-brightness_low"></label>
|
||||
<input id="brightness" data-trigger="change" data-action="brightness" type="range" min="-100" max="100" step="1" value="0">
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label title="adjust contrast" class="icon-contrast"></label>
|
||||
<input id="contrast" data-trigger="change" data-action="brightness" type="range" min="-1" max="1" step="0.1" value="0">
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label title="sharpen" class="icon-droplet"></label>
|
||||
<input id="sharpen" data-trigger="change" data-action="sharpen" type="range" min="0" max="1" step="0.1" value="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group pull-left">
|
||||
<input id="image-desaturate" type="checkbox" data-trigger="change" data-action="desaturate">
|
||||
<label for="image-desaturate">desaturate</label>
|
||||
<input id="image-removenoise" type="checkbox" data-trigger="change" data-action="removenoise">
|
||||
<label for="image-removenoise">remove noise</label>
|
||||
</div>
|
||||
<div class="control-group pull-right">
|
||||
<input type="reset" value="reset">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-view view">
|
||||
<div class="settings-container" name="thumbnail-settings" id="thumbnail-settings">
|
||||
<label for="thumbnail-settings">Thumbnails</label>
|
||||
<div class="control-group pull-left">
|
||||
<input id="thumbnail-generate" data-trigger="change" data-action="thumbnails" type="checkbox">
|
||||
<label for="thumbnail-generate">Thumbnails in index </label>
|
||||
</div>
|
||||
<div class="control-group pull-left">
|
||||
<label for="thumbnail-width">Thumbnail width:</label>
|
||||
<input id="thumbnail-width" data-trigger="change" data-action="thumbnailWidth" type="number" min="50" max="500" step="10" value="200" >
|
||||
<label for="thumbnail-width">px</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-container" name="sidebar-settings" id="sidebar-settings">
|
||||
<label for="sidebar-settings">Sidebar</label>
|
||||
<form name="sidebar-preferences" data-trigger="reset" data-action="resetSidebar">
|
||||
<div class="control-group pull-left">
|
||||
<input id="sidebar-wide" data-trigger="change" data-action="sidebarWide" type="checkbox">
|
||||
<label for="sidebar-wide">Use extra-wide sidebar</label>
|
||||
</div>
|
||||
<div class="control-group pull-left">
|
||||
<label for="sidebar-width">Sidebar width:</label>
|
||||
<input id="sidebar-width" data-trigger="change" data-action="sidebarWidth" type="number" min="5" max="100" step="1" value="20" >
|
||||
<label for="sidebar-width">%</label>
|
||||
</div>
|
||||
<div class="control-group pull-right">
|
||||
<input type="reset" value="reset">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /sidebar -->
|
||||
<canvas id="viewer" style="display:none;"></canvas>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
299
files_reader/templates/epubreader.php
Normal file
299
files_reader/templates/epubreader.php
Normal file
|
|
@ -0,0 +1,299 @@
|
|||
<?php
|
||||
/** @var array $_ */
|
||||
/** @var OCP\IURLGenerator $urlGenerator */
|
||||
$urlGenerator = $_['urlGenerator'];
|
||||
$downloadLink = $_['downloadLink'];
|
||||
$fileId = $_['fileId'];
|
||||
$fileName = $_['fileName'];
|
||||
$fileType = $_['fileType'];
|
||||
$scope = $_['scope'];
|
||||
$cursor = $_['cursor'];
|
||||
$defaults = $_['defaults'];
|
||||
$preferences = $_['preferences'];
|
||||
$metadata = $_['metadata'];
|
||||
$annotations = $_['annotations'];
|
||||
$title = htmlentities(basename($dllink));
|
||||
$revision = '0069';
|
||||
$version = \OCP\App::getAppVersion('files_reader') . '.' . $revision;
|
||||
|
||||
/* Mobile safari, the new IE6 */
|
||||
$idevice = (strstr($_SERVER['HTTP_USER_AGENT'],'iPhone')
|
||||
|| strstr($_SERVER['HTTP_USER_AGENT'],'iPad')
|
||||
|| strstr($_SERVER['HTTP_USER_AGENT'],'iPod'));
|
||||
|
||||
/* Owncloud currently does not implement CSPv3, remove this test when it does */
|
||||
$nonce = class_exists('\OC\Security\CSP\ContentSecurityPolicyNonceManager')
|
||||
? \OC::$server->getContentSecurityPolicyNonceManager()->getNonce()
|
||||
: 'nonce_not_implemented';
|
||||
?>
|
||||
|
||||
<html dir="ltr">
|
||||
<head class="session" data-nonce='<?php p($nonce);?>' data-downloadlink='<?php print_unescaped($downloadLink);?>' data-fileid='<?php print_unescaped($fileId);?>' data-filetype='<?php print_unescaped($fileType);?>' data-filename='<?php print_unescaped($fileName);?>' data-version='<?php print_unescaped($version);?>' data-basepath='<?php p($urlGenerator->linkTo('files_reader',''));?>' data-scope='<?php print_unescaped($scope);?>' data-cursor='<?php print_unescaped($cursor);?>' data-defaults='<?php print_unescaped($defaults);?>' data-preferences='<?php print_unescaped($preferences);?>' data-metadata='<?php print_unescaped($metadata);?>' data-annotations='<?php print_unescaped($annotations);?>'>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<base href="<?php p($urlGenerator->linkTo('files_reader',''));?>">
|
||||
<title>
|
||||
<?php p($_['title']);?>
|
||||
</title>
|
||||
<link rel="shortcut icon" href="img/book.png">
|
||||
<link rel="stylesheet" href="<?php p($urlGenerator->linkTo('files_reader', 'vendor/icomoon/style.css')) ?>?v=<?php p($version) ?>">
|
||||
<link rel="stylesheet" href="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/css/main.css')) ?>?v=<?php p($version) ?>">
|
||||
<link rel="stylesheet" href="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/css/sidebar.css')) ?>?v=<?php p($version) ?>">
|
||||
<link rel="stylesheet" href="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/css/popup.css')) ?>?v=<?php p($version) ?>">
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'js/lib/typedarray.min.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'js/lib/Blob.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'js/lib/wgxpath.install.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/libs/jquery.min.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/bartaz/jquery.highlight.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/jquery/put-delete.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/sindresorhus/screenfull.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/libs/zip.min.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/epub.min.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/hooks.min.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/hooks/extensions/highlight.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/reader.min.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
|
||||
<?php if ($idevice): ?>
|
||||
<link rel="stylesheet" href="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/css/idevice.css')) ?>?v=<?php p($version) ?>">
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/bgrins/spectrum.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<link rel="stylesheet" href="<?php p($urlGenerator->linkTo('files_reader', 'vendor/bgrins/spectrum.css')) ?>?v=<?php p($version) ?>">
|
||||
<?php endif; ?>
|
||||
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'js/ready.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="outerContainer">
|
||||
|
||||
<!-- sidebar -->
|
||||
|
||||
<div id="sidebar" class="sidebar">
|
||||
<div id="panels" class="panels">
|
||||
<div class="pull-left">
|
||||
<button id="show-Toc" class="show_view icon-format_list_numbered open" title="Table of Contents" data-view="Toc"></button>
|
||||
<button id="show-Bookmarks" class="show_view icon-turned_in" title="Bookmarks" data-view="Bookmarks"></button>
|
||||
<button id="show-Search" class="show_view icon-search" title="Search" data-view="Search"></button>
|
||||
<button id="show-Notes" class="show_view icon-comment" title="Notes" data-view="Notes"></button>
|
||||
<button id="show-Settings" class="show_view icon-settings" title="Settings" data-view="Settings"></button>
|
||||
</div>
|
||||
<div class="pull-right">
|
||||
<button id="hide-Sidebar" class="close_sidebar icon-arrow-left2" title="Close sidebar"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="views">
|
||||
<div id="tocView" class="toc-view view open">
|
||||
</div>
|
||||
<div id="bookmarksView" class="bookmarks-view view">
|
||||
<ul id="bookmarks" class="bookmarks">
|
||||
</ul>
|
||||
</div>
|
||||
<div id="searchView" class="view search-view">
|
||||
<div>
|
||||
<div class="search-input">
|
||||
<input id="searchBox" class="searchbox" placeholder="search..." type="input">
|
||||
<span title="Clear">x</span>
|
||||
<button id="clear_search" class="icon-cancel pull-right" title="Clear"></button>
|
||||
</div>
|
||||
<ul id="searchResults" class="search-results">
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="notesView" class="notes-view view">
|
||||
<div>
|
||||
<div class="notes-input">
|
||||
<textarea id="note-text" class="note-text" placeholder="Write note, press 'marker' button and select position in text to link note."></textarea>
|
||||
<button id="note-anchor" class="note-anchor icon-room pull-right"></button>
|
||||
</div>
|
||||
<ol id="notes" class="notes">
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<div id="settingsView" class="settings-view view">
|
||||
<fieldset class="settings-container" name="font-settings">
|
||||
<legend>font</legend>
|
||||
<div class="control-group">
|
||||
<div>
|
||||
<input type="checkbox" id="custom_font_family" name="font_family">
|
||||
<label for="custom_font_family">custom font</label>
|
||||
<select id="font_family" disabled="">
|
||||
<option value="verdana, trebuchet, droid sans serif, sans, sans-serif"> sans </option>
|
||||
<option value="georgia, times new roman, droid serif, serif"> serif </option>
|
||||
<option value="monospace"> monospace </option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" id="custom_font_size" name="font_size">
|
||||
<label for="custom_font_size">font size</label>
|
||||
<input type="number" id="font_size" value="100" min="50" max="150" disabled=""> %
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" id="custom_font_weight" name="font_weight">
|
||||
<label for="custom_font_weight">font weight</label>
|
||||
<select id="font_weight" disabled="">
|
||||
<option value="100">thin</option>
|
||||
<option value="200">extra light</option>
|
||||
<option value="300">light</option>
|
||||
<option value="400">normal</option>
|
||||
<option value="500">medium</option>
|
||||
<option value="600">semi-bold</option>
|
||||
<option value="700">bold</option>
|
||||
<option value="800">extra bold</option>
|
||||
<option value="900">black</option>
|
||||
</select>
|
||||
</div>
|
||||
<div id="font_example" class="user font_example">
|
||||
<div>
|
||||
Et nos esse veri viri scire volemus
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset class="settings-container" name="colour-settings">
|
||||
<legend>colors</legend>
|
||||
<fieldset>
|
||||
<legend>normal</legend>
|
||||
<div class="control-group">
|
||||
<input type="checkbox" id="use_custom_colors" name="use_custom_colors">
|
||||
<label for="use_custom_colors">
|
||||
Use custom colors
|
||||
</label>
|
||||
<div class="center-box">
|
||||
<input type="color" id="day_color" value="#0a0a0a">
|
||||
on
|
||||
<input type="color" id="day_background" value="#f0f0f0">
|
||||
</div>
|
||||
<div id="day_example" class="day font_example">
|
||||
<div>
|
||||
Et nos esse veri viri scire volemus
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<legend>night</legend>
|
||||
<div class="control-group">
|
||||
<div class="center-box nightshift">
|
||||
nightmode can be toggled by clicking the book title
|
||||
</div>
|
||||
<div class="center-box">
|
||||
<input type="color" id="night_color" value="#3a516b">
|
||||
on
|
||||
<input type="color" id="night_background" value="#000000">
|
||||
</div>
|
||||
<div id="night_example" class="night font_example">
|
||||
<div>
|
||||
Et nos esse veri viri scire volemus
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</fieldset>
|
||||
<fieldset class="settings-container" name="display-settings">
|
||||
<legend>display</legend>
|
||||
<fieldset>
|
||||
<legend>page width</legend>
|
||||
<div class="control-group center-box">
|
||||
maximum <input type="number" id="page_width" value="72" min="25" max="200"> characters
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<input type="checkbox" id="maximize_page" name="maximize_page">
|
||||
<label for="custom_margins">maximize page area</label>
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="control-group">
|
||||
<input type="checkbox" id="sidebarReflow" name="sidebarReflow">
|
||||
<label for="sidebarReflow">
|
||||
reflow text when sidebars are open
|
||||
</label>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<input type="checkbox" id="touch_nav" name="touch_nav">
|
||||
<label for="touch_nav">
|
||||
disable extra-wide page turn areas
|
||||
</label>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<input type="checkbox" id="page_turn_arrows" name="page_turn_arrows">
|
||||
<label for="page_turn_arrows">
|
||||
show page turn arrows
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</fieldset>
|
||||
</div>
|
||||
</div> <!-- views -->
|
||||
</div> <!-- sidebar -->
|
||||
|
||||
<!-- /sidebar -->
|
||||
|
||||
<!-- main -->
|
||||
|
||||
<div id="main">
|
||||
|
||||
<!-- titlebar -->
|
||||
|
||||
<div id="titlebar">
|
||||
<div id="opener" class="pull-left">
|
||||
<a id="slider" class="icon-menu">
|
||||
<?php p($l->t("menu")); ?>
|
||||
</a>
|
||||
</div>
|
||||
<div id="metainfo" class="nightshift">
|
||||
<span id="book-title">
|
||||
</span>
|
||||
<span id="title-seperator">
|
||||
–
|
||||
</span>
|
||||
<span id="chapter-title">
|
||||
</span>
|
||||
</div>
|
||||
<div id="title-controls" class="pull-right">
|
||||
<a id="note" class="icon-comment">
|
||||
</a>
|
||||
<a id="bookmark" class="icon-turned_in_not">
|
||||
</a>
|
||||
<a id="fullscreen" class="icon-fullscreen">
|
||||
</a>
|
||||
<a id="close" class="icon-exit" style="display:none">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- /titlebar -->
|
||||
|
||||
<!-- divider -->
|
||||
|
||||
<div id="divider">
|
||||
</div>
|
||||
|
||||
<!-- /divider -->
|
||||
|
||||
<!-- navigation + viewer -->
|
||||
|
||||
<div id="prev" class="arrow">
|
||||
<div class="translucent">
|
||||
‹
|
||||
</div>
|
||||
</div>
|
||||
<div id="viewer">
|
||||
</div>
|
||||
<div id="next" class="arrow">
|
||||
<div class="translucent">
|
||||
›
|
||||
</div>
|
||||
</div>
|
||||
<div id="loader">
|
||||
<img src="img/loading.gif">
|
||||
</div>
|
||||
|
||||
<!-- /navigation + viewer -->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- /main -->
|
||||
|
||||
<div class="overlay">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,197 +0,0 @@
|
|||
<?php
|
||||
/** @var array $_ */
|
||||
/** @var OCP\IURLGenerator $urlGenerator */
|
||||
$urlGenerator = $_['urlGenerator'];
|
||||
$version = \OCP\App::getAppVersion('files_reader');
|
||||
$dllink = isset($_GET['file']) ? $_GET['file'] : '';
|
||||
$title = htmlentities(basename($dllink));
|
||||
|
||||
/* Owncloud currently does not implement CSPv3, remove this test when it does */
|
||||
$nonce = class_exists('\OC\Security\CSP\ContentSecurityPolicyNonceManager')
|
||||
? \OC::$server->getContentSecurityPolicyNonceManager()->getNonce()
|
||||
: 'nonce_not_implemented';
|
||||
?>
|
||||
|
||||
<html dir="ltr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<base href="<?php p($urlGenerator->linkTo('files_reader',''));?>">
|
||||
<title>
|
||||
<?php p($title);?>
|
||||
</title>
|
||||
<link rel="shortcut icon" href="img/book.png">
|
||||
<link rel="stylesheet" href="css/normalize.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/popup.css">
|
||||
<link rel="stylesheet" href="css/tooltip.css">
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'js/lib/typedarray.min.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'js/lib/Blob.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'js/lib/wgxpath.install.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/libs/jquery.min.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/libs/screenfull.min.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/libs/zip.min.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/epub.min.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/hooks.min.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/hooks/extensions/highlight.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'vendor/epubjs/reader.min.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
|
||||
<script type="text/javascript" nonce="<?php p($nonce) ?>" src="<?php p($urlGenerator->linkTo('files_reader', 'js/ready.js')) ?>?v=<?php p($version) ?>"> </script>
|
||||
</head>
|
||||
<body>
|
||||
<input type="hidden" id="dllink" value="<?php print_unescaped($dllink);?>">
|
||||
<div id="outerContainer">
|
||||
<div id="sidebar">
|
||||
<div id="panels">
|
||||
<input id="searchBox" placeholder="not implemented yet" type="search" disabled="">
|
||||
<a id="show-Search" class="show_view icon-search" data-view="Search">
|
||||
<?php p($l->t("Search")); ?>
|
||||
</a>
|
||||
<a id="show-Toc" class="show_view icon-list-1 active" data-view="Toc">
|
||||
<?php p($l->t("TOC")); ?>
|
||||
</a>
|
||||
<a id="show-Bookmarks" class="show_view icon-bookmark" data-view="Bookmarks">
|
||||
<?php p($l->t("Bookmarks")); ?>
|
||||
</a>
|
||||
<a id="show-Notes" class="show_view icon-edit" data-view="Notes">
|
||||
<?php p($l->t("Notes")); ?>
|
||||
</a>
|
||||
</div>
|
||||
<div id="tocView" class="view">
|
||||
</div>
|
||||
<div id="searchView" class="view">
|
||||
<ul id="searchResults">
|
||||
</ul>
|
||||
</div>
|
||||
<div id="bookmarksView" class="view">
|
||||
<ul id="bookmarks">
|
||||
</ul>
|
||||
</div>
|
||||
<div id="notesView" class="view">
|
||||
<div id="new-note">
|
||||
<textarea id="note-text">
|
||||
</textarea>
|
||||
<button id="note-anchor">
|
||||
<?php p($l->t("Anchor")); ?>
|
||||
</button>
|
||||
</div>
|
||||
<ol id="notes">
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<div id="main">
|
||||
<div id="titlebar">
|
||||
<div id="opener">
|
||||
<a id="slider" class="icon-menu">
|
||||
<?php p($l->t("Menu")); ?>
|
||||
</a>
|
||||
</div>
|
||||
<div id="metainfo">
|
||||
<span id="book-title">
|
||||
</span>
|
||||
<span id="title-seperator">
|
||||
–
|
||||
</span>
|
||||
<span id="chapter-title">
|
||||
</span>
|
||||
</div>
|
||||
<div id="title-controls">
|
||||
<a id="bookmark" class="icon-bookmark-empty">
|
||||
<?php p($l->t("Bookmark")); ?>
|
||||
</a>
|
||||
<a id="setting" class="icon-cog">
|
||||
<?php p($l->t("Settings")); ?>
|
||||
</a>
|
||||
<a id="fullscreen" class="icon-resize-full">
|
||||
<?php p($l->t("Fullscreen")); ?>
|
||||
</a>
|
||||
<a id="close" class="icon-cancel-circled2" style="display:none">
|
||||
<?php p($l->t("Close")); ?>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="divider">
|
||||
</div>
|
||||
<div id="prev" class="arrow nonight">
|
||||
<div class="nonight">
|
||||
‹
|
||||
</div>
|
||||
</div>
|
||||
<div id="viewer">
|
||||
</div>
|
||||
<div id="next" class="arrow nonight">
|
||||
<div class="nonight">
|
||||
›
|
||||
</div>
|
||||
</div>
|
||||
<div id="loader" class="nonight">
|
||||
<img src="img/loading.gif">
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal md-effect-1" id="settings-modal">
|
||||
<div class="md-content">
|
||||
<h3>
|
||||
<?php p($l->t("Settings")); ?>
|
||||
</h3>
|
||||
<div>
|
||||
<p>
|
||||
<input type="checkbox" id="ignore_css" name="ignore_css">
|
||||
<label for="ignore_css">
|
||||
<?php p($l->t("Always use")); ?>
|
||||
</label>
|
||||
<select id="fontFamily" disabled="">
|
||||
<option value="verdana, trebuchet, droid sans serif, sans, sans-serif">
|
||||
Sans
|
||||
</option>
|
||||
<option value="georgia, times new roman, droid serif, serif">
|
||||
Serif
|
||||
</option>
|
||||
<option value="monospace">
|
||||
Monospace
|
||||
</option>
|
||||
</select>
|
||||
<?php p($l->t("font scaled to")); ?>
|
||||
<input type="number" id="fontSize" value="100" min="50" max="150" disabled="">
|
||||
%
|
||||
</p>
|
||||
<div id="font_example" class="user">
|
||||
<?php p($l->t("Et nos esse veri viri scire volemus")); ?>
|
||||
</div>
|
||||
<p>
|
||||
<input type="checkbox" id="sidebarReflow" name="sidebarReflow">
|
||||
<label for="sidebarReflow">
|
||||
<?php p($l->t("Reflow text when sidebars are open.")); ?>
|
||||
</label>
|
||||
</p>
|
||||
<p>
|
||||
<?php p($l->t("Night mode background")); ?>
|
||||
<input type="color" id="nightModeBackground" value="#000000">
|
||||
<?php p($l->t("and text")); ?>
|
||||
<input type="color" id="nightModeColor" value="#3A516B">
|
||||
<?php p($l->t("colour")); ?>
|
||||
</p>
|
||||
<div id="nightModeExample" class="night">
|
||||
<div>
|
||||
Et nos esse veri viri scire volemus
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
<input type="checkbox" id="touch_nav" name="touch_nav">
|
||||
<label for="touch_nav" class="tooltip">
|
||||
<?php p($l->t("Disable extra-wide page turn areas")); ?>
|
||||
<span>
|
||||
<?php p($l->t("The extra-wide page turn areas as used by default on touch-screen devices interfere with the ability to select links in ebooks. When this option is enabled, the page-turn area is always outside the ebook margins so links are reachable.")); ?>
|
||||
</span>
|
||||
</label>
|
||||
</p>
|
||||
</div>
|
||||
<div class="closer icon-cancel-circled nonight">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="overlay nonight">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue