top banner with previous next navigation bar with svg buttons

author: Ralph Amissah <ralph@amissah.com> 2017-06-20 15:12:56 -0400
committer: Ralph Amissah <ralph@amissah.com> 2019-04-10 15:14:14 -0400
commit: 0905fae7c1ba93b70cb10ad77b6a24dbbc2c5082 (patch)
tree: e3900bf2ee8adba9eb6f1ac4bcd14f473f4dfc18 /src/sdp/output/xmls.d
parent: html seg, work on subtoc & on nav pre-next (diff)
1 files changed, 203 insertions, 85 deletions
diff --git a/src/sdp/output/xmls.d b/src/sdp/output/xmls.d
index c7dd552..b86fb46 100644
--- a/src/sdp/output/xmls.d
+++ b/src/sdp/output/xmls.d
@@ -64,76 +64,172 @@ template outputXHTMLs() {
       }
       return tags;
     }
-    auto html_scroll_head(Dm)(
+    auto header_metadata(Dm)(
       Dm doc_matters,
     ) {
+      string _title="Title";
+      string _author="Author";
+      string _publisher="Publisher";
+      string _date="Date";
+      string _date_created="Date";
+      string _date_issued="Date";
+      string _date_available="Date";
+      string _date_valid="Date";
+      string _date_modified="Date";
+      string _language="en";
+      string _rights="Copyright: Copyright (C) year holder";
+      string _generator="sdp [SiSU 7.1.8 of 2016w08/5 (2016-02-26)] (n*x and D)";
+      string _generator_home="http://www.sisudoc.org";
       string o;
-      o = format(q"¶<!DOCTYPE html>
-    <html>
-    <head>
-      <title>
-        %s%s
-      </title>
-      <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
-      <meta name="dc.title" content="Title" />
-      <meta name="dc.author" content="Author" />
-      <meta name="dc.publisher" content="SiSU http://www.jus.uio.no/sisu (this copy)" />
-      <meta name="dc.date" content="year" />
-      <meta name="dc.date.created" content="year" />
-      <meta name="dc.date.issued" content="year" />
-      <meta name="dc.date.available" content="year" />
-      <meta name="dc.date.valid" content="year" />
-      <meta name="dc.date.modified" content="year" />
-      <meta name="dc.language" content="US" />
-      <meta name="dc.rights" content="Copyright: Copyright (C) year holder />
-      <meta name="generator" content="sdp [SiSU 7.1.8 of 2016w08/5 (2016-02-26)] (n*x and D)" />
-      <link rel="generator" href="http://www.sisudoc.org/" />
-      <link rel="shortcut icon" href="../../image/rb7.ico" />
-      <link href="../../css/html.css" rel="stylesheet" />
-    </head>
-    <body lang="%s">
-    <a name="top" id="top"></a>¶",
-        doc_matters.dochead_meta["title"]["full"],
-        (doc_matters.dochead_meta["creator"]["author"].empty) ? "" : ", " ~ doc_matters.dochead_meta["creator"]["author"],
-        doc_matters.language,
+      o = format(q"¶<!-- SiSU header metadata -->
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+    <meta name="dc.title" content="%s" />
+    <meta name="dc.author" content="%s" />
+    <meta name="dc.publisher" content="%s" />
+    <meta name="dc.date" content="%s" />
+    <meta name="dc.date.created" content="%s" />
+    <meta name="dc.date.issued" content="%syear" />
+    <meta name="dc.date.available" content="%syear" />
+    <meta name="dc.date.valid" content="%syear" />
+    <meta name="dc.date.modified" content="%syear" />
+    <meta name="dc.language" content="%s" />
+    <meta name="dc.rights" content="%s" />
+    <meta name="generator" content="%s" />
+    <link rel="generator" href="%s" />
+    <!-- SiSU header metadata -->¶",
+      _title,
+      _author,
+      _publisher,
+      _date,
+      _date_created,
+      _date_issued,
+      _date_available,
+      _date_valid,
+      _date_modified,
+      _language,
+      _rights,
+      _generator,
+      _generator_home,
+      );
+      return o;
+    }
+    auto site_info_button(Dm)(
+      Dm doc_matters,
+    ) {
+      string _location_1_url ="http://www.sisudoc.org";
+      string _location_1_lnk ="SiSU";
+      string _location_2_url ="http://www.sisudoc.org";
+      string _location_2_lnk ="www.sisudoc.org";
+      string _location_3_url ="http://www.sisudoc.org";
+      string _location_3_lnk ="sisu";
+      string o;
+      o = format(q"¶<!-- Site info button close -->
+     <table summary="home button / home information" border="0" cellpadding="3" cellspacing="0">
+     <tr><td align="left" bgcolor="#ffffff">
+      <p class="tiny_left"><a href="%s" target="_top">
+        %s
+      </a></p>
+      <p class="tiny_left"><a href="%s" target="_top">
+        %s
+      </a></p>
+      <p class="tiny_left"><a href="%s" target="_top">
+        %s
+      </a></p>
+     </td></tr>
+     </table>
+     <!-- Site info button close -->¶",
+      _location_1_url,
+      _location_1_lnk,
+      _location_2_url,
+      _location_2_lnk,
+      _location_3_url,
+      _location_3_lnk,
+      );
+      return o;
+    }
+    auto inline_search_form(Dm)(
+      Dm doc_matters,
+    ) {
+      string _action="http://www.sisudoc.org/cgi-bin/search.cgi";
+      string _db="SiSU.7a.manual";
+      string o;
+      o = format(q"¶<!-- SiSU Search open -->
+    <a name="search"></a>
+    <form method="get" action="%s" target="_top">
+    <font size="2">
+    <input type="text" name="s1" size="24" maxlength="255" />
+    <input type="hidden" name="db" value="%s" />
+    <input type="hidden" name="ltd" value="1000" />
+    <input type="hidden" name="off" value="0" />
+    <input type="hidden" name="doc" value="live-manual" /><br />
+    <input type="submit" name="search" value="search doc" />
+    <input type="submit" name="search" value="search db" />
+    </font></form>
+    <!-- SiSU Search close -->¶",
+      _action,
+      _db,
       );
       return o;
     }
-    auto html_seg_head(Dm)(
+    auto html_head(Dm)(
       Dm doc_matters,
+      string type,
     ) {
       string o;
       o = format(q"¶<!DOCTYPE html>
     <html>
     <head>
-      <meta charset="utf-8">
-        <title>
-          %s%s
-        </title>
-        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
-        <meta name="dc.title" content="Title" />
-        <meta name="dc.author" content="Author" />
-        <meta name="dc.publisher" content="SiSU http://www.jus.uio.no/sisu (this copy)" />
-        <meta name="dc.date" content="year" />
-        <meta name="dc.date.created" content="year" />
-        <meta name="dc.date.issued" content="year" />
-        <meta name="dc.date.available" content="year" />
-        <meta name="dc.date.valid" content="year" />
-        <meta name="dc.date.modified" content="year" />
-        <meta name="dc.language" content="US" />
-        <meta name="dc.rights" content="Copyright: Copyright (C) year holder" />
-        <meta name="generator" content="sdp [SiSU 7.1.8 of 2016w08/5 (2016-02-26)] (n*x and D)" />
-      </meta>
+      <meta charset="utf-8" />
+      <title>
+        %s%s
+      </title>
+      <!-- metadata -->
+      %s
+      <!-- metadata -->
       <link rel="generator" href="http://www.sisudoc.org/" />
-      <link rel="shortcut icon" href="../../../image/rb7.ico" />
-      <link href="../../../css/html.css" rel="stylesheet" />
+      <link rel="shortcut icon" href="%s" />
+      <link href="%s" rel="stylesheet" />
     </head>
     <body lang="%s">
-    <a name="top" id="top"></a>¶",
+    <a name="top" id="top"></a>
+    <div class="icon-bar">
+    <div class="left-bar">
+    <div class="table-bar">
+    <table summary="table of contents segment navigation band" id="toc" width="85%%" bgcolor="#ffffff">
+    <tr><td width="20%%">
+     <!-- Site info button open -->
+     %s
+     <!-- Site info button close -->
+    </td>
+    <td width="75%%" align="center">
+    <table summary="segment navigation available documents types: toc,doc,pdf,concordance" border="0" cellpadding="3" cellspacing="0">
+    <tr>
+    <td align="center" bgcolor="#ffffff">
+      <td align="center" bgcolor="#ffffff">
+      <a href="../../manifest/sisu.en.html" target="_top">
+        <font face="verdana, arial, georgia, tahoma, sans-serif, helvetica, times, roman" size="2">
+          [&nbsp;document&nbsp;manifest&nbsp;]
+        </font>
+      </a>
+    </td>
+      <!-- SiSU Search open -->
+       %s
+      <!-- SiSU Search close -->
+    </tr></table>
+    </td>
+    </table>
+    </div>
+    </div>%s¶",
         doc_matters.dochead_meta["title"]["full"],
         (doc_matters.dochead_meta["creator"]["author"].empty) ? ""
           : ", " ~ doc_matters.dochead_meta["creator"]["author"],
+        header_metadata(doc_matters),
+        ((type == "seg") ? "../../../" : "../../") ~ "image/rb7.ico",
+        ((type == "seg") ? "../../../" : "../../") ~ "css/html.css",
         doc_matters.language,
+        site_info_button(doc_matters),
+        inline_search_form(doc_matters),
+        ((type == "seg") ? "" : "\n</div>"),
       );
       return o;
     }
@@ -353,64 +449,86 @@ template outputXHTMLs() {
       lev4_subtoc ~= "  </div>\n";
       return lev4_subtoc.to!string;
     }
-    string nav_pre_next_table(O)(
+    auto nav_pre_next_svg(O)(
       auto return ref const O    obj,
     ) {
       string prev, next, toc;
-      if (obj.segname_prev == "") {
+      if (obj.segment_anchor_tag == "toc") {
+        toc = "";
         prev = "";
       } else {
+        toc = format(q"¶
+          <a href="toc.html" target="_top">
+            <div class="toc-button menu">
+              <svg viewbox="0 0 100 100">
+                <path d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2  s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2  S29.104,22,28,22z"/>
+              </svg>
+            </div>
+          </a>
+    ¶",
+        );
+      }
+      if (obj.segname_prev == "") {
+        prev = "";
+      } else {                               // previous
         prev = format(q"¶
-          <td align="center" bgcolor="#ffffff">
-            <a href="%s.html" target="_top">
-              <img border="0" width="22" height="22" src="../../../image/arrow_prev_red.png" alt=" &lt;&lt; [ prev ] " />
-            </a>
-          </td>
+         <a href="%s.html" target="_top">
+            <div class="prev-next-button previous">
+              <svg viewbox="0 0 100 100">
+                <path class="arrow" d="M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z" transform=" translate(15,0)">
+              </svg>
+            </div>
+          </a>
     ¶",
           obj.segname_prev,
         );
       }
-      if (obj.segname_next == "") {
+      if (obj.segname_next == "") {            // next
         next = "";
       } else {
         next = format(q"¶
-          <td align="center" bgcolor="#ffffff">
-            <a href="%s.html" target="_top">
-              <img border="0" width="22" height="22" src="../../../image/arrow_next_red.png" alt=" [ next ] &gt;&gt; " />
-            </a>
-          </td>
+          <a href="%s.html" target="_top">
+            <div class="prev-next-button next">
+              <svg viewbox="0 0 100 100">
+                <path class="arrow" d="M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z "transform="translate(85,100) rotate(180) ">
+              </svg>
+            </div>
+          </a>
     ¶",
           obj.segname_next,
         );
       }
-      if (obj.segment_anchor_tag == "toc") {
-        toc = "";
-        prev = "";
-      } else {
-        toc = format(q"¶
-          <td align="center" bgcolor="#ffffff">
-            <a href="toc.html" target="_top">
-              <img border="0" width="22" height="22" src="../../../image/arrow_up_red.png" alt=" [ toc ] " />
-            </a>
-          </td>
-    ¶",
-        );
-      }
-      string o = format(q"¶<div class="nav">
-      <table summary="segment navigation pre/next" border="0" cellpadding="3" cellspacing="0">
-        <tr>
+      string _toc_pre_next = format(q"¶
+       <!-- <div class="icon-bar"> -->
+        <div class="nav-bar">
           %s
           %s
           %s
-        </tr>
-      </table>
-    </div>
+        </div>
+      </div>
     ¶",
-        prev,
         toc,
+        prev,
         next,
       );
-      return o;
+      string _pre_next = format(q"¶
+        <div class="nav-bar">
+          %s
+          %s
+        </div>
+    ¶",
+        prev,
+        next,
+      );
+      struct bar {
+        string toc_pre_next() {
+          return _toc_pre_next;
+        }
+        string pre_next() {
+          return _pre_next;
+        }
+      }
+      return bar();
     }
     auto heading(O)(
       auto return ref const O    obj,
author	Ralph Amissah <ralph@amissah.com>	2017-06-20 15:12:56 -0400
committer	Ralph Amissah <ralph@amissah.com>	2019-04-10 15:14:14 -0400
commit	0905fae7c1ba93b70cb10ad77b6a24dbbc2c5082 (patch)
tree	e3900bf2ee8adba9eb6f1ac4bcd14f473f4dfc18 /src/sdp/output/xmls.d
parent	html seg, work on subtoc & on nav pre-next (diff)