jsmenubuilder 0.2.11 → 0.2.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bb06d9035172ed7f1953aba9dbf4b03956ad156ffe83b36fb48da1c896fbc36a
-  data.tar.gz: 8d637454f4c39aaf2e51c96d5306124c4476a973773cd28a7564e020c413f59f
+  metadata.gz: 1fdc2c1787fb134b36c6d883e8809b822cbff1642542d103c8e6b965464fd227
+  data.tar.gz: 33dd4cec053d48d5a47f2239d1d97f9428853c18ca79012a41c798c5fa239beb
 SHA512:
-  metadata.gz: 3619ef849c88c6df06a36740d59a16ff4dda0d1515131050d3c7df13a5583b93c5f22897b1b8735a586f5ee07cc9cac5b88ed382d0ffcfc0f4d061856932fcc9
-  data.tar.gz: 23d1c8e9923d3d3d9fba0351aa53fada3ce52e1c3ec9a385e2c32b7665b6a51b7e1f2eb1f3865eff8fc387326408be2515e4acea054d28e1891255c021caabdc
+  metadata.gz: 89fc1f800e9781ed67d488b65d78b1de8fac89c3bf9181200725e35295fcdceffe71ec1abb99800ad4ba64a708d1f4dec5c1536442b4e8d9cc0dd01c8ccbe784
+  data.tar.gz: 3c058822cbe2013afc605610b3c22f4f65745c8418e077de4523820cc0dd87f86068e04c9aa77b857abcecdfa4c53fe2112d7e0aa93f243cfd83785759b9731c

data/lib/jsmenubuilder.rb

@@ -115,6 +115,9 @@ button.active {
 EOF
 
 ACCORDION_CSS = %q(
+
+
+
 .accordion {
   background-color: #eee;
   color: #444;
@@ -153,6 +156,42 @@ ACCORDION_CSS = %q(
 }
 )
 
+STICKY_NAVBAR_CSS =<<EOF
+/* Style the navbar */
+#navbar {
+  overflow: hidden;
+  background-color: #333;
+}
+
+/* Navbar links */
+#navbar a {
+  float: left;
+  display: block;
+  color: #f2f2f2;
+  text-align: center;
+  padding: 14px;
+  text-decoration: none;
+}
+
+/* Page content */
+.content {
+  padding: 16px;
+}
+
+/* The sticky class is added to the navbar with JS when it reaches its scroll position */
+.sticky {
+  position: fixed;
+  top: 0;
+  width: 100%;
+}
+
+/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
+.sticky + .content {
+  padding-top: 60px;
+}
+
+EOF
+
 FULL_PAGE_TABS_JS =<<EOF
 function openPage(pageName,elmnt) {
   var i, tabcontent;
@@ -206,6 +245,26 @@ for (i = 0; i < acc.length; i++) {
 
 EOF
 
+STICKY_NAVBAR_JS =<<EOF
+
+// When the user scrolls the page, execute myFunction 
+window.onscroll = function() {myFunction()};
+
+// Get the navbar
+var navbar = document.getElementById("navbar");
+
+// Get the offset position of the navbar
+var sticky = navbar.offsetTop;
+
+// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
+function myFunction() {
+  if (window.pageYOffset >= sticky) {
+    navbar.classList.add("sticky")
+  } else {
+    navbar.classList.remove("sticky");
+  }
+}
+EOF
 
   attr_reader :html, :css, :js
 
@@ -231,7 +290,7 @@ EOF
       options = unknown
     end    
 
-    @types = %i(tabs full_page_tabs accordion)
+    @types = %i(tabs full_page_tabs accordion sticky_navbar)
     
     build(type, options) if type
 
@@ -366,6 +425,7 @@ EOF
       headings = options[:headings]
       headings.zip(headings.map {|heading| ['h3', {}, heading]}).to_h
     else
+      return unless options.has_key?(type.to_sym)
       options[type.to_sym]
     end
     
@@ -473,18 +533,40 @@ EOF
 
   def accordion(opt={})
 
-    panels = opt[:accordion]
+    puts ('opt: ' + opt.inspect).debug if @debug
+    
+    panels = opt[:accordion]    
+
+    h = panels.group_by {|key, value| key.upcase[0]}
+
     debug = @debug
+    
+    puts ('panels: ' + panels.inspect).debug if @debug
 
     a = RexleBuilder.build do |xml|
-      xml.html do 
-
-        panels.each do |heading, inner_html|
-          puts 'inner_html: ' + inner_html.inspect if debug
-          xml.a({name: heading.downcase.gsub(/\W/,'-').gsub(/-{2,}/,'-')\
-                 .gsub(/^-|-$/,'')})
-          xml.button({class:'accordion'}, heading.to_s)
-          xml.div({class:'panel'}, inner_html)
+      
+      xml.html do
+        
+        xml.div(id: 'navbar') do
+          
+          h.each do |char, _|
+            xml.a({href: '#' + char.downcase}, char)
+          end
+          
+        end
+      
+        h.each do |char, rows|
+          
+          xml.h2({id: char.downcase}, char)
+          
+          rows.each do |heading, inner_html|
+            puts 'inner_html: ' + inner_html.inspect if debug
+            xml.a({name: heading.downcase.gsub(/\W/,'-').gsub(/-{2,}/,'-')\
+                  .gsub(/^-|-$/,'')})
+            xml.button({class:'accordion'}, heading.to_s)
+            xml.div({class:'panel'}, inner_html)
+            
+          end
         end
 
       end
@@ -496,5 +578,37 @@ EOF
     
   end
   
+  def sticky_navbar(opt={})
+
+
+    navhtml = if opt[:html] then
+    
+      opt[:html]
+      
+    elsif opt[:sticky_navbar]
+      
+      RexleBuilder.build do |xml|
+        
+        xml.html do
+          
+          xml.div(id: 'navbar') do
+            
+            h.each do |char, _|
+              xml.a({href: '#' + char.downcase}, char)
+            end
+            
+          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.2.11
+  version: 0.2.12
 platform: ruby
 authors:
 - James Robertson
@@ -35,7 +35,7 @@ cert_chain:
   haYJPATx3zs+9jtQoiFg+keM0CPYk/5LgCv9jxxzQcSS20C8O9MWRVvYfIr47ak7
   yXrDPmRvbJLTNjDv6Tkg3vU6
   -----END CERTIFICATE-----
-date: 2020-02-04 00:00:00.000000000 Z
+date: 2020-02-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rexle