From 909bfc1d6e9bafb66e8083da9548556e126f230c Mon Sep 17 00:00:00 2001
From: Bachir Soussi Chiadmi <bachir@g-u-i.me>
Date: Sat, 22 Apr 2017 18:53:12 +0200
Subject: [PATCH] merge all pages from each book to one html file

---
 assets/css/dist/main.css |  46 ++++++++--------
 assets/css/setup.scss    |  10 ++--
 assets/js/gui.js         | 116 +++++++++++++++++++++------------------
 bin/build.py             | 103 +++++++++++++++++-----------------
 index.html               |   4 +-
 5 files changed, 145 insertions(+), 134 deletions(-)

diff --git a/assets/css/dist/main.css b/assets/css/dist/main.css
index f062740..301f625 100644
--- a/assets/css/dist/main.css
+++ b/assets/css/dist/main.css
@@ -13,7 +13,7 @@
  * DEFINITION OF THE PAPER SHEET
  */
 @page {
-  size: 210mm 291mm;
+  size: 234mm 315mm;
   margin: 0; }
 
 /**
@@ -23,19 +23,19 @@
   body {
     margin: 0; }
   .paper {
-    width: 210mm;
-    height: 290mm;
+    width: 234mm;
+    height: 314mm;
     box-sizing: border-box;
     counter-increment: page-counter;
     page-break-inside: avoid;
     page-break-after: always;
     overflow: hidden;
     /* Crop marks */
-    padding: 0mm;
+    padding: 12mm;
     position: relative; }
     .paper .crops {
-      width: 210mm;
-      height: 290mm;
+      width: 234mm;
+      height: 314mm;
       position: absolute;
       top: 0;
       left: 0; }
@@ -43,13 +43,13 @@
         border-style: solid;
         border-color: black;
         border-width: 0;
