mirror of
https://github.com/janeczku/calibre-web.git
synced 2024-11-26 08:51:05 +02:00
bbf6d9b026
Bugfix for feeds
- removed categories related and up
- load new books now working
- category random now working
login page is free of non accessible elements
boolean custom column is vivible in UI
books with only with certain languages can be shown
book shelfs can be deleted from UI
Anonymous user view is more resticted
Added browse of series in sidebar
Dependencys in vendor folder are updated to newer versions (licencs files are now present)
Bugfix editing Authors names
Made upload on windows working
165 lines
4.4 KiB
HTML
165 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html class="no-js">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<title>{{_(Basic txt Reader)}}</title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
|
|
|
<!-- EPUBJS Renderer -->
|
|
<!--<script src="../build/epub.js"></script>-->
|
|
<script src="{{ url_for('static', filename='js/libs/jquery.min.js') }}"></script>
|
|
|
|
<style type="text/css">
|
|
|
|
body {
|
|
overflow: hidden;
|
|
}
|
|
|
|
#main {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
#area {
|
|
width: 80%;
|
|
height: 80%;
|
|
margin: 5% auto;
|
|
max-width: 1250px;
|
|
}
|
|
|
|
#area iframe {
|
|
border: none;
|
|
}
|
|
|
|
#prev {
|
|
left: 40px;
|
|
}
|
|
|
|
#next {
|
|
right: 40px;
|
|
}
|
|
|
|
.arrow {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -32px;
|
|
font-size: 64px;
|
|
color: #E2E2E2;
|
|
font-family: arial, sans-serif;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.arrow:hover {
|
|
color: #777;
|
|
}
|
|
|
|
.arrow:active {
|
|
color: #000;
|
|
}
|
|
xmp, pre, plaintext {
|
|
display: block;
|
|
font-family: -moz-fixed;
|
|
white-space: pre;
|
|
margin: 1em 0;
|
|
}
|
|
#area{
|
|
overflow:hidden;
|
|
}
|
|
pre {
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
font-family: -moz-fixed;
|
|
column-count:2;
|
|
-webkit-columns:2;
|
|
-moz-columns:2;
|
|
column-gap:20px;
|
|
-moz-column-gap:20px;
|
|
-webkit-column-gap:20px;
|
|
position:relative;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
"use strict";
|
|
|
|
//var Book = ePub("https://s3.amazonaws.com/moby-dick/");
|
|
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="main">
|
|
<div id="prev" class="arrow" >‹</div>
|
|
<div id="area"><pre id="content" class="content"></pre></div>
|
|
<div id="next" class="arrow">›</div>
|
|
</div>
|
|
|
|
<script>
|
|
|
|
$(document).ready(function() {
|
|
//to int
|
|
$("#area").width($("#area").width());
|
|
$("#content").width($("#content").width());
|
|
//bind text
|
|
$("#content").load("{{ url_for('static', filename=txtfile) }}",function(textStr) {
|
|
$(this).height($(this).parent().height()*0.95);
|
|
$(this).text(textStr);
|
|
});
|
|
//keybind
|
|
$(document).keydown(function(event){
|
|
if(event.keyCode == 37){
|
|
prevPage();
|
|
}
|
|
if(event.keyCode == 39){
|
|
nextPage();
|
|
}
|
|
});
|
|
//click
|
|
$( "#prev" ).click(function() {
|
|
prevPage();
|
|
});
|
|
$( "#next" ).click(function() {
|
|
nextPage();
|
|
});
|
|
//bind mouse
|
|
$(window).bind('DOMMouseScroll mousewheel', function(event) {
|
|
var delta = 0;
|
|
if (event.originalEvent.wheelDelta) {
|
|
delta = event.originalEvent.wheelDelta;
|
|
}else if (event.originalEvent.detail) {
|
|
delta = event.originalEvent.detail*-1;
|
|
}
|
|
if (delta >= 0) {
|
|
prevPage();
|
|
}
|
|
else {
|
|
nextPage();
|
|
}
|
|
});
|
|
//page animate
|
|
var origwidth = $("#content")[0].getBoundingClientRect().width;
|
|
var gap = 20;
|
|
function prevPage(){
|
|
if($("#content").offset().left > 0){ return;}
|
|
leftoff = $("#content").offset().left;
|
|
leftoff = leftoff+origwidth+gap;
|
|
$("#content").offset({left:leftoff});
|
|
}
|
|
function nextPage(){
|
|
leftoff = $("#content").offset().left;
|
|
leftoff = leftoff-origwidth-gap;
|
|
$("#content").offset({left:leftoff});
|
|
}
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
</html> |