jsmenubuilder 0.1.1 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2232d7d7c417abc9c6b13cb8b5c6f1b8e8f4ce26e2c8faa00bcd73408807aa68
-  data.tar.gz: e24a782b2157968a45fe1c22074aac659df5b0fd5358713a6a4b7813b99adfb8
+  metadata.gz: 90c199cc14c95c758c56e60926884e0728750da3dfe2c75ba1a35fd8ac001d64
+  data.tar.gz: a4f64e2a769dd9a159011394a420404d746897621fd274f69b689fa6ba6f815e
 SHA512:
-  metadata.gz: 2e5cc9d72d5ee7489ce2ebc621259bced5dd4e7ca4b315331e24820aeb999e6133fd89e7a31fd3956435af47d1f850e99d275bab7124aee3e830655cbb5d093e
-  data.tar.gz: 375c158de22cb84b24c96b80e8bc0407016d38b0bafe7131577273899998700930dcb1621ffdcd266f76593f2feeaa0c69fa9466150ba1cf6d21e8fd842dc0e5
+  metadata.gz: d2df2af5486c48a9c21df9b3211f0a763bb2f2c893c2ba770c3e296a705e009690e8233852b136ba65903ff8471adcfca4576b22c2fb22680a8cf5d4ccccf9a2
+  data.tar.gz: 349510de80b99681503a3f476f4a2c45e2fccf706d484771f5cd41cd0eb9877f10069aa2015dd4f9772418f46523050ae3779ed6647fc603a68ca64d6ca13d83

data/lib/jsmenubuilder.rb

@@ -67,6 +67,70 @@ function openTab(evt, tabName) {
   evt.currentTarget.className += " active";
 }
 
+// Get the element with id="defaultOpen" and click on it
+document.getElementById("defaultOpen").click();
+EOF
+
+FULL_PAGE_TABS_CSS =<<EOF
+/* Set height of body and the document to 100% to enable "full page tabs" */
+body, html {
+  height: 100%;
+  margin: 0;
+  font-family: Arial;
+}
+
+/* Style tab links */
+.tablink {
+  background-color: #555;
+  color: white;
+  float: left;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  padding: 14px 16px;
+  font-size: 17px;
+  width: 25%;
+}
+
+button.active {
+  background-color: #c55;
+}
+
+.tablink:hover {
+  background-color: #777;
+}
+
+
+
+/* Style the tab content (and add height:100% for full page content) */
+.tabcontent {
+  color: #000;
+  display: none;
+  padding: 100px 20px;
+  height: 100%;
+}
+
+EOF
+
+FULL_PAGE_TABS_JS =<<EOF
+function openPage(pageName,elmnt) {
+  var i, tabcontent;
+  tabcontent = document.getElementsByClassName("tabcontent");
+  for (i = 0; i < tabcontent.length; i++) {
+    tabcontent[i].style.display = "none";
+  }
+
+  // Get all elements with class="tablink" and remove the class "active"
+  tablink = document.getElementsByClassName("tablink");
+  for (i = 0; i < tablink.length; i++) {
+    tablink[i].className = tablink[i].className.replace(" active", "");
+  }
+
+
+  document.getElementById(pageName).style.display = "block";
+  elmnt.className += " active";
+}
+
 // Get the element with id="defaultOpen" and click on it
 document.getElementById("defaultOpen").click();
 EOF
@@ -78,8 +142,14 @@ EOF
   def initialize(type, options={})
 
     @type = type
-    types = %i(tabs)
-    method(type.to_sym).call(options) if types.include? type
+    types = %i(tabs full_page_tabs)
+    doc = method(type.to_sym).call(options) if types.include? type
+    @html = doc.xml(pretty: true, declaration: false)\
+      .gsub(/<\/div>/,'\0' + "\n").strip.lines[1..-2]\
+      .map {|x| x.sub(/^  /,'') }.join
+    
+    @css = Object.const_get 'JsMenuBuilder::' + @type.to_s.upcase + '_CSS'
+    @js = Object.const_get 'JsMenuBuilder::' + @type.to_s.upcase + '_JS'
 
   end
   
@@ -163,13 +233,47 @@ EOF
     e = doc.root.element("div/button[#{options[:active]}]")
     e.attributes[:id] = 'defaultOpen' if e
 
-    @html = doc.xml(pretty: true, declaration: false)\
-      .gsub(/<\/div>/,'\0' + "\n").strip.lines[1..-2]\
-      .map {|x| x.sub(/^  /,'') }.join
-    
-    @css = Object.const_get 'JsMenuBuilder::' + @type.to_s.upcase + '_CSS'
-    @js = Object.const_get 'JsMenuBuilder::' + @type.to_s.upcase + '_JS'
-    
+    return doc
+
   end
+  
+  def full_page_tabs(opt={})
+
+    options = {active: '1'}.merge(opt)
+
+    tabs = if options[:headings] then
+      headings = options[:headings]
+      headings.zip(headings.map {|heading| ['h3', {}, heading]}).to_h
+    else
+      options[:tabs]
+    end
+                             
+                         
+    ## build the HTML
 
+    a = RexleBuilder.build do |xml|
+      xml.html do 
+
+        tabs.keys.each do |heading|
+          xml.button({class:'tablink', 
+                      onclick: %Q(openPage("#{heading}", this))}, heading)
+        end
+
+        tabs.each do |heading, content|
+          puts 'content: ' + content.inspect
+          xml.div({id: heading, class: 'tabcontent'}, content )
+        end
+      end
+    end
+
+    doc = Rexle.new(a)
+ 
+    e = doc.root.element("button[#{options[:active]}]")
+    e.attributes[:id] = 'defaultOpen' if e
+
+    return doc
+
+    
+  end
+  
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jsmenubuilder
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.2.0
 platform: ruby
 authors:
 - James Robertson
@@ -35,7 +35,7 @@ cert_chain:
   haYJPATx3zs+9jtQoiFg+keM0CPYk/5LgCv9jxxzQcSS20C8O9MWRVvYfIr47ak7
   yXrDPmRvbJLTNjDv6Tkg3vU6
   -----END CERTIFICATE-----
-date: 2019-07-12 00:00:00.000000000 Z
+date: 2019-07-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rexle