-        width: 0mm;
-        height: 0mm;
+        width: 12mm;
+        height: 12mm;
         position: absolute;
         box-sizing: border-box; }
         .paper .crops div span {
-          width: 0mm;
-          height: 0mm;
+          width: 5mm;
+          height: 5mm;
           background-color: white;
           position: absolute; }
       .paper .crops .crop-top-left {
@@ -93,15 +93,15 @@
   .spread .paper {
     float: left; }
   .spread .paper:nth-child(odd) {
-    margin-left: 0mm; }
+    margin-left: -12mm; }
   .spread .paper:nth-child(even) {
-    margin-right: 0mm; }
+    margin-right: -12mm; }
   .spread .paper:first-child {
     margin-left: 210mm; } }
 
 @media print {
   html {
-    width: 210mm; }
+    width: 234mm; }
   body {
     /* Allows printing of background colors */
     background-color: white;
@@ -132,7 +132,7 @@
 .header {
   top: 0;
   margin: 0;
-  padding-top: 8mm;
+  padding-top: 10mm;
   width: 100%;
   height: 10mm;
   text-align: left; }
@@ -143,9 +143,9 @@
 .body {
   height: 270mm;
   width: 210mm;
-  margin-bottom: 12mm;
-  padding-top: 18mm;
-  padding-bottom: 12mm;
+  margin-bottom: 15mm;
+  padding-top: 20mm;
+  padding-bottom: 15mm;
   position: absolute; }
 
 .recipient {
@@ -175,12 +175,12 @@
 .paper:nth-child(odd) .body,
 .paper:nth-child(odd) .footer {
   padding-left: 20mm;
-  padding-right: 20mm; }
+  padding-right: 10mm; }
 
 .paper:nth-child(even) .header,
 .paper:nth-child(even) .body,
 .paper:nth-child(even) .footer {
-  padding-left: 20mm;
+  padding-left: 10mm;
   padding-right: 20mm; }
 
 img {
@@ -233,13 +233,13 @@ p {
   body {
     background-color: #F0F0F0; }
   #pages {
-    width: 210mm;
-    height: 290mm;
+    width: 234mm;
+    height: 314mm;
     margin-left: auto;
     margin-right: auto; }
   .spread #pages {
-    width: 420mm;
-    height: 580mm; }
+    width: 468mm;
+    height: 628mm; }
   .paper {
     /* centrer la page à l'écran */
     background-color: white;
diff --git a/assets/css/setup.scss b/assets/css/setup.scss
index af72855..bffe742 100644
--- a/assets/css/setup.scss
+++ b/assets/css/setup.scss
@@ -3,10 +3,10 @@ $page-width: 210mm;
 $page-height: 290mm;
 
 /* the size of the crop marks*/
-$crop-size: 0mm;
+$crop-size: 7mm;
 
 /* the size of bleed */
-$bleed: 0mm;
+$bleed: 5mm;
 
 // page layouts
 // 1 for single page
@@ -14,9 +14,9 @@ $bleed: 0mm;
 $page-layout:1;
 
 $page-margin-inside: 20mm;
-$page-margin-outside: 20mm;
-$page-margin-top: 8mm;
-$page-margin-bottom: 12mm;
+$page-margin-outside: 10mm;
+$page-margin-top: 10mm;
+$page-margin-bottom: 15mm;
 
 // Header & footer variables
 $header-height: 10mm;
diff --git a/assets/js/gui.js b/assets/js/gui.js
index 4cdec3f..c88b74d 100644
--- a/assets/js/gui.js
+++ b/assets/js/gui.js
@@ -4,12 +4,15 @@ $(function() {
     // console.log(data);
     for (book of data) {
       // console.log(book);
-      var $optgroup = $('<optgroup>').attr('label', book.label);
-      for (page of book.pages) {
-        // console.log(page);
-        $optgroup.append($('<option>').attr('value', book.label+'/'+page.file).text(book.label+' : '+page.label));
-      }
-      $('[name="document"]').append($optgroup);
+      // var $optgroup = $('<optgroup>').attr('label', book.label);
+      // for (page of book.pages) {
+      //   // console.log(page);
+      //   $optgroup.append($('<option>').attr('value', book.label+'/'+page.file).text(book.label+' : '+page.label));
+      // }
+      $('[name="document"]').append(
+        $('<option>')
+          .attr('value', book.file).text(book.label)
+      );
     }
   })
 
@@ -17,30 +20,37 @@ $(function() {
     // console.log(e);
     // var optionSelected = $("option:selected", this);
     // var valueSelected = ;
-    console.log(this.value);
-    $('iframe').attr('src', 'build/'+this.value);
+    // console.log(this.value);
+    $('iframe').attr('src', this.value);
   });
 
   // activate toolbar events when iframe is loaded
   $('iframe').load(function() {
-    var doc = $("iframe").contents().find("html");
+    initIframe();
+  });
 
-    $('[name="preview"]').change(function() {
-        if($(this).is(":checked")) {
-            doc.addClass("preview");
-            doc.removeClass("normal");
-        } else {
-            doc.removeClass("preview");
-            doc.addClass("normal");
-        }
+  function initIframe(){
+    var doc = $("iframe").contents().find("html");
+    console.log('initIframe :: doc', doc);
+
+    $('input[name="preview"]').change(function(e) {
+      console.log('Preview',e);
+      if($(this).is(":checked")) {
+          doc.addClass("preview");
+          doc.removeClass("normal");
+      } else {
+          doc.removeClass("preview");
+          doc.addClass("normal");
+      }
     });
 
     $('[name="debug"]').change(function() {
-        if($(this).is(":checked")) {
-            doc.addClass("debug");
-        } else {
-            doc.removeClass("debug");
-        }
+
+      if($(this).is(":checked")) {
+          doc.addClass("debug");
+      } else {
+          doc.removeClass("debug");
+      }
     });
 
     $('[name="spread"]').change(function() {
@@ -51,42 +61,42 @@ $(function() {
         }
     });
 
-        //$('[name="hi-res"]').change(function() {
-            //if($(this).is(":checked")) {
-                //doc.addClass("export");
-            //} else {
-                //doc.removeClass("export");
-            //}
-        //});
+    //$('[name="hi-res"]').change(function() {
+        //if($(this).is(":checked")) {
+            //doc.addClass("export");
+        //} else {
+            //doc.removeClass("export");
+        //}
+    //});
 
-        $('[name="zoom"]').change(function() {
-            zoomLevel = $(this).val() / 100;
+    $('[name="zoom"]').change(function() {
+        zoomLevel = $(this).val() / 100;
 
-            doc.find("#pages").css({
-                "-webkit-transform": "scale(" + zoomLevel + ")",
-                "-webkit-transform-origin": "0 0"
-            });
-        });
-
-        //$(".paper").each(function(){
-            //page = $(this).attr("id");
-            //$("#toc-pages").append("<li><a href='#" + page + "'>" + page.replace("-", " ") + "</a></li>")
-        //});
-
-        $('[name="page"]').change(function() {
-            var pageNumber = $(this).val() - 1;
-
-            var target = doc.find('.paper:eq(' + pageNumber + ')');
-            var offsetTop = target.offset().top;
-
-            doc.find('body').scrollTop(offsetTop);
-        });
-
-        $("#print").on('click', function() {
-            $("iframe").get(0).contentWindow.print();
+        doc.find("#pages").css({
+            "-webkit-transform": "scale(" + zoomLevel + ")",
+            "-webkit-transform-origin": "0 0"
         });
     });
 
+    //$(".paper").each(function(){
+        //page = $(this).attr("id");
+        //$("#toc-pages").append("<li><a href='#" + page + "'>" + page.replace("-", " ") + "</a></li>")
+    //});
+
+    $('[name="page"]').change(function() {
+        var pageNumber = $(this).val() - 1;
+
+        var target = doc.find('.paper:eq(' + pageNumber + ')');
+        var offsetTop = target.offset().top;
+
+        doc.find('body').scrollTop(offsetTop);
+    });
+
+    $("#print").on('click', function() {
+        $("iframe").get(0).contentWindow.print();
+    });
+  }
+
     //// __________________________________ HIGH RESOLUTION __________________________________ //
     //$("#hi-res").click(function(e){
         //e.preventDefault();
diff --git a/bin/build.py b/bin/build.py
index ba6d300..ad0fc79 100755
--- a/bin/build.py
+++ b/bin/build.py
@@ -19,23 +19,23 @@ import pypandoc
 import json
 import re
 
-BOOKS_SRC = 'book-src'
-BUILD_d = "build"
-CUR_PATH = os.path.dirname(os.path.abspath(__file__))
+_BOOKS_SRC = 'book-src'
+_BUILD_d = "build"
 _TOC = []
+# CUR_PATH = os.path.dirname(os.path.abspath(__file__))
 
 def main():
    print("Building books")
-   if not os.path.isdir(BUILD_d):
-      os.mkdir(BUILD_d)
+   if not os.path.isdir(_BUILD_d):
+      os.mkdir(_BUILD_d)
 
    # loop through books sources
-   for book in os.listdir(BOOKS_SRC):
-      if os.path.isdir(os.path.join(BOOKS_SRC, book)):
+   for book in os.listdir(_BOOKS_SRC):
+      if os.path.isdir(os.path.join(_BOOKS_SRC, book)):
          # print(book)
          parse_book(book)
 
-   with open(BUILD_d+'/toc.json', 'w') as fp:
+   with open(_BUILD_d+'/toc.json', 'w') as fp:
       json.dump(_TOC, fp, ensure_ascii=False, indent="\t")
 
 
@@ -46,7 +46,7 @@ def parse_book(book):
    print("- - -")
 
    # table of content (ordered list of markdown files)
-   sum_p = os.path.join(BOOKS_SRC, book, "SUMMARY.md")
+   sum_p = os.path.join(_BOOKS_SRC, book, "SUMMARY.md")
    if not os.path.isfile(sum_p):
       print("No summary file, can't generate html")
       return
@@ -84,71 +84,70 @@ def parse_summary(ul, toc):
 
    return toc
 
+
 def generate_html(book, toc, book_name):
-
-
-   # build destination
-   book_build_d = os.path.join(BUILD_d,book_name)
+   # build directory destination
+   book_build_d = os.path.join(_BUILD_d,book_name)
    if os.path.isdir(book_build_d):
       shutil.rmtree(book_build_d, ignore_errors=True)
    os.mkdir(book_build_d)
 
-   book_toc = {
-      'label':book_name,
-      'pages':[]
-   }
+   # main markdown book file where all pages will be merge
+   book_md_f = os.path.join(book_build_d,book_name+'.md')
 
    for p in toc:
       # print(toc[p]['file'])
-      # generate html with pandoc
 
       # files
-      md_f = toc[p]['file']
-      in_f = os.path.join(BOOKS_SRC, book, md_f)
+      in_f = os.path.join(_BOOKS_SRC, book, toc[p]['file'])
       if not os.path.isfile(in_f):
          print("Source path is not a file, can't generate html : "+in_f)
          continue
       # print('in_f : '+in_f)
 
-      html_f = md_f.replace('.md', '.html')
-      html_f = html_f.replace('README', 'index')
-      html_f = html_f.replace('/', '-')
-      out_f = os.path.join(book_build_d,html_f)
-      # print('out_f : '+out_f)
+      md_f = open(in_f, 'r')
+      with open(book_md_f, 'a') as fp:
+         fp.write(md_f.read())
 
-      # pandoc options
-      # filters = []
 
-      pdoc_args = ['-s',
-                   '--mathjax',
-                   '--smart',
-                   '--css=../../assets/fonts/amiri/amiri.css',
-                   '--css=../../assets/css/dist/main.css',
-                   '--include-before-body=templates/top.tpl.html',
-                   '--include-after-body=templates/bot.tpl.html',
-                   '--include-after-body=assets/lib/jquery.min.js',
-                   '--include-after-body=assets/js/setup.js',
-                   '--include-after-body=assets/js/html2print.js',
-                   '--include-after-body=assets/js/script.js',
-                   '--include-after-body=templates/end.tpl.html']
+   # generate html with pandoc
 
-      # pandoc command line
-      # print(pypandoc.get_pandoc_version())
-      output = pypandoc.convert_file(in_f,
-                               to='html5',
-                               format='md',
-                               extra_args=pdoc_args,
-                              #  filters=filters,
-                               outputfile=out_f)
+   # create the html file name
+   html_f = book_md_f.replace('.md', '.html')
+   # print('out_f : '+out_f)
 
-      # save reference in railway
-      book_toc['pages'].append({'label':toc[p]['label'], 'file':html_f})
+   # pandoc options
+   # filters = []
+
+   pdoc_args = ['-s',
+                '--mathjax',
+                '--smart',
+                '--css=../../assets/fonts/amiri/amiri.css',
+                '--css=../../assets/css/dist/main.css',
+                '--include-before-body=templates/top.tpl.html',
+                '--include-after-body=templates/bot.tpl.html',
+                '--include-after-body=assets/lib/jquery.min.js',
+                '--include-after-body=assets/js/setup.js',
+                '--include-after-body=assets/js/html2print.js',
+                '--include-after-body=assets/js/script.js',
+                '--include-after-body=templates/end.tpl.html']
+
+   # pandoc command line
+   # print(pypandoc.get_pandoc_version())
+   output = pypandoc.convert_file(book_md_f,
+                            to='html5',
+                            format='md',
+                            extra_args=pdoc_args,
+                           #  filters=filters,
+                            outputfile=html_f)
+
+   book_toc = {
+      'label':book_name,
+      'file':html_f
+   }
 
    global _TOC
    _TOC.append(book_toc)
-   # save railway as json file
-   # with open(book_build_d+'/railway.json', 'w') as fp:
-   #    json.dump(railway, fp, ensure_ascii=False, indent="\t")
 
 
 if __name__ == "__main__":
diff --git a/index.html b/index.html
index ec315b4..372593c 100644
--- a/index.html
+++ b/index.html
@@ -29,7 +29,9 @@
         <input name="zoom" value="100" type="number" min="25" max="1600" step="25">
 
         <label for="document">document</label>
-        <select name="document"></select>
+        <select name="document">
+          <option value="0">Choose a document</option>  
+        </select>
 
         <label for="page">page</label>
         <input name="page" value="1" type="number" min="1" max="100" step="1">