jsmenubuilder 0.3.0 → 0.3.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0eba4d6420ecbc1a40bc3340c9b65dce19df5b09ed27d13ad93bfa0381b66ac9
-  data.tar.gz: f5b93fc21a025c39b9bb194a3e54c1525fd57295635986642be16f96046c215c
+  metadata.gz: 390f2055daa29b9c5b8af617ef19102a9d06e5b2a688bc5cf5c17df27a5c7cf7
+  data.tar.gz: 83f06038310c93648c578c4635d31da97b515d1e3dca1f3625f739257b7111ac
 SHA512:
-  metadata.gz: a597c62a7d66619d306b3ab0266b81c4b8edfd4ba991e88aa6bbc6d0a7d183078dbf7948f9245a8fc0b90775c20d9324322873d6ed41811e4a04008765bffe27
-  data.tar.gz: 1b5ba4cf5e40745d0fdb5b2a4c17a6dcde6028a36d740a7b6c3a0d72f87086299090b5e31e0fb1dc3f8ecc02ac7dbabc962ee74969e81cd6f6263dc8ea23376e
+  metadata.gz: 49c3173c496d39ac8f5be2652892bba3ed418f9bf1ddc85df27cafe9283a51efa690828343f7679aad1febea03ee261d85733a0cc2d0400f164583e978698767
+  data.tar.gz: 2a0ac728386fc75241f7776cf044bb521255c731b8e9f834347a34c154fa20d0b93733423d9f81b806da5d4c22bd626f2b62607b640ec4962dbe107ccbf72b53

data/lib/jsmenubuilder.rb

@@ -6,6 +6,7 @@ require 'rexle'
 require 'rxfhelper'
 require 'rexle-builder'
 
+
 class JsMenuBuilder
   using ColouredText
 
@@ -189,7 +190,109 @@ STICKY_NAVBAR_CSS =<<EOF
 .sticky + .content {
   padding-top: 60px;
 }
