Almirah 0.1.8 → 0.2.0

data/lib/almirah/templates/scripts/main.js

@@ -0,0 +1,61 @@
+function openNav() {
+    document.getElementById("nav_pane").style.visibility = "visible";
+  }
+  
+  function closeNav() {
+    document.getElementById("nav_pane").style.visibility = "hidden";
+  }
+  
+  window.onload = (event) => {
+    for (var i = 0, n = document.images.length; i < n; i++) 
+    {
+      elem = document.images[i];
+      if (elem.width > 640)
+      {
+          elem.style.width = "640px";
+      }
+    }
+    if ((document.title == "Document Index") && (document.URL.includes('http'))){
+      document.getElementById("searchInput").style.display = "block";
+    }
+    // Scroll a bit to make navigated anchor visible
+    //setTimeout(function() {
+    //      window.scrollBy({ 
+    //      top: -40,
+    //      behavior: "smooth"
+    //      });
+    //  }, 200);
+  };
+  
+  function downlink_OnClick(clicked){
+      clicked.style.display = 'none';
+      id_parts = clicked.id.split("_");
+      required_id = "DLS_" + id_parts[1];
+      document.getElementById(required_id).style.display = 'block';
+  }
+  
+  function navigate_to_home(){
+      if (document.title != "Document Index")
+      {
+          window.location.href = "./../../index.html";
+      }else{
+          window.location.href = "./index.html";
+      }
+  }
+  
+  // Modal window for image zoom
+  function image_OnClick(clicked){
+  
+      var modal = document.getElementById('image_modal_div');
+      var modalImg = document.getElementById("modal_image_id");
+      var captionText = document.getElementById("modal_image_caption");
+  
+      modal.style.display = "block";
+      modalImg.src = clicked.src;
+      captionText.innerHTML = clicked.alt;
+  }
+  
+  function modal_close_OnClick(clicked){
+      var modal = document.getElementById('image_modal_div');
+      modal.style.display = "none";
+  }

data/lib/almirah/templates/scripts/orama_search.js

