jsmenubuilder 0.3.2 → 0.3.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 20f9e46658d2144a31d83fdbf9b48a73579db567461ea6c86611450413f28c25
-  data.tar.gz: 901f1040f84f8d34895f2c65db42d47c79a382d4e58149de059cd70a5dfbf68c
+  metadata.gz: e2f53866202816efd3039339119e78ec8956b15d0803f9e79f08e3b4d366e082
+  data.tar.gz: 2d8cf65f25b14c6a2e8ce36b8fba42e5e3749f175b714890aec0246e3413eb3b
 SHA512:
-  metadata.gz: d5fc2f02cc51cd201b74778d5b9654ded0eca88fd721ea333d48ea0db230ac80b2833a75a22602931fb496aa78b9fea8d5dfa1a3fa65a9c92ff1711c9dfe2927
-  data.tar.gz: bb6a937c8c676f5f10d9b7e97b084f7f6041166a6292f43b0c5efa1111415c28dd77b63b3e021cdfb6bb3d81083c07e1dd029b41fcaa0985a8a152b2e2b0b506
+  metadata.gz: 74e93ad2fc06c3a7f12ed957652fc3a14baa5a829c94d4e90d4522dfb060509c2ba110b9d19851f718f5c58308cbc1689847393f7d53d260d05175a2504b0381
+  data.tar.gz: f24a3a9fc53f8fb516938178896ce52e90079196b75ef2dc69c359c65da9963c16652c1499c1487cf81da266396ee2e2fba0304e39b7c4d53ff1702f975072d1

data/lib/jsmenubuilder.rb

@@ -206,6 +206,95 @@ h2.anchor {
 
 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
 function openPage(pageName,elmnt) {
   var i, tabcontent;
@@ -280,6 +369,11 @@ function myFunction() {
 }
 EOF
 
+VERTICAL_MENU_JS = ''
+FIXED_MENU_JS = ''
+BREADCRUMB_JS = ''
+
+
   attr_reader :html, :css, :js
 
   def initialize(unknown=nil, options={})
@@ -304,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
 
@@ -423,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
@@ -455,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
@@ -573,12 +669,19 @@ EOF
           
           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({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
@@ -600,7 +703,7 @@ EOF
     
       opt[:html]
       
-    elsif opt[:sticky_navbar]
+    elsif opt[:items]
       
       RexleBuilder.build do |xml|
         
@@ -608,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
             
@@ -624,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.2
+  version: 0.3.6
 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-25 00:00:00.000000000 Z
+date: 2021-12-31 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.