jsmenubuilder 0.3.4 → 0.3.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 316d2335263826ac8c815f29eb8c992cc60addc471a125a2ab5d56d38178e8f0
-  data.tar.gz: cd745cc90c562fce91026cfc18d0ab93ff7ea1d2f137f9b915f7c3a7285e6cec
+  metadata.gz: 390f2055daa29b9c5b8af617ef19102a9d06e5b2a688bc5cf5c17df27a5c7cf7
+  data.tar.gz: 83f06038310c93648c578c4635d31da97b515d1e3dca1f3625f739257b7111ac
 SHA512:
-  metadata.gz: 17f2d295f6e593f29c6f318e0a212ec49390f060aed6fda3f653437fc9a7c25a4e31745d449d8363e88829ad8bdb2fe282d04c3957005a5b4bbb7dad9791de53
-  data.tar.gz: 8ed6769c73d838c5bcf24764efd0fa36eacdf2008f8d2476986c4b04ddb75d0e1827d7dc87d47c7bc4b596e4449e1e6fe9d95f6b558f1effa32d0f4dcb0bb92e
+  metadata.gz: 49c3173c496d39ac8f5be2652892bba3ed418f9bf1ddc85df27cafe9283a51efa690828343f7679aad1febea03ee261d85733a0cc2d0400f164583e978698767
+  data.tar.gz: 2a0ac728386fc75241f7776cf044bb521255c731b8e9f834347a34c154fa20d0b93733423d9f81b806da5d4c22bd626f2b62607b640ec4962dbe107ccbf72b53

data/lib/jsmenubuilder.rb

@@ -229,6 +229,72 @@ VERTICAL_MENU_CSS =<<EOF
 }
 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;
@@ -304,7 +370,8 @@ function myFunction() {
 EOF
 
 VERTICAL_MENU_JS = ''
-
+FIXED_MENU_JS = ''
+BREADCRUMB_JS = ''
 
 
   attr_reader :html, :css, :js
@@ -331,7 +398,8 @@ VERTICAL_MENU_JS = ''
       options = unknown
     end    
 
-    @types = %i(tabs full_page_tabs accordion sticky_navbar vertical_menu)
+    @types = %i(tabs full_page_tabs accordion sticky_navbar 
+                      vertical_menu fixed_menu breadcrumb)
     
     build(type, options) if type
 
@@ -635,7 +703,7 @@ VERTICAL_MENU_JS = ''
     
       opt[:html]
       
-    elsif opt[:sticky_navbar]
+    elsif opt[:items]
       
       RexleBuilder.build do |xml|
         
@@ -643,7 +711,7 @@ VERTICAL_MENU_JS = ''
           
           xml.div(id: 'navbar') do
             
-            opt[:sticky_navbar].each do |title, href|
+            opt[:items].each do |title, href|
               xml.a({href: href}, title)
             end
             
@@ -694,5 +762,84 @@ VERTICAL_MENU_JS = ''
 
     
   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.4
+  version: 0.3.5
 platform: ruby
 authors:
 - James Robertson
@@ -35,7 +35,7 @@ cert_chain:
   stR9WM2Qrn9oxHHjgt05mQb9lgp7uGqcCvQoP82U8lJawp7oLLsO25kTe4Hj28T1
   +BcAGJd5hR/dFCHvJ6rtQss3
   -----END CERTIFICATE-----
-date: 2021-01-17 00:00:00.000000000 Z
+date: 2021-01-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rexle