jsmenubuilder 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. checksums.yaml +7 -0
  2. checksums.yaml.gz.sig +0 -0
  3. data.tar.gz.sig +0 -0
  4. data/lib/jsmenubuilder.rb +159 -0
  5. metadata +90 -0
  6. metadata.gz.sig +0 -0
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA256:
3
+ metadata.gz: c2d779db609c99fd6d02286ce9a4d3219b31abd8354695942ed0b08940d76f76
4
+ data.tar.gz: 906184a64d92b74b605271b8092e95d89c59caf749be5d617ec3704d10bb7bc9
5
+ SHA512:
6
+ metadata.gz: c0d55d91b7d8b2c3cb7d63545f02cd92e37d3b23c0eca25b48b2f66a4707c8d644eed58cd9022fdd2f1455a9c613154844878d1da0401718550fb524f67206d2
7
+ data.tar.gz: 6a676ecfca13e8839498ccbb75a45d2f531dd69f98616db45a40bd1c78b8c6e9990904249443d01d0924c071cca36c816aad9e974482a6239f3a0bd7055299eb
checksums.yaml.gz.sig ADDED
Binary file
data.tar.gz.sig ADDED
Binary file
data/lib/jsmenubuilder.rb ADDED
@@ -0,0 +1,159 @@
1
+ #!/usr/bin/env ruby
2
+
3
+ # file: jsmenubuilder.rb
4
+
5
+ require 'rexle'
6
+ require 'rexle-builder'
7
+
8
+ class JsMenuBuilder
9
+
10
+ TABS_CSS =<<EOF
11
+ /* Style the tab */
12
+ .tab {
13
+ overflow: hidden;
14
+ border: 1px solid #ccc;
15
+ background-color: #f1f1f1;
16
+ }
17
+
18
+ /* Style the buttons that are used to open the tab content */
19
+ .tab button {
20
+ background-color: inherit;
21
+ float: left;
22
+ border: none;
23
+ outline: none;
24
+ cursor: pointer;
25
+ padding: 14px 16px;
26
+ transition: 0.3s;
27
+ }
28
+
29
+ /* Change background color of buttons on hover */
30
+ .tab button:hover {
31
+ background-color: #ddd;
32
+ }
33
+
34
+ /* Create an active/current tablink class */
35
+ .tab button.active {
36
+ background-color: #ccc;
37
+ }
38
+
39
+ /* Style the tab content */
40
+ .tabcontent {
41
+ display: none;
42
+ padding: 6px 12px;
43
+ border: 1px solid #ccc;
44
+ border-top: none;
45
+ }
46
+ EOF
47
+
48
+ TABS_JS =<<EOF
49
+ function openTab(evt, tabName) {
50
+ // Declare all variables
51
+ var i, tabcontent, tablinks;
52
+
53
+ // Get all elements with class="tabcontent" and hide them
54
+ tabcontent = document.getElementsByClassName("tabcontent");
55
+ for (i = 0; i < tabcontent.length; i++) {
56
+ tabcontent[i].style.display = "none";
57
+ }
58
+
59
+ // Get all elements with class="tablinks" and remove the class "active"
60
+ tablinks = document.getElementsByClassName("tablinks");
61
+ for (i = 0; i < tablinks.length; i++) {
62
+ tablinks[i].className = tablinks[i].className.replace(" active", "");
63
+ }
64
+
65
+ // Show the current tab, and add an "active" class to the button that opened the tab
66
+ document.getElementById(tabName).style.display = "block";
67
+ evt.currentTarget.className += " active";
68
+ }
69
+
70
+ EOF
71
+
72
+
73
+
74
+ attr_reader :html, :css, :js
75
+
76
+ def initialize(type, options={})
77
+
78
+ @type = type
79
+ types = %i(tabs)
80
+ method(type.to_sym).call(options) if types.include? type
81
+
82
+ end
83
+
84
+ def to_css()
85
+ @css
86
+ end
87
+
88
+ def to_html()
89
+ @html
90
+ end
91
+
92
+ def to_js()
93
+ @js
94
+ end
95
+
96
+ def to_webpage()
97
+
98
+ a = RexleBuilder.build do |xml|
99
+ xml.html do
100
+ xml.head do
101
+ xml.meta name: "viewport", content: \
102
+ "width=device-width, initial-scale=1"
103
+ xml.style "\nbody {font-family: Arial;}\n\n" + @css
104
+ end
105
+ xml.body
106
+ end
107
+ end
108
+
109
+ doc = Rexle.new(a)
110
+ e = Rexle.new("<html>%s</html>" % @html).root
111
+
112
+ e.children.each {|child| doc.root.element('body').add child }
113
+
114
+ doc.root.element('body').add \
115
+ Rexle::Element.new('script').add_text "\n" +
116
+ @js.gsub(/^ +\/\/[^\n]+\n/,'')
117
+
118
+ "<!DOCTYPE html>\n" + doc.xml(pretty: true, declaration: false)\
119
+ .gsub(/<\/div>/,'\0' + "\n").gsub(/\n *<!--[^>]+>/,'')
120
+
121
+ end
122
+
123
+ private
124
+
125
+ def tabs(options={})
126
+
127
+ ## build the HTML
128
+
129
+ a = RexleBuilder.build do |xml|
130
+ xml.html do
131
+
132
+ xml.comment!(' Tab links ')
133
+ xml.div(class: 'tab' ) do
134
+ options[:headings].each do |heading|
135
+ xml.button({class:'tablinks',
136
+ onclick: %Q(openTab(event, "#{heading}"))}, heading)
137
+ end
138
+ end
139
+
140
+ xml.comment!(' Tab content ')
141
+
142
+ options[:headings].each do |heading|
143
+ xml.div(id: heading, class: 'tabcontent' ) do
144
+ xml.h3 heading
145
+ end
146
+ end
147
+ end
148
+ end
149
+
150
+ @html = Rexle.new(a).xml(pretty: true, declaration: false)\
151
+ .gsub(/<\/div>/,'\0' + "\n").strip.lines[1..-2]\
152
+ .map {|x| x.sub(/^ /,'') }.join
153
+
154
+ @css = Object.const_get 'JsMenuBuilder::' + @type.to_s.upcase + '_CSS'
155
+ @js = Object.const_get 'JsMenuBuilder::' + @type.to_s.upcase + '_JS'
156
+
157
+ end
158
+
159
+ end
metadata ADDED
@@ -0,0 +1,90 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: jsmenubuilder
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.1.0
5
+ platform: ruby
6
+ authors:
7
+ - James Robertson
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain:
11
+ - |
12
+ -----BEGIN CERTIFICATE-----
13
+ MIIEXjCCAsagAwIBAgIBATANBgkqhkiG9w0BAQsFADAsMSowKAYDVQQDDCFnZW1t
14
+ YXN0ZXIvREM9amFtZXNyb2JlcnRzb24vREM9ZXUwHhcNMTkwNzEwMjIyNTAxWhcN
15
+ MjAwNzA5MjIyNTAxWjAsMSowKAYDVQQDDCFnZW1tYXN0ZXIvREM9amFtZXNyb2Jl
16
+ cnRzb24vREM9ZXUwggGiMA0GCSqGSIb3DQEBAQUAA4IBjwAwggGKAoIBgQCsiwlw
17
+ p3DM4VpbJzWbQbeMzzYfJtfLQ2Mfo96Dj/DKL03wCenhOaiYlLUtsI2zudQtIS6U
18
+ Rkf2wXnxHR8hSG7euQXXq0GEqoHPufrcr2Ih/vsm2CgBCpYFqJtjOK/T//+Cdy6e
19
+ hXsQ82b0LOJ+IU/I7h5eIcjLa1JMAvtRt8aLFNK0PfIWeFQRs2t0cCYltmgKoyyk
20
+ sfGEE4wBLEz5T21KzkRR6EDLWsF72qUju3LFL0mr+FJySv/0d9dSmzoZdFscIoSt
21
+ nilxwI7RugyksjmFn4CpAl5/xH47h0towB57RDrDVwcEsPK0x6P+IqYsTqhba4Qi
22
+ 5lqntIUzMUxZz/45BeRnar8mZMJp33naqmGjjcVyxhinRfraJTp5FC6z5j53FRYv
23
+ 2hOFAgH/yipiZR6DvlJGEkyREso2jd+Lbf+11KE0+f7SOkz7542TuLw7txmmXd06
24
+ rKwhE34SftBdURBklKJCr/O5ZGmrv+154tu2AYah1eio+r/kFBQH2VLjG30CAwEA
25
+ AaOBijCBhzAJBgNVHRMEAjAAMAsGA1UdDwQEAwIEsDAdBgNVHQ4EFgQUyu7i7rNy
26
+ ZWIxghQsXnfmarZLGdwwJgYDVR0RBB8wHYEbZ2VtbWFzdGVyQGphbWVzcm9iZXJ0
27
+ c29uLmV1MCYGA1UdEgQfMB2BG2dlbW1hc3RlckBqYW1lc3JvYmVydHNvbi5ldTAN
28
+ BgkqhkiG9w0BAQsFAAOCAYEAar65C+urbSpDbEQ1qKNNqltEuQ2qGTBc6lU9z9J4
29
+ rm0JguXlcFgJ5EVOZrLR2AmeF93NdFrR4FJC/2o/Hq1CQNesuW2JMIjDF0I6Du/0
30
+ jyp3wfilD0QU5mkd10Cf5oNwJj58Z5frCpAOvr3WQ/+pnYbSHXP2apVyi8IiiPeJ
31
+ Nv948ScbwvKxuS/Kse91M9iT5Enf+VvD7IbHwyc37Yj32f4bAj/eM3n8BT434cuB
32
+ J87qb8cHPcBKBJlzAjqmv7B8TTdUMiUwbf0Yzaa145GXYjIZU8DYAXZqJqvDOity
33
+ HqT8Qpv1d/qgsBRSZuzR5/9+GaGsig7+nHjdhG8pW/YZsQGbGGVG+lLUJBsZjO4B
34
+ XF6C/51+tUiA0WG6T2/20uNe8aN+CEMxBoTBuzQgO55w6d3utEk4X2+yKuktQ/GR
35
+ haYJPATx3zs+9jtQoiFg+keM0CPYk/5LgCv9jxxzQcSS20C8O9MWRVvYfIr47ak7
36
+ yXrDPmRvbJLTNjDv6Tkg3vU6
37
+ -----END CERTIFICATE-----
38
+ date: 2019-07-10 00:00:00.000000000 Z
39
+ dependencies:
40
+ - !ruby/object:Gem::Dependency
41
+ name: rexle
42
+ requirement: !ruby/object:Gem::Requirement
43
+ requirements:
44
+ - - "~>"
45
+ - !ruby/object:Gem::Version
46
+ version: '1.5'
47
+ - - ">="
48
+ - !ruby/object:Gem::Version
49
+ version: 1.5.1
50
+ type: :runtime
51
+ prerelease: false
52
+ version_requirements: !ruby/object:Gem::Requirement
53
+ requirements:
54
+ - - "~>"
55
+ - !ruby/object:Gem::Version
56
+ version: '1.5'
57
+ - - ">="
58
+ - !ruby/object:Gem::Version
59
+ version: 1.5.1
60
+ description:
61
+ email: james@jamesrobertson.eu
62
+ executables: []
63
+ extensions: []
64
+ extra_rdoc_files: []
65
+ files:
66
+ - lib/jsmenubuilder.rb
67
+ homepage: https://github.com/jrobertson/jsmenubuilder
68
+ licenses:
69
+ - MIT
70
+ metadata: {}
71
+ post_install_message:
72
+ rdoc_options: []
73
+ require_paths:
74
+ - lib
75
+ required_ruby_version: !ruby/object:Gem::Requirement
76
+ requirements:
77
+ - - ">="
78
+ - !ruby/object:Gem::Version
79
+ version: '0'
80
+ required_rubygems_version: !ruby/object:Gem::Requirement
81
+ requirements:
82
+ - - ">="
83
+ - !ruby/object:Gem::Version
84
+ version: '0'
85
+ requirements: []
86
+ rubygems_version: 3.0.1
87
+ signing_key:
88
+ specification_version: 4
89
+ summary: Generates HTML based tabs using HTML, CSS, and JavaScript.
90
+ test_files: []
metadata.gz.sig ADDED
Binary file