+/* see https://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header */
+.anchor {
+  background-color: transparent;
+  padding-top: 70px;
+  margin-top: -70px;
+  display: block;
+}
+
+h2.anchor {
+  background-color: transparent; 
+  padding-top: 60px;
+  margin-top: 0px;
+}
+
+EOF
+
+VERTICAL_MENU_CSS =<<EOF
+.vertical-menu {
+  width: 200px; /* Set a width if you like */
+}
+
+.vertical-menu a {
+  background-color: #eee; /* Grey background color */
+  color: black; /* Black text color */
+  display: block; /* Make the links appear below each other */
+  padding: 12px; /* Add some padding */
+  text-decoration: none; /* Remove underline from links */
+}
+
+.vertical-menu a:hover {
+  background-color: #ccc; /* Dark grey background on mouse-over */
+}
+
+.vertical-menu a.active {
+  background-color: #4CAF50; /* Add a green color to the "active/current" link */
+  color: white;
+}
+EOF
+
+FIXED_MENU_CSS =<<EOF
+/* The navigation bar */
+.navbar {
+  overflow: hidden;
+  background-color: #333;
+  position: fixed; /* Set the navbar to fixed position */
+  top: 0; /* Position the navbar at the top of the page */
+  width: 100%; /* Full width */
+}
+
+/* Links inside the navbar */
+.navbar a {
+  float: left;
+  display: block;
+  color: #f2f2f2;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+}
+
+/* Change background on mouse-over */
+.navbar a:hover {
+  background: #ddd;
+  color: black;
+}
 
+/* Main content */
+.main {
+  margin-top: 30px; /* Add a top margin to avoid content overlay */
+}
+EOF
+
+BREADCRUMB_CSS =<<EOF
+/* Style the list */
+ul.breadcrumb {
+  padding: 10px 16px;
+  list-style: none;
+  background-color: #eee;
+}
+
+/* Display list items side by side */
+ul.breadcrumb li {
+  display: inline;
+  font-size: 18px;
+}
+
+/* Add a slash symbol (/) before/behind each list item */
+ul.breadcrumb li+li:before {
+  padding: 8px;
+  color: black;
+  content: "/\\00a0";
+}
+
+/* Add a color to all links inside the list */
+ul.breadcrumb li a {
+  color: #0275d8;
+  text-decoration: none;
+}
+
+/* Add a color on mouse-over */
+ul.breadcrumb li a:hover {
+  color: #01447e;
+  text-decoration: underline;
+}
 EOF
 
 FULL_PAGE_TABS_JS =<<EOF
@@ -266,6 +369,11 @@ function myFunction() {
 }
 EOF
 
+VERTICAL_MENU_JS = ''
+FIXED_MENU_JS = ''
+BREADCRUMB_JS = ''
+
+
   attr_reader :html, :css, :js
 
   def initialize(unknown=nil, options={})
@@ -290,7 +398,8 @@ EOF
       options = unknown
     end    
 
-    @types = %i(tabs full_page_tabs accordion sticky_navbar)
+    @types = %i(tabs full_page_tabs accordion sticky_navbar 
+                      vertical_menu fixed_menu breadcrumb)
     
     build(type, options) if type
 
@@ -409,7 +518,7 @@ EOF
     puts 'inside build_h'.info if @debug
     
     h = doc.root.xpath('tag').inject({}) do |r,e|
-      r.merge(e.attributes[:title] => e.children.join.strip)
+      r.merge(e.attributes[:title] => [e.children.join.strip, e.attributes[:class].join(' ')])
     end
     
     puts ('build_h: ' + h.inspect).debug if @debug
@@ -441,8 +550,9 @@ EOF
 
     a = RexleBuilder.build do |xml|
       xml.tags({mode: type}) do 
-        entries.each do |heading, content|
-          xml.tag({title: heading}, content )
+        entries.each do |heading, value|
+          content, klass = value
+          xml.tag({title: heading, class: klass}, content )
         end
       end
     end
@@ -545,7 +655,7 @@ EOF
     
     panels = opt[:accordion]    
 
-    @h = h = panels.group_by {|key, value| key.upcase[0]}    
+    @h = h = panels.group_by {|key, value| key.upcase[0]}
 
     debug = @debug
     
@@ -555,16 +665,23 @@ EOF
       
       xml.html do
               
-        h.each do |char, rows|
+        h.sort.each do |char, rows|
           
-          xml.h2({id: char.downcase}, char)
+          xml.h2({class: 'anchor', id: char.downcase}, char)
           
-          rows.each do |heading, inner_html|
+          rows.each do |heading, value|
+            
+            puts 'value: ' + value.inspect if @debug
+            inner_html, attrclass = value
+            
             puts 'inner_html: ' + inner_html.inspect if debug
-            xml.a({name: heading.downcase.gsub(/\W/,'-').gsub(/-{2,}/,'-')\
-                  .gsub(/^-|-$/,'')})
+            xml.a({class: 'anchor', name: heading.downcase.gsub(/\W/,'-')\
+                   .gsub(/-{2,}/,'-').gsub(/^-|-$/,'')})
             xml.button({class:'accordion'}, heading.to_s)
-            xml.div({class:'panel'}, inner_html)
+            
+            s = 'panel'
+            s += ' ' + attrclass if attrclass
+            xml.div({class: s}, inner_html)
             
           end
         end
@@ -586,7 +703,7 @@ EOF
     
       opt[:html]
       
-    elsif opt[:sticky_navbar]
+    elsif opt[:items]
       
       RexleBuilder.build do |xml|
         
@@ -594,7 +711,7 @@ EOF
           
           xml.div(id: 'navbar') do
             
-            opt[:sticky_navbar].each do |title, href|
+            opt[:items].each do |title, href|
               xml.a({href: href}, title)
             end
             
@@ -610,6 +727,119 @@ EOF
     return doc
 
     
+  end
+
+  def vertical_menu(opt={})
+
+    puts 'inside vertical_navbar' if @debug
+    
+    navhtml = if opt[:html] then
+    
+      opt[:html]
+      
+    elsif opt[:items]
+      
+      RexleBuilder.build do |xml|
+        
+        xml.html do
+          
+          xml.div(class: 'vertical-menu') do
+            
+            opt[:items].each do |title, href|
+              xml.a({href: href}, title)
+            end
+            
+          end
+
+        end
+      end
+    end
+    
+    doc = Rexle.new(navhtml)
+    puts 'doc: ' + doc.xml.inspect if @debug           
+
+    return doc
+
+    
+  end    
+  
+  def fixed_menu(opt={})
+
+    puts 'inside fixed_menu' if @debug
+    
+    navhtml = if opt[:html] then
+    
+      opt[:html]
+      
+    elsif opt[:items]
+      
+      RexleBuilder.build do |xml|
+        
+        xml.html do
+          
+          xml.div(class: 'navbar') do
+            
+            opt[:items].each do |title, href|
+              xml.a({href: href}, title)
+            end
+            
+          end
+          
+          xml.div(class: 'main') do
+            
+          end
+
+        end
+      end
+    end
+    
+    doc = Rexle.new(navhtml)
+    puts 'doc: ' + doc.xml.inspect if @debug           
+
+    return doc
+
+    
   end  
+  
+  def breadcrumb(opt={})
+
+    puts 'inside breadcrumb' if @debug
+    
+    navhtml = if opt[:html] then
+    
+      opt[:html]
+      
+    elsif opt[:items]
+      
+      RexleBuilder.build do |xml|
+        
+        xml.html do
+          
+          xml.ul(class: 'breadcrumb') do
+            
+            opt[:items][0..-2].each do |title, href|
+              xml.li do
+                xml.a({href: href}, title)
+              end
+            end
+            
+            title = opt[:items][-1].first
+            xml.li title
+            
+          end
+          
+
+
+        end
+      end
+    end
+    
+    doc = Rexle.new(navhtml)
+    puts 'doc: ' + doc.xml.inspect if @debug           
+
+    return doc
+
+    
+  end   
 
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jsmenubuilder
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.3.5
 platform: ruby
 authors:
 - James Robertson
@@ -11,31 +11,31 @@ cert_chain:
 - |
   -----BEGIN CERTIFICATE-----
   MIIEXjCCAsagAwIBAgIBATANBgkqhkiG9w0BAQsFADAsMSowKAYDVQQDDCFnZW1t
-  YXN0ZXIvREM9amFtZXNyb2JlcnRzb24vREM9ZXUwHhcNMTkwNzEwMjIyNTAxWhcN
-  MjAwNzA5MjIyNTAxWjAsMSowKAYDVQQDDCFnZW1tYXN0ZXIvREM9amFtZXNyb2Jl
-  cnRzb24vREM9ZXUwggGiMA0GCSqGSIb3DQEBAQUAA4IBjwAwggGKAoIBgQCsiwlw
-  p3DM4VpbJzWbQbeMzzYfJtfLQ2Mfo96Dj/DKL03wCenhOaiYlLUtsI2zudQtIS6U
-  Rkf2wXnxHR8hSG7euQXXq0GEqoHPufrcr2Ih/vsm2CgBCpYFqJtjOK/T//+Cdy6e
-  hXsQ82b0LOJ+IU/I7h5eIcjLa1JMAvtRt8aLFNK0PfIWeFQRs2t0cCYltmgKoyyk
-  sfGEE4wBLEz5T21KzkRR6EDLWsF72qUju3LFL0mr+FJySv/0d9dSmzoZdFscIoSt
-  nilxwI7RugyksjmFn4CpAl5/xH47h0towB57RDrDVwcEsPK0x6P+IqYsTqhba4Qi
-  5lqntIUzMUxZz/45BeRnar8mZMJp33naqmGjjcVyxhinRfraJTp5FC6z5j53FRYv
-  2hOFAgH/yipiZR6DvlJGEkyREso2jd+Lbf+11KE0+f7SOkz7542TuLw7txmmXd06
-  rKwhE34SftBdURBklKJCr/O5ZGmrv+154tu2AYah1eio+r/kFBQH2VLjG30CAwEA
-  AaOBijCBhzAJBgNVHRMEAjAAMAsGA1UdDwQEAwIEsDAdBgNVHQ4EFgQUyu7i7rNy
-  ZWIxghQsXnfmarZLGdwwJgYDVR0RBB8wHYEbZ2VtbWFzdGVyQGphbWVzcm9iZXJ0
+  YXN0ZXIvREM9amFtZXNyb2JlcnRzb24vREM9ZXUwHhcNMjEwMTE3MjAxMDI3WhcN
+  MjIwMTE3MjAxMDI3WjAsMSowKAYDVQQDDCFnZW1tYXN0ZXIvREM9amFtZXNyb2Jl
+  cnRzb24vREM9ZXUwggGiMA0GCSqGSIb3DQEBAQUAA4IBjwAwggGKAoIBgQC2UBXg
+  dSeJqcBwxeYBSbb4Juz+zVFhmlo/usgbmk+Y8bbO/hI+AlPyH5UnWhNDSWh23AXa
+  pP1do4VSJ7ne25KRB7Qdb843fndoLtowgb1vmpoovKAj0/aNMjXl1OqbWxp4tisU
+  TTrzOiihBReECZLnRhUtcnODAK1lCyrtQpLFQXPH+hAK02QZhIqPt8r+/4Ou1ZR2
+  KDpxOaaueNxiD2LmCbYnp4LAbQYbQCY3V+gnSkEnogIwaIQ/Z1OZp58b2nv3Fl8+
+  lQZdEBj0Q7MhFeeM41hzAgypwAty6WBCVKo8BnUGyF46+Z9dCa9l3maQ/yBARqGh
+  8CjvQPrtOndZfZ8IuvA8MGOrB9keFHccpetHnPUrcZThr1yfATudu/bHNFNJ9Vgz
+  Sk6iQaFZ7zGCUnMc7BstDb9nx0B+mTdAjDHAhNIkHleqXH7iQ/+tNevbC7gqS7E5
+  nfsSWJJk7GonsT0P5Vxq2dypljI229fvbiB+vWUEoIgBj7+/2bQORt4UUT0CAwEA
+  AaOBijCBhzAJBgNVHRMEAjAAMAsGA1UdDwQEAwIEsDAdBgNVHQ4EFgQUzHu1LvAL
+  lMU8BO9RyzXJexVkI/UwJgYDVR0RBB8wHYEbZ2VtbWFzdGVyQGphbWVzcm9iZXJ0
   c29uLmV1MCYGA1UdEgQfMB2BG2dlbW1hc3RlckBqYW1lc3JvYmVydHNvbi5ldTAN
-  BgkqhkiG9w0BAQsFAAOCAYEAar65C+urbSpDbEQ1qKNNqltEuQ2qGTBc6lU9z9J4
-  rm0JguXlcFgJ5EVOZrLR2AmeF93NdFrR4FJC/2o/Hq1CQNesuW2JMIjDF0I6Du/0
-  jyp3wfilD0QU5mkd10Cf5oNwJj58Z5frCpAOvr3WQ/+pnYbSHXP2apVyi8IiiPeJ
-  Nv948ScbwvKxuS/Kse91M9iT5Enf+VvD7IbHwyc37Yj32f4bAj/eM3n8BT434cuB
-  J87qb8cHPcBKBJlzAjqmv7B8TTdUMiUwbf0Yzaa145GXYjIZU8DYAXZqJqvDOity
-  HqT8Qpv1d/qgsBRSZuzR5/9+GaGsig7+nHjdhG8pW/YZsQGbGGVG+lLUJBsZjO4B
-  XF6C/51+tUiA0WG6T2/20uNe8aN+CEMxBoTBuzQgO55w6d3utEk4X2+yKuktQ/GR
-  haYJPATx3zs+9jtQoiFg+keM0CPYk/5LgCv9jxxzQcSS20C8O9MWRVvYfIr47ak7
-  yXrDPmRvbJLTNjDv6Tkg3vU6
+  BgkqhkiG9w0BAQsFAAOCAYEAB3veD2cecAEwrICnXn9pYFc+eC9fIMwyyboP1jgf
+  uoxV7buwI6jKolHBuGanDQdqFMUib2JrX0mKZ/9KZw4cCen8grmFRIRRGSooZZEt
+  F5wMy0Mte8+nVnhi8tBU5+0bwqR2USL9LKVoeDCyd6sxOlkffVqYZFRGQB3/K3o9
+  XaAfiwiXOcq1hYBPh76N/rcNUvjlON4WpoJbwGiREKsLgFXpExXloeUUo8EhCVs5
+  g5n20V75pNW/1y8jOxbrKq/M4uaJkyvFMc96ms/NO5Av1OO/GfFJmecuupUvi80E
+  yD+/vvvKT8C6A+7Luv70eCEqNC2kmI5k2FKlfkkfaHacRtDz4Ntzw+W216u2ewBB
+  4DzeVtqMQq2g7T4xVjQRRwdBJkdERbyx4TD/2HNa6VNC/V8R5aVlKNyjjglPSC3P
+  stR9WM2Qrn9oxHHjgt05mQb9lgp7uGqcCvQoP82U8lJawp7oLLsO25kTe4Hj28T1
+  +BcAGJd5hR/dFCHvJ6rtQss3
   -----END CERTIFICATE-----
-date: 2020-02-24 00:00:00.000000000 Z
+date: 2021-01-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rexle
@@ -46,7 +46,7 @@ dependencies:
         version: '1.5'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 1.5.3
+        version: 1.5.9
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -56,7 +56,7 @@ dependencies:
         version: '1.5'
     - - ">="
       - !ruby/object:Gem::Version
-        version: 1.5.3
+        version: 1.5.9
 description: 
 email: james@jamesrobertson.eu
 executables: []
@@ -83,7 +83,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.3
+rubyforge_project: 
+rubygems_version: 2.7.10
 signing_key: 
 specification_version: 4
 summary: Generates HTML based tabs using HTML, CSS, and JavaScript.