hdoc-tools 0.15.2 → 0.15.3

package/hdoc-serve.js

@@ -223,10 +223,11 @@
 
          // Process redirect
          if (hdocbook_project.redirects && hdocbook_project.redirects instanceof Array && hdocbook_project.redirects.length > 0) {
-            const source_url = url.indexOf('/') === 0 ? url.replace('/', '') : url;
+            const source_url = url.indexOf('/') === 0 ? url : `/${url}`;
             hdocbook_project.redirects.forEach(function (redir) {
+               redir.url = redir.url.indexOf('/') === 0 ? redir.url : `/${redir.url}`
                if (redir.url === source_url && redir.location && redir.location !== '') {
-                  url = `/${redir.location}`;
+                  url = `${redir.location}`;
                   console.log(`Redirecting to ${url}`);
                }
             });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hdoc-tools",
-  "version": "0.15.2",
+  "version": "0.15.3",
   "description": "Hornbill HDocBook Development Support Tool",
   "main": "hdoc.js",
   "bin": {

package/ui/index.html

@@ -203,8 +203,7 @@
 
                 <nav class="hdoc-nav hb-container-expand" id="DocSidebarNav" aria-labelledby="sidebar-aria-label"
                     tabindex="-1">
-                    <div v-for="(navSection,index) in docApp.navSections"
-                        v-bind:class="{'group':navSection.items, 'nogrouplink':!navSection.items}">
+                    <div v-for="(navSection,index) in docApp.navSections" v-bind:class="{'group':navSection.items, 'nogrouplink':!navSection.items}">
 
                         <div v-show="!navSection.items">
                             <a class="DocLink link noitems" v-bind:href="navSection.link"
@@ -219,6 +218,17 @@
                                 v-bind:asection="navSection"></nav-section-component>
                         </div>
                     </div>
+
+                    <div v-if="docApp.hasInlinePopupDocuments" class="nogrouplink">
+                        <div>
+                            <a class="DocLink link noitems" v-on:click="showInlineDocumentList($event)">
+                                <span class="link-text">
+                                    Inline Help Documents
+                                </span>
+                            </a>
+                        </div>
+                    </div>
+
                 </nav>
 
             </aside>
@@ -226,7 +236,8 @@
             <!-- the right hand content col -->
             <div class="DocContent hb-container-expand hb-container-vertical" id="DocContent">
                 <div class="HTL-doc content-wrapper hb-container-expand">
-                    <div class="injected-document-container hb-container-horizontal">
+
+                    <div v-show="!docApp.showInlineDocumentsMarkup" class="injected-document-container hb-container-horizontal">
 
                         <div class="injected-document-content">
                             <div class="document-header">
@@ -286,9 +297,6 @@
                         </div>
 
 
-
-
-
                         <!-- table of contents -->
                         <div v-if="docApp.keepTocLayout" class="injected-document-toc">
                             <div v-if="docApp.tableOfContents.length" class="panel-header">
@@ -307,6 +315,38 @@
 
                     </div>
 
+                    <!-- show inline document links -->
+                    <div v-if="docApp.showInlineDocumentsMarkup" class="hb-container-vertical">
+
+                        <!-- the problem is the test server doesn't serve inline documents like the live/proper one ?? -->
+                        <div class="modal fade" id="inlineModal" tabindex="-1" role="dialog"  aria-hidden="true">
+                            <div class="modal-dialog" role="document">
+                                <div class="modal-content">
+                                    <iframe v-if="docApp.inlinePopupDocumentHref" v-bind:src="docApp.inlinePopupDocumentHref"></iframe>
+                                </div>
+                            </div>
+                        </div>
+                    
+
+                        <div class="p-4">
+
+                            <div class="document-header">
+                                <div class="document-title"><h1>Inline Help Documents (DOES NOT WORK) - NOTE DEV SERVER NEEDS _inline.html PROCESSING - NEED TO SPEAK TO GERRY</h1></div>
+                            </div>
+
+                            <div class="p-2">
+                                <div v-for="(navSectionItem,index) in docApp.inlineDocumentItems">
+
+                                    <a class="DocLink link noitems" href="#" v-on:click="popupInlineDocument($event,navSectionItem)"  style="padding-left: 0px;">
+                                        <span class="link-text"><i v-if="navSectionItem.draft" class="bi bi-exclamation-triangle-fill text-danger" title="This page is set to draft."></i><i class="bi bi-files-alt text-warning"></i> {{navSectionItem.text}}</span>
+                                    </a>
+                
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                   
                 </div>
             </div>
 
@@ -314,6 +354,8 @@
 
     </div> <!-- <div class="main hb-vertical-expand"> -->
 
+
+
 </body>
 <script>
 

package/ui/js/doc.hornbill.js

@@ -12,6 +12,31 @@ var docAppMethods = {
         let self = this;
         self.docApp.userSession = info;
     },
+
+    showInlineDocumentList:function(ev)
+    {
+        if(ev)
+        {
+            ev.stopImmediatePropagation();
+            ev.preventDefault();
+        }
+
+        let self = this;
+        self.docApp.showInlineDocumentsMarkup = true;
+        self.$forceUpdate();
+    },
+    popupInlineDocument:function(ev,navSectionItem)
+    {
+        if(ev)
+        {
+            ev.stopImmediatePropagation();
+            ev.preventDefault();
+        }
+
+        $('#inlineModal').modal("show");
+        let self = this;
+        self.docApp.inlinePopupDocumentHref = navSectionItem.link;
+    },
     switchViewTheme: function () {
         if (ThemePreference) document.documentElement.classList.remove(ThemePreference);
 
@@ -456,33 +481,56 @@ function old_expandNavParentSectionBySelectedLinkHref(findByLinkRef, currentNavS
 
 }
 
-function setBrowserViewUrl(strHrefToLoad, viewData, fromPageRefresh, fromPopState) {
-
-    let urlToSet = window.location.origin + "/" + strHrefToLoad;
-    const url = new URL(urlToSet);
-
-    //-- remove any old params
-    for (let strKey in global.stateParams) {
-        url.searchParams.delete(strKey);
-    }
-
-    //-- now set new data params in url
-    for (let strKey in viewData) {
-        url.searchParams.set(strKey, viewData[strKey]);
+var lastUrlDynamicallySet = "";
+function setBrowserViewUrl(strHrefToLoad,viewData,fromPageRefresh,fromPopState)
+{
+   
+   let urlToSet = window.location.origin + "/" + strHrefToLoad;
+   const url = new URL(urlToSet);
+   
+   //-- remove any old params
+   for(let strKey in global.stateParams)
+   {
+       url.searchParams.delete(strKey);
+   }
+
+   //-- now set new data params in url
+   for(let strKey in viewData)
+   {
+       url.searchParams.set(strKey,viewData[strKey]);
+   }    
+
+   //-- store global params
+   global.stateParams = viewData;
+
+   if(!fromPageRefresh)
+   {
+    if(fromPopState)
+    {
+            //-- so user has clicked on a link - always add entry
+            window.history.pushState(null, null, url); //-- add entry
     }
-
-    //-- store global params
-    global.stateParams = viewData;
-
-    if (!fromPopState) {
-        if (fromPageRefresh) {
-            window.history.replaceState(null, null, url); //-- user has refreshed page or jsut visited page
-        }
-        else {
-            window.history.pushState(null, null, url); //-- user has clicked a link so we want to add state to history so we can click back
+    else
+    {
+            if(lastUrlDynamicallySet)
+            {
+                if(lastUrlDynamicallySet!==strHrefToLoad)
+                {
+                    window.history.pushState(null, null, url); //-- add entry
+                }
+                else
+                {
+                    window.history.replaceState(null, null, url); //-- user has refreshed page or jsut visited page
+                    
+                }
+            }
+            else
+            {
+                window.history.replaceState(null, null, url); //-- user has clicked a link so we want to add state to history so we can click back
+            }
         }
     }
-
+    lastUrlDynamicallySet=strHrefToLoad;
 }
 
 async function fetchContentFile(strFilePath) {
@@ -503,7 +551,7 @@ $(".document-body").attr("v-pre", "");
 
 var view = new Vue({
     el: '#vDocDevApp',
-    data: { userSession: {}, updateCounter: 0, bookId: "", docApp: { keepTocLayout: false, book: {}, navSections: [], tableOfContents: [], bookBreadCrumb: [] } },
+    data: { userSession: {}, updateCounter: 0, bookId: "", docApp: {inlinePopupDocumentHref:"",showInlineDocumentsMarkup:false, keepTocLayout: false, book: {}, navSections: [], inlineDocumentItems:[], tableOfContents: [], bookBreadCrumb: [] } },
     methods: docAppMethods,
     directives: {
         somedirectivename: {
@@ -582,7 +630,6 @@ async function intialiseApp() {
     });
 
     //-- eof session stuff
-
     await fetchJsonFile("_books/library.json").then(function (data) {
 
         // Get docbook library list
@@ -592,14 +639,22 @@ async function intialiseApp() {
     }).then(function () {
         // Get hdocbook.json
         fetchJsonFile("_books/" + view.docId + "/hdocbook.json").then(function (data) {
-            console.log(view.docApp.library.books[0].nav_inline)
+            //console.log(view.docApp.library.books[0].nav_inline)
             view.docApp.book = data;
             view.bookId = data.docId;
             view.docApp.title = data.title || "";
             view.docApp.description = data.description || "";
 
-            if (view.docApp.library.books[0].nav_inline.text)
+
+            view.docApp.inlineDocumentItems = [];
+            view.docApp.inlinePopupDocumentHref = "";
+            view.docApp.showInlineDocumentsMarkup = false;
+            view.docApp.hasInlinePopupDocuments =  (view.docApp.library.books[0].nav_inline && view.docApp.library.books[0].nav_inline.items && view.docApp.library.books[0].nav_inline.items.length)?true:false
+            if(view.docApp.hasInlinePopupDocuments)
+            {
+                view.docApp.inlineDocumentItems = view.docApp.library.books[0].nav_inline.items;
                 view.docApp.book.navigation.items.push(view.docApp.library.books[0].nav_inline);
+            }
 
             //-- now render out the nav menu
             view.renderNavigation();