calibre-web/cps/templates/readtxt.html

<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>{{_('txt Reader')}} | {{title}}</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}" type="text/css"/>

        <!-- EPUBJS Renderer -->
        <!--<script src="../build/epub.js"></script>-->
        <script src="{{ url_for('static', filename='js/libs/jquery.min.js') }}"></script>
        <script src="{{ url_for('static', filename='js/libs/plugins.js') }}"></script>

        <style type="text/css">

          body {
            background: white;
          }

          #readmain {
            position: absolute;
            width: 100%;
            height: 100%;
          }

          #area {
            width: 80%;
            height: 80%;
            margin: 5% auto;
            max-width: 1250px;
          }

          #area iframe {
            border: none;
          }

          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";
        </script>
    </head>
    <body>
        <div id="readmain">
          <div id="left" class="arrow" >‹</div>
          <div id="area"><pre id="content" class="content"></pre></div>
          <div id="right" class="arrow">›</div>
        </div>

        <script>

        $(document).ready(function() {
          //to int
          $("#area").width($("#area").width());
          $("#content").width($("#content").width());
          //bind text
          $("#content").load("{{ url_for('web.serve_book', book_id=txtfile,book_format='txt') }}",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
          $( "#left" ).click(function() {
            prevPage();
          });
          $( "#right" ).click(function() {
            nextPage();
          });
          $("#readmain").swipe( {
            swipeRight:function() {
                prevPage();
            },
            swipeLeft: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;
            if ( leftoff + $("#content")[0].scrollWidth < 0) { return;}
            $("#content").offset({left:leftoff});
          }
        });

        </script>
    </body>
</html>
-												Add txt reader

add txt file reader,and add select for read the book

											
										
										
											2016-07-16 08:44:47 +00:00
+								<!DOCTYPE html>
 								<html class="no-js">
 								    <head>
 								        <meta charset="utf-8">
 								        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-												Fix #2048 (Display book title in reader)

											
										
										
											2021-07-11 10:52:35 +00:00
+								        <title>{{_('txt Reader')}} | {{title}}</title>
-												Add txt reader

add txt file reader,and add select for read the book

											
										
										
											2016-07-16 08:44:47 +00:00
+								        <meta name="description" content="">
 								        <meta name="viewport" content="width=device-width">
 								        <meta name="apple-mobile-web-app-capable" content="yes">
-												Fix #1115 (comic reader not working under iOS, maybe invalid issue)
Improvement for #925 (Next/Prev buttons are bigger)

											
										
										
											2019-12-22 14:24:22 +00:00
+								        <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}" type="text/css"/>
-												Add txt reader

add txt file reader,and add select for read the book

											
										
										
											2016-07-16 08:44:47 +00:00
 								        <!-- EPUBJS Renderer -->
 								        <!--<script src="../build/epub.js"></script>-->
 								        <script src="{{ url_for('static', filename='js/libs/jquery.min.js') }}"></script>
-												Added swipe support for comic reader and txt reader (#925)
Bugfix for txt file not present on serving file

											
										
										
											2021-01-24 10:16:57 +00:00
+								        <script src="{{ url_for('static', filename='js/libs/plugins.js') }}"></script>
-												Add txt reader

add txt file reader,and add select for read the book

											
										
										
											2016-07-16 08:44:47 +00:00
 								        <style type="text/css">
 								          body {
-												Fix #1115 (comic reader not working under iOS, maybe invalid issue)
Improvement for #925 (Next/Prev buttons are bigger)

											
										
										
											2019-12-22 14:24:22 +00:00
+								            background: white;
-												Add txt reader

add txt file reader,and add select for read the book

											
										
										
											2016-07-16 08:44:47 +00:00
+								          }
-												Fix #1115 (comic reader not working under iOS, maybe invalid issue)
Improvement for #925 (Next/Prev buttons are bigger)

											
										
										
											2019-12-22 14:24:22 +00:00
+								          #readmain {
-												Add txt reader

add txt file reader,and add select for read the book

											
										
										
											2016-07-16 08:44:47 +00:00
+								            position: absolute;
 								            width: 100%;
 								            height: 100%;
 								          }
 								          #area {
 								            width: 80%;
 								            height: 80%;
 								            margin: 5% auto;
 								            max-width: 1250px;
 								          }
 								          #area iframe {
 								            border: none;
 								          }
 								          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";
 								        </script>
 								    </head>
 								    <body>
-												Fix #1115 (comic reader not working under iOS, maybe invalid issue)
Improvement for #925 (Next/Prev buttons are bigger)

											
										
										
											2019-12-22 14:24:22 +00:00
+								        <div id="readmain">
 								          <div id="left" class="arrow" >‹</div>
-												Add txt reader

add txt file reader,and add select for read the book

											
										
										
											2016-07-16 08:44:47 +00:00
+								          <div id="area"><pre id="content" class="content"></pre></div>
-												Fix #1115 (comic reader not working under iOS, maybe invalid issue)
Improvement for #925 (Next/Prev buttons are bigger)

											
										
										
											2019-12-22 14:24:22 +00:00