@@ -0,0 +1,136 @@
+// Do search only on the Index Page
+import { create, search, insert } from 'https://unpkg.com/@orama/orama@latest/dist/index.js'
+
+// Create DB
+const db = await create({
+    schema: {
+    doc_title: 'string',
+    doc_color: 'string',
+    text: 'string',
+    heading_url: 'string',
+    heading_text: 'string'
+    }
+})
+// Load JSON DB
+const response = await fetch("/data/specifications_db.json");
+const data_rows = await response.json();
+let i = 0;
+while (i < data_rows.length) {
+    await insert(db, {
+        document: data_rows[i]["document"],
+        doc_color: data_rows[i]["doc_color"],
+        text: data_rows[i]["text"],
+        heading_url: data_rows[i]["heading_url"],
+        heading_text: data_rows[i]["heading_text"]
+    })
+    i++;
+}
+
+// Main db search function 
+async function search_onKeyUp(){
+
+    const search_input_text = document.getElementById("searchInput").value;
+    // Close drop down when empty
+    if ( search_input_text == ''){
+        document.getElementById("search_dropdown").style.display = "none";
+    }else{
+        document.getElementById("search_dropdown").style.display = "block";
+    }
+
+    const searchResult = await search(db, {
+        term: search_input_text,
+        properties: ['text', 'heading_text'],
+        exact: true,
+        });
+    if (searchResult == null){
+        return;
+    }
+    //console.log(searchResult.hits.map((hit) => hit.document));
+
+    // clear previous search
+    const myNode = document.getElementById("search_dropdown");
+    while (myNode.firstChild) {
+        myNode.removeChild(myNode.lastChild);
+    }
+
+    if (searchResult.count == 0){
+
+        const node = document.createElement("div");
+        node.classList.add('search-item');
+        const textnode = document.createTextNode("There are no matches found");
+        node.appendChild(textnode);
+        myNode.appendChild(node);
+
+    }else{
+
+        searchResult.hits.forEach ((value, index, array) =>{
+            const doc_title = value.document["document"]
+            const doc_color = value.document["doc_color"]
+            const heading_url = value.document["heading_url"]
+            const heading_text = value.document["heading_text"]
+            const search_text = value.document["text"]
+
+            const node_div = document.createElement("div");
+            node_div.classList.add('search-item');
+
+            const table = document.createElement("table");
+            table.classList.add('search-result-table');
+            node_div.appendChild(table);
+
+            const tbody = document.createElement("tbody");
+            table.appendChild(tbody);
+
+            // Row 1
+            let row = document.createElement("tr");
+            let cell = document.createElement("td");
+            let i = document.createElement("i");
+                i.classList.add("fa","fa-file-text-o");
+                i.style.backgroundColor = "#" + doc_color;
+                cell.appendChild(i);
+            let textnode = document.createTextNode("\xa0" + doc_title);
+            cell.appendChild(textnode);
+            row.appendChild(cell)
+            cell = document.createElement("td");
+            
+            const a = document.createElement('a'); 
+            const link = document.createTextNode(heading_text)
+            a.appendChild(link);
+            a.title = heading_text;
+            a.href = heading_url;
+            document.body.appendChild(a); 
+
+            cell.appendChild(a);
+            row.appendChild(cell)
+            tbody.appendChild(row)
+
+            // Row 2
+            row = document.createElement("tr");
+            cell = document.createElement("td");
+            cell.colSpan = 2;
+            let show_text_parts = search_text.split(" ", 10).join(" ");
+            textnode = document.createTextNode(show_text_parts);
+            cell.appendChild(textnode)
+            row.appendChild(cell)
+            tbody.appendChild(row)
+
+            myNode.appendChild(node_div);
+        })
+    }
+}
+
+
+document.getElementById("searchInput").addEventListener("keyup", search_onKeyUp);
+
+// Show when focus in
+document.getElementById("searchInput").addEventListener("focusin", (event) => {
+    // clear previous search
+    const element = document.getElementById("search_dropdown");
+    while (element.firstChild) {
+        element.removeChild(element.lastChild);
+    }
+    // show
+    const rect = document.getElementById("searchInput").getBoundingClientRect();
+    element.style.left = rect.left +'px';
+    element.style.top = rect.top + rect.height + 4 +'px';
+    element.style.display = "block";
+});

data/lib/almirah.rb

@@ -1,5 +1,6 @@
 require "thor"
 require_relative "almirah/project"
+require_relative "almirah/project_configuration"
 
 class CLI < Thor
   option :results
@@ -25,7 +26,8 @@ class Almirah
   attr_accessor :project
 
   def initialize(project_folder)
-    @project = Project.new project_folder
+    config = ProjectConfiguration.new project_folder
+    @project = Project.new config
   end
 
   def getGemRoot()

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: Almirah
 version: !ruby/object:Gem::Version
-  version: 0.1.8
+  version: 0.2.0
 platform: ruby
 authors:
 - Oleksandr Ivanov
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-05-19 00:00:00.000000000 Z
+date: 2024-06-04 00:00:00.000000000 Z
 dependencies: []
 description: The software part of the Almirah framework
 email: oleksandr.ivanov.development@gmail.com
@@ -44,7 +44,13 @@ files:
 - lib/almirah/dom/document.rb
 - lib/almirah/navigation_pane.rb
 - lib/almirah/project.rb
+- lib/almirah/project_configuration.rb
+- lib/almirah/search/specifications_db.rb
+- lib/almirah/templates/css/main.css
+- lib/almirah/templates/css/search.css
 - lib/almirah/templates/page.html
+- lib/almirah/templates/scripts/main.js
+- lib/almirah/templates/scripts/orama_search.js
 homepage: http://almirah.site
 licenses:
 - MIT