[edit] Closes #24

crenum.py

@@ -11,15 +11,10 @@ app = Flask(__name__)
 def index():
     return render_template('index.html.j2')
 
-# @app.route('/book<bookNb>')
-# @app.route('/book<bookNb>/p<int:pageNb>')
-# @app.route('/book<bookNb>/p<int:pageNb>/<tabToShow>')
-# def page(bookNb=1, pageNb=-1, tabToShow=""):
-#     return render_template('book'+bookNb+'.html.j2', pageNb=pageNb, tabToShow=tabToShow)
-
 @app.route('/book<bookNb>')
 @app.route('/book<bookNb>/<chap>')
-def page(bookNb="1", chap=""):
+@app.route('/book<bookNb>/<chap>/p<pageNb>')
+def page(bookNb="1", chap="", pageNb=""):
     prefixe = "htm/"+bookNb+"/"
     if chap == "":
         chapters = os.listdir("templates/"+prefixe)
@@ -30,7 +25,7 @@ def page(bookNb="1", chap=""):
                 break
     else:
         chap += ".htm.j2"
-    return render_template('book'+bookNb+'.html.j2', chap=prefixe+chap)
+    return render_template('book'+bookNb+'.html.j2', chap=prefixe+chap, pageNb=pageNb)
 
 @app.route('/<vueName>')
 def vue(vueName=None):

data/xslt/teiAll2indexPersName.xsl

@@ -94,7 +94,7 @@
                                                 select="tei:div[@type = 'prologueProse']//tei:persName[replace(@ref, '#', '') = $id]">
                                                 <!--p{replace(replace(preceding::tei:pb[1]/@facs,'.*/f',''),'.item','')}">-->
                                                 <a
-                                                    href="/book{$book}/{$chap}">
+                                                    href="/book{$book}/{$chap}/p{replace(replace(preceding::tei:pb[1]/@facs,'.*/f',''),'.item','')}">
                                                     <xsl:value-of select="preceding::tei:fw[1]/@n"/>
                                                 </a>
                                             </xsl:for-each>
@@ -109,7 +109,7 @@
                                                 <xsl:if test="$show_page_ref">
                                                     <!--p{replace(replace(preceding::tei:pb[1]/@facs,'.*/f',''),'.item','')}">-->
                                                     <a
-                                                        href="/book{$book}/{$chap}">
+                                                        href="/book{$book}/{$chap}/p{replace(replace(preceding::tei:pb[1]/@facs,'.*/f',''),'.item','')}">
                                                       <xsl:value-of
                                                       select="preceding::tei:fw[@type = 'folio'][1]/@n"
                                                       />
@@ -120,7 +120,7 @@
                                                     group-by="ancestor::tei:l/@n">
                                                     <!--p{replace(replace(preceding::tei:pb[1]/@facs,'.*/f',''),'.item','')}#{ancestor::tei:l/@n}">-->
                                                     <a
-                                                        href="/book{$book}/{$chap}">
+                                                        href="/book{$book}/{$chap}/p{replace(replace(preceding::tei:pb[1]/@facs,'.*/f',''),'.item','')}">
                                                         <xsl:value-of select="ancestor::tei:l/@n"/>
                                                     </a>
                                                     <xsl:text> </xsl:text>

static/js/chapter.js

@@ -16,12 +16,18 @@ window.onload = function() {
     tab.classList.add('show');
   }
 
-  pageHandler.init();
+  chapterHandler.init();
   imageHandler.init();
+
+  // if page nb in url : simulate a click on thumbnail
+  var pageNb = document.getElementById("pageNb").innerText;
+  if (pageNb != ""){
+    document.getElementById("image-left-f"+pageNb).click();
+  }
 }
 
-// Défixe la navbar + cache le footer
-const pageHandler = {
+// Stop fix navbar + hide footer
+const chapterHandler = {
   init: function() {
     var navbar  = document.getElementsByClassName("navbar")[0];
     navbar.classList.remove("sticky-top");

templates/chapter_base.html.j2

@@ -21,8 +21,9 @@
   </div>
   <br>
 
+  <span id="pageNb" style="display:none">{{ pageNb }}</span>
+
   <div class="row justify-content-center">
-  <!--<div>{{ diplo }}</div>-->
 
     {# gestion des tailles d'écran ? #}
     {# <div id="left-panel" class="col-md-6 col-sm-12"> #}