+								          <div id="right" class="arrow">›</div>
-												Add txt reader

add txt file reader,and add select for read the book

											
										
										
											2016-07-16 08:44:47 +00:00
+								        </div>
 								        <script>
 								        $(document).ready(function() {
 								          //to int
 								          $("#area").width($("#area").width());
 								          $("#content").width($("#content").width());
 								          //bind text
-												Merge branch 'Develop'

# Conflicts:
#	MANIFEST.in
#	README.md
#	cps/helper.py
#	cps/static/js/archive/archive.js
#	cps/translations/nl/LC_MESSAGES/messages.mo
#	cps/translations/nl/LC_MESSAGES/messages.po
#	cps/ub.py
#	cps/updater.py
#	cps/web.py
#	cps/worker.py
#	optional-requirements.txt

											
										
										
											2019-07-13 18:45:48 +00:00
+								          $("#content").load("{{ url_for('web.serve_book', book_id=txtfile,book_format='txt') }}",function(textStr) {
-												Add txt reader

add txt file reader,and add select for read the book

											
										
										
											2016-07-16 08:44:47 +00:00
+								           $(this).height($(this).parent().height()*0.95);
 								           $(this).text(textStr);
 								          });
 								          //keybind
-												Merge branch 'Develop'

# Conflicts:
#	MANIFEST.in
#	README.md
#	cps/helper.py
#	cps/static/js/archive/archive.js
#	cps/translations/nl/LC_MESSAGES/messages.mo
#	cps/translations/nl/LC_MESSAGES/messages.po
#	cps/ub.py
#	cps/updater.py
#	cps/web.py
#	cps/worker.py
#	optional-requirements.txt

											
										
										
											2019-07-13 18:45:48 +00:00
+								          $(document).keydown(function(event){
-												Add txt reader

add txt file reader,and add select for read the book

											
										
										
											2016-07-16 08:44:47 +00:00
+								            if(event.keyCode == 37){
 								              prevPage();
 								            }
 								            if(event.keyCode == 39){
 								              nextPage();
 								            }
 								          });
-												fix some error

Fix TypeError: 'bool' object is not callable

											
										
										
											2016-07-19 02:59:46 +00:00
+								          //click
-												Fix #1115 (comic reader not working under iOS, maybe invalid issue)
Improvement for #925 (Next/Prev buttons are bigger)

											
										
										
											2019-12-22 14:24:22 +00:00
+								          $( "#left" ).click(function() {
-												fix some error

Fix TypeError: 'bool' object is not callable

											
										
										
											2016-07-19 02:59:46 +00:00
+								            prevPage();
 								          });
-												Fix #1115 (comic reader not working under iOS, maybe invalid issue)
Improvement for #925 (Next/Prev buttons are bigger)

											
										
										
											2019-12-22 14:24:22 +00:00
+								          $( "#right" ).click(function() {
-												fix some error

Fix TypeError: 'bool' object is not callable

											
										
										
											2016-07-19 02:59:46 +00:00
+								            nextPage();
 								          });
-												Added swipe support for comic reader and txt reader (#925)
Bugfix for txt file not present on serving file

											
										
										
											2021-01-24 10:16:57 +00:00
+								          $("#readmain").swipe( {
 								            swipeRight:function() {
 								                prevPage();
 								            },
 								            swipeLeft:function() {
 								                nextPage();
 								            },
 								          });
-												Add txt reader

add txt file reader,and add select for read the book

											
										
										
											2016-07-16 08:44:47 +00:00
+								          //bind mouse
-												fix some error

Fix TypeError: 'bool' object is not callable

											
										
										
											2016-07-19 02:59:46 +00:00
+								          $(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) {
-												Add txt reader

add txt file reader,and add select for read the book

											
										
										
											2016-07-16 08:44:47 +00:00
+								                  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;
-												Fix #1115 (comic reader not working under iOS, maybe invalid issue)
Improvement for #925 (Next/Prev buttons are bigger)

											
										
										
											2019-12-22 14:24:22 +00:00
+								            if ( leftoff + $("#content")[0].scrollWidth < 0) { return;}
-												Add txt reader

add txt file reader,and add select for read the book

											
										
										
											2016-07-16 08:44:47 +00:00
+								            $("#content").offset({left:leftoff});
 								          }
 								        });
 								        </script>
 								    </body>
-												Merge branch 'Develop'

# Conflicts:
#	MANIFEST.in
#	README.md
#	cps/helper.py
#	cps/static/js/archive/archive.js
#	cps/translations/nl/LC_MESSAGES/messages.mo
#	cps/translations/nl/LC_MESSAGES/messages.po
#	cps/ub.py
#	cps/updater.py
#	cps/web.py
#	cps/worker.py
#	optional-requirements.txt

											
										
										
											2019-07-13 18:45:48 +00:00
+								</html>