Initial commit

assets/csspageweaver/plugins/createIndex/config.json

@@ -0,0 +1,8 @@
+{
+	"name": "Create Index",
+	"description": "Create index from key words",
+	"licence": "MIT",
+	"author": ["Julie Blanc"],
+	"version": "2.0",
+	"hook": "createIndex.js"
+}

assets/csspageweaver/plugins/createIndex/createIndex.js

@@ -0,0 +1,140 @@
+import { Handler } from 'assets/csspageweaver/lib/paged.esm.js';
+
+export default class createIndex extends Handler {
+  constructor(chunker, polisher, caller) {
+      super(chunker, polisher, caller);
+  }
+
+  beforeParsed(content) {
+    newIndex({
+      content: content,
+      spanClassIndex: '.book-index',
+      indexElement: '#book-index',  
+      alphabet: true        
+    });
+  }
+}
+
+
+function newIndex(config){
+    const content = config.content;
+    let indexElements = content.querySelectorAll(config.spanClassIndex);
+    let arrayIndex = [];
+    let num = 0;
+
+  for(let i = 0; i < indexElements.length; ++i){
+        let indexElement = indexElements[i];
+
+        // create array with all data-book-index
+        let indexKey = indexElement.dataset.bookIndex;
+        let indexKeyFirst = indexKey.slice(0, 1);
+        let newIndexKey; 
+        if(indexKeyFirst == "<"){
+            if(indexKey.slice(0, 3) == "<i>"){
+                newIndexKey = indexKey.replace("<i>", "") + "-iTemp";         
+            }else if(indexKey.slice(0, 4) == "<em>"){
+                newIndexKey = indexKey.replace("<em>", "") + "-emTemp";
+            }
+        }else{
+            newIndexKey = indexKey;
+        }
+        
+        arrayIndex.push(newIndexKey);
+
+        // create id for span whithout
+        num++;
+        if(indexElement.id == ''){ indexElement.id = 'book-index-' + num; }
+    }
+
+
+    // filter array to remove dublicate and sort by alphabetical order
+    let newArrayIndex = arrayIndex.filter(onlyUnique).sort(function(a,b) {
+        a = a.toLowerCase();
+        b = b.toLowerCase();
+        if( a == b) return 0;
+        return a < b ? -1 : 1;
+    });
+
+    // create <ul> element for the index
+    let indexElementDiv = content.querySelector(config.indexElement);
+    
+    if(indexElementDiv != null){
+        let indexUl = document.createElement("ul");
+        indexUl.id = "list-index-generated";
+        indexElementDiv.appendChild(indexUl); 
+
+        // create <li> element for the index
+        for(var a = 0; a < newArrayIndex.length; a++){           
+
+            // create alphabet
+            if(config.alphabet){
+                let z = a - 1;
+                let firstLetter = newArrayIndex[a].toUpperCase().slice(0, 1);
+                if(a == 0){
+                    let alphabetLiFirst = document.createElement("li");
+                    alphabetLiFirst.classList.add("list-alphabet-element");
+                    alphabetLiFirst.id = "alphabet-element-" + firstLetter;
+                    alphabetLiFirst.innerHTML = firstLetter;
+                    indexUl.appendChild(alphabetLiFirst);
+                }
+                if(z >= 0){
+                    let firstLetterPrevious = newArrayIndex[z].toUpperCase().slice(0, 1);
+                    if(firstLetter != firstLetterPrevious){
+                        let alphabetLi = document.createElement("li");
+                        alphabetLi.classList.add("list-alphabet-element");
+                        alphabetLi.id = "alphabet-element-" + firstLetter;
+                        alphabetLi.innerHTML = firstLetter;
+                        indexUl.appendChild(alphabetLi); 
+                    }
+                }
+            }
+
+            // create <li> element for the index
+            let indexNewLi = document.createElement("li");
+            indexNewLi.classList.add("list-index-element");
+            
+            let dataIndex;
+            if(newArrayIndex[a].substr(newArrayIndex[a].length - 6) == "-iTemp"){
+                dataIndex = "<i>" + newArrayIndex[a].replace("-iTemp", "");         
+            }else if(newArrayIndex[a].substr(newArrayIndex[a].length - 7) == "-emTemp"){
+                dataIndex = "<em>" + newArrayIndex[a].replace("-emTemp", "");   
+            }else{
+                dataIndex = newArrayIndex[a];
+            }
+        
+            indexNewLi.dataset.listIndex = dataIndex;
+            indexUl.appendChild(indexNewLi);  
+        }
+
+        let indexLi = content.getElementById('list-index-generated').getElementsByClassName('list-index-element');
+
+        for(var n = 0; n < indexLi.length; n++){
+            
+            // find data and add HTML of the list
+            let dataIndex = indexLi[n].dataset.listIndex;
+            let spanIndex = content.querySelectorAll("[data-book-index='" + dataIndex + "']");
+            indexLi[n].innerHTML = '<span class="index-value">' + dataIndex + '</span><span class="links-pages"></span>';
+
+            // add span for link page
+            spanIndex.forEach(function(elem) {
+                let spanIndexId = elem.id;
+                let spanPage = document.createElement("span");
+                spanPage.classList.add("link-page");
+                spanPage.innerHTML = '<a href="#' + spanIndexId + '"></a>';
+                indexLi[n].getElementsByClassName('links-pages')[0].appendChild(spanPage);  
+            });
+      
+        }
+    }
+}
+
+
+// function for filter array to remove dublicate
+function onlyUnique(value, index, self) { 
+    return self.indexOf(value) === index;
+}
+
+
+
+
+