blot 0.0.1 → 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +1 -0
- data/.rspec +2 -0
- data/blot.gemspec +6 -2
- data/lib/blot.rb +0 -1
- data/lib/blot/helpers.rb +4 -0
- data/lib/blot/helpers/button.rb +20 -0
- data/lib/blot/helpers/grid.rb +47 -20
- data/lib/blot/helpers/visibility.rb +27 -0
- data/lib/blot/version.rb +1 -1
- data/spec/blot/helpers/button_spec.rb +139 -0
- data/spec/blot/helpers/grid_spec.rb +503 -0
- data/spec/blot/helpers/visibility_spec.rb +86 -0
- data/spec/blot/helpers_spec.rb +9 -0
- data/spec/blot/railtie_spec.rb +8 -0
- data/spec/blot/version_spec.rb +9 -0
- data/spec/spec_helper.rb +32 -0
- data/spec/support/string.rb +5 -0
- metadata +80 -5
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c21ee62fa2e7c62c257a09573343b25fe6a37bf6
|
4
|
+
data.tar.gz: 6f2445b40e9f17fa5c012ec824da15f620ffab1a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f1cacba76d88fc985b9b127510819436389921a6872e8f5db0f08b882ed9c7260dbdf5f080426dc64cee4a27aea3eb83798ea285f0822c4813da9eb6a0c294c9
|
7
|
+
data.tar.gz: 19f483ea4e0105a03ae1034085879b6d2aeb5fa396c74ed82fba773745a71dbb3306afb3172b65267711c6b34822adcc07fe294a7111a11cbad2aee42c5d52aa
|
data/.gitignore
CHANGED
data/.rspec
ADDED
data/blot.gemspec
CHANGED
@@ -21,8 +21,12 @@ Gem::Specification.new do |spec|
|
|
21
21
|
spec.test_files = spec.files.grep(%r{^(test|spec|features)/})
|
22
22
|
spec.require_paths = ["lib"]
|
23
23
|
|
24
|
-
spec.add_runtime_dependency 'rails'
|
24
|
+
spec.add_runtime_dependency 'rails', '>= 1'
|
25
25
|
|
26
26
|
spec.add_development_dependency "bundler", "~> 1.6"
|
27
|
-
spec.add_development_dependency "rake"
|
27
|
+
spec.add_development_dependency "rake", '>= 0'
|
28
|
+
spec.add_development_dependency 'pry'
|
29
|
+
spec.add_development_dependency "rspec", '~> 3.1'
|
30
|
+
spec.add_development_dependency 'rspec-its', '~> 1.0'
|
31
|
+
spec.add_development_dependency 'rspec-collection_matchers', '~> 1.0'
|
28
32
|
end
|
data/lib/blot.rb
CHANGED
data/lib/blot/helpers.rb
CHANGED
@@ -0,0 +1,20 @@
|
|
1
|
+
module Blot
|
2
|
+
module Helpers
|
3
|
+
module Button
|
4
|
+
def button(label, path, options={})
|
5
|
+
size = options.delete(:size).to_s
|
6
|
+
size += '-button' if size != 'button'
|
7
|
+
color = options.delete :color
|
8
|
+
radius = options.delete :radius
|
9
|
+
|
10
|
+
content_tag :table, class: "#{size} #{color} #{radius}".squish do
|
11
|
+
content_tag :tr do
|
12
|
+
content_tag :td do
|
13
|
+
link_to label, path, options
|
14
|
+
end
|
15
|
+
end
|
16
|
+
end
|
17
|
+
end
|
18
|
+
end
|
19
|
+
end
|
20
|
+
end
|
data/lib/blot/helpers/grid.rb
CHANGED
@@ -1,17 +1,24 @@
|
|
1
1
|
module Blot
|
2
2
|
module Helpers
|
3
3
|
module Grid
|
4
|
-
def
|
4
|
+
def block_grid(options={})
|
5
|
+
options[:class] = "block-grid #{options[:up]}-up #{options[:class]}".strip
|
6
|
+
content_tag :table, class: options[:class] do
|
7
|
+
content_tag :tr do
|
8
|
+
yield if block_given?
|
9
|
+
end
|
10
|
+
end
|
11
|
+
end
|
12
|
+
|
13
|
+
def container(options={})
|
5
14
|
content_tag :table, class: 'container' do
|
6
15
|
content_tag :tr do
|
7
|
-
|
8
|
-
options[:class] == 'center' ? content_tag(:center, yield) : yield
|
9
|
-
end
|
16
|
+
wrapper(options) { yield if block_given? }
|
10
17
|
end
|
11
18
|
end
|
12
19
|
end
|
13
20
|
|
14
|
-
def row
|
21
|
+
def row
|
15
22
|
content_tag :table, class: 'row' do
|
16
23
|
content_tag :tr do
|
17
24
|
yield if block_given?
|
@@ -19,31 +26,51 @@ module Blot
|
|
19
26
|
end
|
20
27
|
end
|
21
28
|
|
22
|
-
def
|
23
|
-
content_tag :td,
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
29
|
+
def panel_sub_grid
|
30
|
+
content_tag :td, class: 'panel sub-grid' do
|
31
|
+
content_tag :table do
|
32
|
+
content_tag :tr do
|
33
|
+
yield if block_given?
|
34
|
+
end
|
28
35
|
end
|
29
36
|
end
|
30
37
|
end
|
31
38
|
|
32
|
-
def columns(width, options={}
|
39
|
+
def columns(width, options={})
|
33
40
|
content_tag :table, class: "#{width} columns" do
|
34
41
|
content_tag :tr do
|
35
|
-
|
36
|
-
if block_given?
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
end
|
42
|
-
content_tag :td, class: 'expander'
|
42
|
+
if options[:sub_columns]
|
43
|
+
"#{yield if block_given?}".html_safe
|
44
|
+
else
|
45
|
+
"#{wrapper(options) { yield if block_given? } if !options.empty? || block_given? }".html_safe
|
46
|
+
end +
|
47
|
+
"#{content_tag :td, nil, class: 'expander'}".html_safe
|
43
48
|
end
|
44
49
|
end
|
45
50
|
end
|
46
51
|
alias :column :columns
|
52
|
+
|
53
|
+
def sub_columns(width, options={})
|
54
|
+
options[:class] = "#{width} sub-columns #{options[:class]}".strip
|
55
|
+
wrapper(options) { yield if block_given? }
|
56
|
+
end
|
57
|
+
alias :sub_column :sub_columns
|
58
|
+
|
59
|
+
def wrapper(options={}, &block)
|
60
|
+
content_tag :td, options do
|
61
|
+
optional_content(options) { yield if block_given? }
|
62
|
+
end
|
63
|
+
end
|
64
|
+
|
65
|
+
private
|
66
|
+
|
67
|
+
def optional_content(options={}, &block)
|
68
|
+
if options[:class] && options[:class].split(' ').include?('center')
|
69
|
+
content_tag :center, block.call
|
70
|
+
else
|
71
|
+
block.call
|
72
|
+
end
|
73
|
+
end
|
47
74
|
end
|
48
75
|
end
|
49
76
|
end
|
@@ -0,0 +1,27 @@
|
|
1
|
+
module Blot
|
2
|
+
module Helpers
|
3
|
+
module Visibility
|
4
|
+
def show_for_small
|
5
|
+
('<!--[if !mso]><!-- -->' +
|
6
|
+
content_tag(:table, class: 'show-for-small') do
|
7
|
+
content_tag :tr do
|
8
|
+
content_tag :td do
|
9
|
+
yield if block_given?
|
10
|
+
end
|
11
|
+
end
|
12
|
+
end +
|
13
|
+
'<!--<![endif]-->').html_safe
|
14
|
+
end
|
15
|
+
|
16
|
+
def hide_for_small
|
17
|
+
content_tag :table, class: 'hide-for-small' do
|
18
|
+
content_tag :tr do
|
19
|
+
content_tag :td do
|
20
|
+
yield if block_given?
|
21
|
+
end
|
22
|
+
end
|
23
|
+
end
|
24
|
+
end
|
25
|
+
end
|
26
|
+
end
|
27
|
+
end
|
data/lib/blot/version.rb
CHANGED
@@ -0,0 +1,139 @@
|
|
1
|
+
require 'spec_helper'
|
2
|
+
|
3
|
+
describe Blot::Helpers::Button do
|
4
|
+
let(:view) { ActionView::Base.new.extend subject }
|
5
|
+
|
6
|
+
describe '.button' do
|
7
|
+
it 'simple button' do
|
8
|
+
expect(view.button('Button Label', '#', size: :button)).to eql <<-HTML.compress
|
9
|
+
<table class="button">
|
10
|
+
<tr>
|
11
|
+
<td>
|
12
|
+
<a href="#">Button Label</a>
|
13
|
+
</td>
|
14
|
+
</tr>
|
15
|
+
</table>
|
16
|
+
HTML
|
17
|
+
end
|
18
|
+
|
19
|
+
it 'tiny button' do
|
20
|
+
expect(view.button('Button Label', '#', size: :tiny)).to eql <<-HTML.compress
|
21
|
+
<table class="tiny-button">
|
22
|
+
<tr>
|
23
|
+
<td>
|
24
|
+
<a href="#">Button Label</a>
|
25
|
+
</td>
|
26
|
+
</tr>
|
27
|
+
</table>
|
28
|
+
HTML
|
29
|
+
end
|
30
|
+
|
31
|
+
it 'small button' do
|
32
|
+
expect(view.button('Button Label', '#', size: :small)).to eql <<-HTML.compress
|
33
|
+
<table class="small-button">
|
34
|
+
<tr>
|
35
|
+
<td>
|
36
|
+
<a href="#">Button Label</a>
|
37
|
+
</td>
|
38
|
+
</tr>
|
39
|
+
</table>
|
40
|
+
HTML
|
41
|
+
end
|
42
|
+
|
43
|
+
it 'medium button' do
|
44
|
+
expect(view.button('Button Label', '#', size: :medium)).to eql <<-HTML.compress
|
45
|
+
<table class="medium-button">
|
46
|
+
<tr>
|
47
|
+
<td>
|
48
|
+
<a href="#">Button Label</a>
|
49
|
+
</td>
|
50
|
+
</tr>
|
51
|
+
</table>
|
52
|
+
HTML
|
53
|
+
end
|
54
|
+
|
55
|
+
it 'large button' do
|
56
|
+
expect(view.button('Button Label', '#', size: :large)).to eql <<-HTML.compress
|
57
|
+
<table class="large-button">
|
58
|
+
<tr>
|
59
|
+
<td>
|
60
|
+
<a href="#">Button Label</a>
|
61
|
+
</td>
|
62
|
+
</tr>
|
63
|
+
</table>
|
64
|
+
HTML
|
65
|
+
end
|
66
|
+
|
67
|
+
it 'primary button' do
|
68
|
+
expect(view.button('Button Label', '#', size: :button, color: :primary)).to eql <<-HTML.compress
|
69
|
+
<table class="button primary">
|
70
|
+
<tr>
|
71
|
+
<td>
|
72
|
+
<a href="#">Button Label</a>
|
73
|
+
</td>
|
74
|
+
</tr>
|
75
|
+
</table>
|
76
|
+
HTML
|
77
|
+
end
|
78
|
+
|
79
|
+
it 'secondary button' do
|
80
|
+
expect(view.button('Button Label', '#', size: :button, color: :secondary)).to eql <<-HTML.compress
|
81
|
+
<table class="button secondary">
|
82
|
+
<tr>
|
83
|
+
<td>
|
84
|
+
<a href="#">Button Label</a>
|
85
|
+
</td>
|
86
|
+
</tr>
|
87
|
+
</table>
|
88
|
+
HTML
|
89
|
+
end
|
90
|
+
|
91
|
+
it 'alert button' do
|
92
|
+
expect(view.button('Button Label', '#', size: :button, color: :alert)).to eql <<-HTML.compress
|
93
|
+
<table class="button alert">
|
94
|
+
<tr>
|
95
|
+
<td>
|
96
|
+
<a href="#">Button Label</a>
|
97
|
+
</td>
|
98
|
+
</tr>
|
99
|
+
</table>
|
100
|
+
HTML
|
101
|
+
end
|
102
|
+
|
103
|
+
it 'success button' do
|
104
|
+
expect(view.button('Button Label', '#', size: :button, color: :success)).to eql <<-HTML.compress
|
105
|
+
<table class="button success">
|
106
|
+
<tr>
|
107
|
+
<td>
|
108
|
+
<a href="#">Button Label</a>
|
109
|
+
</td>
|
110
|
+
</tr>
|
111
|
+
</table>
|
112
|
+
HTML
|
113
|
+
end
|
114
|
+
|
115
|
+
it 'radius button' do
|
116
|
+
expect(view.button('Button Label', '#', size: :button, radius: :radius)).to eql <<-HTML.compress
|
117
|
+
<table class="button radius">
|
118
|
+
<tr>
|
119
|
+
<td>
|
120
|
+
<a href="#">Button Label</a>
|
121
|
+
</td>
|
122
|
+
</tr>
|
123
|
+
</table>
|
124
|
+
HTML
|
125
|
+
end
|
126
|
+
|
127
|
+
it 'round button' do
|
128
|
+
expect(view.button('Button Label', '#', size: :button, radius: :round)).to eql <<-HTML.compress
|
129
|
+
<table class="button round">
|
130
|
+
<tr>
|
131
|
+
<td>
|
132
|
+
<a href="#">Button Label</a>
|
133
|
+
</td>
|
134
|
+
</tr>
|
135
|
+
</table>
|
136
|
+
HTML
|
137
|
+
end
|
138
|
+
end
|
139
|
+
end
|
@@ -0,0 +1,503 @@
|
|
1
|
+
require 'spec_helper'
|
2
|
+
|
3
|
+
include ActionView::Helpers::AssetTagHelper
|
4
|
+
|
5
|
+
describe Blot::Helpers::Grid do
|
6
|
+
let(:view) { ActionView::Base.new.extend subject }
|
7
|
+
|
8
|
+
describe '.block_grid' do
|
9
|
+
it 'can render a block-grid' do
|
10
|
+
expect(view.block_grid up: :two).to eql <<-HTML.compress
|
11
|
+
<table class="block-grid two-up">
|
12
|
+
<tr></tr>
|
13
|
+
</table>
|
14
|
+
HTML
|
15
|
+
end
|
16
|
+
|
17
|
+
it 'can render a block-grid with classes' do
|
18
|
+
expect(view.block_grid up: :two, class: 'row').to eql <<-HTML.compress
|
19
|
+
<table class="block-grid two-up row">
|
20
|
+
<tr></tr>
|
21
|
+
</table>
|
22
|
+
HTML
|
23
|
+
end
|
24
|
+
end
|
25
|
+
|
26
|
+
describe '.container' do
|
27
|
+
it 'can render a container' do
|
28
|
+
expect(view.container).to eql <<-HTML.compress
|
29
|
+
<table class="container">
|
30
|
+
<tr>
|
31
|
+
<td></td>
|
32
|
+
</tr>
|
33
|
+
</table>
|
34
|
+
HTML
|
35
|
+
end
|
36
|
+
end
|
37
|
+
|
38
|
+
describe '.row' do
|
39
|
+
it 'can render a row' do
|
40
|
+
expect(view.row).to eql <<-HTML.compress
|
41
|
+
<table class="row">
|
42
|
+
<tr></tr>
|
43
|
+
</table>
|
44
|
+
HTML
|
45
|
+
end
|
46
|
+
end
|
47
|
+
|
48
|
+
describe '.panel_sub_grid' do
|
49
|
+
it 'can render a panel sub-grid' do
|
50
|
+
expect(view.panel_sub_grid).to eql <<-HTML.compress
|
51
|
+
<td class="panel sub-grid">
|
52
|
+
<table>
|
53
|
+
<tr></tr>
|
54
|
+
</table>
|
55
|
+
</td>
|
56
|
+
HTML
|
57
|
+
end
|
58
|
+
end
|
59
|
+
|
60
|
+
describe '.columns' do
|
61
|
+
it 'can render one column' do
|
62
|
+
expect(view.column :one).to eql <<-HTML.compress
|
63
|
+
<table class="one columns">
|
64
|
+
<tr>
|
65
|
+
<td class="expander"></td>
|
66
|
+
</tr>
|
67
|
+
</table>
|
68
|
+
HTML
|
69
|
+
end
|
70
|
+
|
71
|
+
it 'can render multiple columns' do
|
72
|
+
expect(view.columns :two).to eql <<-HTML.compress
|
73
|
+
<table class="two columns">
|
74
|
+
<tr>
|
75
|
+
<td class="expander"></td>
|
76
|
+
</tr>
|
77
|
+
</table>
|
78
|
+
HTML
|
79
|
+
end
|
80
|
+
|
81
|
+
it 'can have text-padding' do
|
82
|
+
expect(view.columns(:four, class: 'right-text-pad')).to eql <<-HTML.compress
|
83
|
+
<table class="four columns">
|
84
|
+
<tr>
|
85
|
+
<td class="right-text-pad"></td>
|
86
|
+
<td class="expander"></td>
|
87
|
+
</tr>
|
88
|
+
</table>
|
89
|
+
HTML
|
90
|
+
end
|
91
|
+
end
|
92
|
+
|
93
|
+
describe '.sub_columns' do
|
94
|
+
it 'can render a sub-column' do
|
95
|
+
expect(view.sub_column :one).to eql <<-HTML.compress
|
96
|
+
<td class="one sub-columns"></td>
|
97
|
+
HTML
|
98
|
+
end
|
99
|
+
|
100
|
+
it 'can render multiple sub-columns' do
|
101
|
+
expect(view.sub_columns :two).to eql <<-HTML.compress
|
102
|
+
<td class="two sub-columns"></td>
|
103
|
+
HTML
|
104
|
+
end
|
105
|
+
end
|
106
|
+
|
107
|
+
describe '.wrapper' do
|
108
|
+
it 'can be empty' do
|
109
|
+
expect(view.wrapper).to eql <<-HTML.compress
|
110
|
+
<td></td>
|
111
|
+
HTML
|
112
|
+
end
|
113
|
+
|
114
|
+
it 'can yield content' do
|
115
|
+
expect(view.wrapper { "Content" }).to eql <<-HTML.compress
|
116
|
+
<td>Content</td>
|
117
|
+
HTML
|
118
|
+
end
|
119
|
+
|
120
|
+
it 'can have a class' do
|
121
|
+
expect(view.wrapper(class: 'wrapper') { 'Content' }).to eql <<-HTML.compress
|
122
|
+
<td class="wrapper">Content</td>
|
123
|
+
HTML
|
124
|
+
end
|
125
|
+
|
126
|
+
it 'can have multiple classes' do
|
127
|
+
expect(view.wrapper(class: 'wrapper last') { 'Content' }).to eql <<-HTML.compress
|
128
|
+
<td class="wrapper last">Content</td>
|
129
|
+
HTML
|
130
|
+
end
|
131
|
+
end
|
132
|
+
|
133
|
+
context 'private' do
|
134
|
+
describe '.optional_content' do
|
135
|
+
it 'can center content' do
|
136
|
+
oc = view.send(:optional_content, class: 'center') { "Content" }
|
137
|
+
expect(oc).to eql <<-HTML.compress
|
138
|
+
<center>Content</center>
|
139
|
+
HTML
|
140
|
+
end
|
141
|
+
end
|
142
|
+
end
|
143
|
+
|
144
|
+
context 'example' do
|
145
|
+
it 'can render two rows, twelve and six by six' do
|
146
|
+
example = view.container do
|
147
|
+
view.row do
|
148
|
+
view.wrapper(class: 'wrapper last') do
|
149
|
+
view.columns(:twelve, class: 'panel') { '.twelve.columns' }
|
150
|
+
end
|
151
|
+
end +
|
152
|
+
view.row do
|
153
|
+
view.wrapper(class: 'wrapper') do
|
154
|
+
view.columns(:six, class: 'panel') { '.six.columns' }
|
155
|
+
end +
|
156
|
+
view.wrapper(class: 'wrapper last') do
|
157
|
+
view.columns(:six, class: 'panel') { '.six.columns' }
|
158
|
+
end
|
159
|
+
end
|
160
|
+
end
|
161
|
+
|
162
|
+
expect(example).to eql <<-HTML.compress
|
163
|
+
<table class="container">
|
164
|
+
<tr>
|
165
|
+
<td>
|
166
|
+
|
167
|
+
<table class="row">
|
168
|
+
<tr>
|
169
|
+
<td class="wrapper last">
|
170
|
+
|
171
|
+
<table class="twelve columns">
|
172
|
+
<tr>
|
173
|
+
<td class="panel">.twelve.columns</td>
|
174
|
+
<td class="expander"></td>
|
175
|
+
</tr>
|
176
|
+
</table>
|
177
|
+
|
178
|
+
</td>
|
179
|
+
</tr>
|
180
|
+
</table>
|
181
|
+
|
182
|
+
<table class="row">
|
183
|
+
<tr>
|
184
|
+
<td class="wrapper">
|
185
|
+
|
186
|
+
<table class="six columns">
|
187
|
+
<tr>
|
188
|
+
<td class="panel">.six.columns</td>
|
189
|
+
<td class="expander"></td>
|
190
|
+
</tr>
|
191
|
+
</table>
|
192
|
+
|
193
|
+
</td>
|
194
|
+
<td class="wrapper last">
|
195
|
+
|
196
|
+
<table class="six columns">
|
197
|
+
<tr>
|
198
|
+
<td class="panel">.six.columns</td>
|
199
|
+
<td class="expander"></td>
|
200
|
+
</tr>
|
201
|
+
</table>
|
202
|
+
|
203
|
+
</td>
|
204
|
+
</tr>
|
205
|
+
</table>
|
206
|
+
|
207
|
+
</td>
|
208
|
+
</tr>
|
209
|
+
</table>
|
210
|
+
HTML
|
211
|
+
end
|
212
|
+
|
213
|
+
it 'can render centered content' do
|
214
|
+
example = view.row do
|
215
|
+
view.wrapper(class: 'wrapper') do
|
216
|
+
view.columns(:six, class: 'center panel') { 'Centered content' }
|
217
|
+
end +
|
218
|
+
view.wrapper(class: 'wrapper last') do
|
219
|
+
view.columns(:six, class: 'center panel') do
|
220
|
+
image_tag 'http://placehold.it/125x125&text=Centered%20Image', class: 'center', alt: 'centered image'
|
221
|
+
end
|
222
|
+
end
|
223
|
+
end
|
224
|
+
|
225
|
+
expect(example).to eql <<-HTML.compress
|
226
|
+
<table class="row">
|
227
|
+
<tr>
|
228
|
+
<td class="wrapper">
|
229
|
+
|
230
|
+
<table class="six columns">
|
231
|
+
<tr>
|
232
|
+
<td class="center panel">
|
233
|
+
<center>Centered content</center>
|
234
|
+
</td>
|
235
|
+
<td class="expander"></td>
|
236
|
+
</tr>
|
237
|
+
</table>
|
238
|
+
|
239
|
+
</td>
|
240
|
+
<td class="wrapper last">
|
241
|
+
|
242
|
+
<table class="six columns">
|
243
|
+
<tr>
|
244
|
+
<td class="center panel">
|
245
|
+
<center><img alt="centered image" class="center" src="http://placehold.it/125x125&text=Centered%20Image" /></center>
|
246
|
+
</td>
|
247
|
+
<td class="expander"></td>
|
248
|
+
</tr>
|
249
|
+
</table>
|
250
|
+
|
251
|
+
</td>
|
252
|
+
</tr>
|
253
|
+
</table>
|
254
|
+
HTML
|
255
|
+
end
|
256
|
+
|
257
|
+
it 'can render offset columns' do
|
258
|
+
example = view.row do
|
259
|
+
view.wrapper(class: 'wrapper offset-by-four') do
|
260
|
+
view.columns(:eight, class: 'panel') { 'Offset Content' }
|
261
|
+
end
|
262
|
+
end
|
263
|
+
|
264
|
+
expect(example).to eql <<-HTML.compress
|
265
|
+
<table class="row">
|
266
|
+
<tr>
|
267
|
+
<td class="wrapper offset-by-four">
|
268
|
+
|
269
|
+
<table class="eight columns">
|
270
|
+
<tr>
|
271
|
+
<td class="panel">Offset Content</td>
|
272
|
+
<td class="expander"></td>
|
273
|
+
</tr>
|
274
|
+
</table>
|
275
|
+
|
276
|
+
</td>
|
277
|
+
</tr>
|
278
|
+
</table>
|
279
|
+
HTML
|
280
|
+
end
|
281
|
+
|
282
|
+
it 'can render text-padding' do
|
283
|
+
example = view.row do
|
284
|
+
view.wrapper(class: 'wrapper') do
|
285
|
+
view.columns(:four, class: 'left-text-pad') { 'Text' }
|
286
|
+
end +
|
287
|
+
view.wrapper(class: 'wrapper') do
|
288
|
+
view.columns(:four) { 'Text' }
|
289
|
+
end +
|
290
|
+
view.wrapper(class: 'wrapper last') do
|
291
|
+
view.columns(:four, class: 'right-text-pad') { 'Text' }
|
292
|
+
end
|
293
|
+
end
|
294
|
+
|
295
|
+
expect(example).to eql <<-HTML.compress
|
296
|
+
<table class="row">
|
297
|
+
<tr>
|
298
|
+
<td class="wrapper">
|
299
|
+
|
300
|
+
<table class="four columns">
|
301
|
+
<tr>
|
302
|
+
<td class="left-text-pad">Text</td>
|
303
|
+
<td class="expander"></td>
|
304
|
+
</tr>
|
305
|
+
</table>
|
306
|
+
|
307
|
+
</td>
|
308
|
+
<td class="wrapper">
|
309
|
+
|
310
|
+
<table class="four columns">
|
311
|
+
<tr>
|
312
|
+
<td>Text</td>
|
313
|
+
<td class="expander"></td>
|
314
|
+
</tr>
|
315
|
+
</table>
|
316
|
+
|
317
|
+
</td>
|
318
|
+
<td class="wrapper last">
|
319
|
+
|
320
|
+
<table class="four columns">
|
321
|
+
<tr>
|
322
|
+
<td class="right-text-pad">Text</td>
|
323
|
+
<td class="expander"></td>
|
324
|
+
</tr>
|
325
|
+
</table>
|
326
|
+
|
327
|
+
</td>
|
328
|
+
</tr>
|
329
|
+
</table>
|
330
|
+
HTML
|
331
|
+
end
|
332
|
+
|
333
|
+
it 'can render full-width rows' do
|
334
|
+
example = view.row do
|
335
|
+
view.wrapper(class: 'center', align: 'center') do
|
336
|
+
view.container(class: 'wrapper last') do
|
337
|
+
view.columns(:twelve) { 'Content' }
|
338
|
+
end
|
339
|
+
end
|
340
|
+
end
|
341
|
+
|
342
|
+
expect(example).to eql <<-HTML.compress
|
343
|
+
<table class="row">
|
344
|
+
<tr>
|
345
|
+
<td align="center" class="center">
|
346
|
+
<center>
|
347
|
+
|
348
|
+
<table class="container">
|
349
|
+
<tr>
|
350
|
+
<td class="wrapper last">
|
351
|
+
|
352
|
+
<table class="twelve columns">
|
353
|
+
<tr>
|
354
|
+
<td>Content</td>
|
355
|
+
<td class="expander"></td>
|
356
|
+
</tr>
|
357
|
+
</table>
|
358
|
+
|
359
|
+
</td>
|
360
|
+
</tr>
|
361
|
+
</table>
|
362
|
+
|
363
|
+
</center>
|
364
|
+
</td>
|
365
|
+
</tr>
|
366
|
+
</table>
|
367
|
+
HTML
|
368
|
+
end
|
369
|
+
|
370
|
+
it 'can render a sub-grid' do
|
371
|
+
example = view.row do
|
372
|
+
view.wrapper(class: 'wrapper') do
|
373
|
+
view.columns(:eight, sub_columns: true) do
|
374
|
+
view.sub_columns(:eight) { '.eight.sub-columns' } +
|
375
|
+
view.sub_columns(:four, class: 'last') { '.four.sub-columns' }
|
376
|
+
end
|
377
|
+
end +
|
378
|
+
view.wrapper(class: 'wrapper last') do
|
379
|
+
view.columns(:four) { '.four.columns' }
|
380
|
+
end
|
381
|
+
end
|
382
|
+
|
383
|
+
expect(example).to eql <<-HTML.compress
|
384
|
+
<table class="row">
|
385
|
+
<tr>
|
386
|
+
<td class="wrapper">
|
387
|
+
|
388
|
+
<table class="eight columns">
|
389
|
+
<tr>
|
390
|
+
<td class="eight sub-columns">.eight.sub-columns</td>
|
391
|
+
<td class="four sub-columns last">.four.sub-columns</td>
|
392
|
+
<td class="expander"></td>
|
393
|
+
</tr>
|
394
|
+
</table>
|
395
|
+
|
396
|
+
</td>
|
397
|
+
<td class="wrapper last">
|
398
|
+
|
399
|
+
<table class="four columns">
|
400
|
+
<tr>
|
401
|
+
<td>.four.columns</td>
|
402
|
+
<td class="expander"></td>
|
403
|
+
</tr>
|
404
|
+
</table>
|
405
|
+
|
406
|
+
</td>
|
407
|
+
</tr>
|
408
|
+
</table>
|
409
|
+
HTML
|
410
|
+
end
|
411
|
+
|
412
|
+
it 'can render a block-grid' do
|
413
|
+
example = view.container do
|
414
|
+
view.block_grid(up: :two) do
|
415
|
+
view.wrapper { 'Column #1' } +
|
416
|
+
view.wrapper { 'Column #2' }
|
417
|
+
end
|
418
|
+
end
|
419
|
+
|
420
|
+
expect(example).to eql <<-HTML.compress
|
421
|
+
<table class="container">
|
422
|
+
<tr>
|
423
|
+
<td>
|
424
|
+
|
425
|
+
<table class="block-grid two-up">
|
426
|
+
<tr>
|
427
|
+
<td>Column #1</td>
|
428
|
+
<td>Column #2</td>
|
429
|
+
</tr>
|
430
|
+
</table>
|
431
|
+
|
432
|
+
</td>
|
433
|
+
</tr>
|
434
|
+
</table>
|
435
|
+
HTML
|
436
|
+
end
|
437
|
+
|
438
|
+
it 'can render a sidebar' do
|
439
|
+
example = view.row do
|
440
|
+
view.wrapper(class: 'wrapper') do
|
441
|
+
view.columns(:eight) { 'Main content' }
|
442
|
+
end +
|
443
|
+
view.wrapper(class: 'wrapper last') do
|
444
|
+
view.columns(:four, class: 'panel') { 'Panel content' }
|
445
|
+
end
|
446
|
+
end
|
447
|
+
|
448
|
+
expect(example).to eql <<-HTML.compress
|
449
|
+
<table class="row">
|
450
|
+
<tr>
|
451
|
+
<td class="wrapper">
|
452
|
+
|
453
|
+
<table class="eight columns">
|
454
|
+
<tr>
|
455
|
+
<td>Main content</td>
|
456
|
+
<td class="expander"></td>
|
457
|
+
</tr>
|
458
|
+
</table>
|
459
|
+
|
460
|
+
</td>
|
461
|
+
<td class="wrapper last">
|
462
|
+
|
463
|
+
<table class="four columns">
|
464
|
+
<tr>
|
465
|
+
<td class="panel">Panel content</td>
|
466
|
+
<td class="expander"></td>
|
467
|
+
</tr>
|
468
|
+
</table>
|
469
|
+
|
470
|
+
</td>
|
471
|
+
</tr>
|
472
|
+
</table>
|
473
|
+
HTML
|
474
|
+
end
|
475
|
+
|
476
|
+
it 'can render a panel with a sub-grid' do
|
477
|
+
example = view.columns(:twelve, class: 'panel sub-grid', sub_columns: true) do
|
478
|
+
view.panel_sub_grid do
|
479
|
+
view.sub_columns(:six) { 'Left Sub-Column' } +
|
480
|
+
view.sub_columns(:six) { 'Right Sub-Column' }
|
481
|
+
end
|
482
|
+
end
|
483
|
+
|
484
|
+
expect(example).to eql <<-HTML.compress
|
485
|
+
<table class="twelve columns">
|
486
|
+
<tr>
|
487
|
+
<td class="panel sub-grid">
|
488
|
+
|
489
|
+
<table>
|
490
|
+
<tr>
|
491
|
+
<td class="six sub-columns">Left Sub-Column</td>
|
492
|
+
<td class="six sub-columns">Right Sub-Column</td>
|
493
|
+
</tr>
|
494
|
+
</table>
|
495
|
+
|
496
|
+
</td>
|
497
|
+
<td class="expander"></td>
|
498
|
+
</tr>
|
499
|
+
</table>
|
500
|
+
HTML
|
501
|
+
end
|
502
|
+
end
|
503
|
+
end
|
@@ -0,0 +1,86 @@
|
|
1
|
+
require 'spec_helper'
|
2
|
+
|
3
|
+
include Blot::Helpers::Grid
|
4
|
+
|
5
|
+
describe Blot::Helpers::Visibility do
|
6
|
+
let(:view) { ActionView::Base.new.extend subject }
|
7
|
+
|
8
|
+
it '#show_for_small' do
|
9
|
+
expect(view.show_for_small).to eql <<-HTML.compress
|
10
|
+
<!--[if !mso]><!-- -->
|
11
|
+
<table class="show-for-small">
|
12
|
+
<tr>
|
13
|
+
<td></td>
|
14
|
+
</tr>
|
15
|
+
</table>
|
16
|
+
<!--<![endif]-->
|
17
|
+
HTML
|
18
|
+
end
|
19
|
+
|
20
|
+
it '#hide_for_small' do
|
21
|
+
expect(view.hide_for_small).to eql <<-HTML.compress
|
22
|
+
<table class="hide-for-small">
|
23
|
+
<tr>
|
24
|
+
<td></td>
|
25
|
+
</tr>
|
26
|
+
</table>
|
27
|
+
HTML
|
28
|
+
end
|
29
|
+
|
30
|
+
context 'example' do
|
31
|
+
it 'can render visibility of columns in a row' do
|
32
|
+
example = view.row do
|
33
|
+
view.wrapper(class: 'wrapper last') do
|
34
|
+
view.show_for_small do
|
35
|
+
view.columns(:twelve, class: 'panel') { '.show-for-small' }
|
36
|
+
end +
|
37
|
+
view.hide_for_small do
|
38
|
+
view.columns(:twelve, class: 'panel') { '.hide-for-small' }
|
39
|
+
end
|
40
|
+
end
|
41
|
+
end
|
42
|
+
|
43
|
+
expect(example).to eql <<-HTML.compress
|
44
|
+
<table class="row">
|
45
|
+
<tr>
|
46
|
+
<td class="wrapper last">
|
47
|
+
|
48
|
+
<!--[if !mso]><!-- -->
|
49
|
+
<table class="show-for-small">
|
50
|
+
<tr>
|
51
|
+
<td>
|
52
|
+
|
53
|
+
<table class="twelve columns">
|
54
|
+
<tr>
|
55
|
+
<td class="panel">.show-for-small</td>
|
56
|
+
<td class="expander"></td>
|
57
|
+
</tr>
|
58
|
+
</table>
|
59
|
+
|
60
|
+
</td>
|
61
|
+
</tr>
|
62
|
+
</table>
|
63
|
+
<!--<![endif]-->
|
64
|
+
|
65
|
+
<table class="hide-for-small">
|
66
|
+
<tr>
|
67
|
+
<td>
|
68
|
+
|
69
|
+
<table class="twelve columns">
|
70
|
+
<tr>
|
71
|
+
<td class="panel">.hide-for-small</td>
|
72
|
+
<td class="expander"></td>
|
73
|
+
</tr>
|
74
|
+
</table>
|
75
|
+
|
76
|
+
</td>
|
77
|
+
</tr>
|
78
|
+
</table>
|
79
|
+
|
80
|
+
</td>
|
81
|
+
</tr>
|
82
|
+
</table>
|
83
|
+
HTML
|
84
|
+
end
|
85
|
+
end
|
86
|
+
end
|
data/spec/spec_helper.rb
ADDED
@@ -0,0 +1,32 @@
|
|
1
|
+
require 'bundler/setup'
|
2
|
+
Bundler.setup
|
3
|
+
|
4
|
+
require 'rails/all'
|
5
|
+
|
6
|
+
require 'blot'
|
7
|
+
|
8
|
+
require 'rspec/its'
|
9
|
+
require 'rspec/collection_matchers'
|
10
|
+
|
11
|
+
require 'support/string'
|
12
|
+
|
13
|
+
RSpec.configure do |config|
|
14
|
+
config.expect_with :rspec do |expectations|
|
15
|
+
expectations.include_chain_clauses_in_custom_matcher_descriptions = true
|
16
|
+
end
|
17
|
+
|
18
|
+
config.mock_with :rspec do |mocks|
|
19
|
+
mocks.verify_partial_doubles = true
|
20
|
+
end
|
21
|
+
|
22
|
+
config.run_all_when_everything_filtered = true
|
23
|
+
config.warnings = true
|
24
|
+
|
25
|
+
if config.files_to_run.one?
|
26
|
+
config.default_formatter = 'doc'
|
27
|
+
end
|
28
|
+
|
29
|
+
config.order = :random
|
30
|
+
|
31
|
+
Kernel.srand config.seed
|
32
|
+
end
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: blot
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0
|
4
|
+
version: 1.0.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Ben A Morgan
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2014-
|
11
|
+
date: 2014-11-08 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: rails
|
@@ -16,14 +16,14 @@ dependencies:
|
|
16
16
|
requirements:
|
17
17
|
- - ">="
|
18
18
|
- !ruby/object:Gem::Version
|
19
|
-
version: '
|
19
|
+
version: '1'
|
20
20
|
type: :runtime
|
21
21
|
prerelease: false
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
23
23
|
requirements:
|
24
24
|
- - ">="
|
25
25
|
- !ruby/object:Gem::Version
|
26
|
-
version: '
|
26
|
+
version: '1'
|
27
27
|
- !ruby/object:Gem::Dependency
|
28
28
|
name: bundler
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
@@ -52,6 +52,62 @@ dependencies:
|
|
52
52
|
- - ">="
|
53
53
|
- !ruby/object:Gem::Version
|
54
54
|
version: '0'
|
55
|
+
- !ruby/object:Gem::Dependency
|
56
|
+
name: pry
|
57
|
+
requirement: !ruby/object:Gem::Requirement
|
58
|
+
requirements:
|
59
|
+
- - ">="
|
60
|
+
- !ruby/object:Gem::Version
|
61
|
+
version: '0'
|
62
|
+
type: :development
|
63
|
+
prerelease: false
|
64
|
+
version_requirements: !ruby/object:Gem::Requirement
|
65
|
+
requirements:
|
66
|
+
- - ">="
|
67
|
+
- !ruby/object:Gem::Version
|
68
|
+
version: '0'
|
69
|
+
- !ruby/object:Gem::Dependency
|
70
|
+
name: rspec
|
71
|
+
requirement: !ruby/object:Gem::Requirement
|
72
|
+
requirements:
|
73
|
+
- - "~>"
|
74
|
+
- !ruby/object:Gem::Version
|
75
|
+
version: '3.1'
|
76
|
+
type: :development
|
77
|
+
prerelease: false
|
78
|
+
version_requirements: !ruby/object:Gem::Requirement
|
79
|
+
requirements:
|
80
|
+
- - "~>"
|
81
|
+
- !ruby/object:Gem::Version
|
82
|
+
version: '3.1'
|
83
|
+
- !ruby/object:Gem::Dependency
|
84
|
+
name: rspec-its
|
85
|
+
requirement: !ruby/object:Gem::Requirement
|
86
|
+
requirements:
|
87
|
+
- - "~>"
|
88
|
+
- !ruby/object:Gem::Version
|
89
|
+
version: '1.0'
|
90
|
+
type: :development
|
91
|
+
prerelease: false
|
92
|
+
version_requirements: !ruby/object:Gem::Requirement
|
93
|
+
requirements:
|
94
|
+
- - "~>"
|
95
|
+
- !ruby/object:Gem::Version
|
96
|
+
version: '1.0'
|
97
|
+
- !ruby/object:Gem::Dependency
|
98
|
+
name: rspec-collection_matchers
|
99
|
+
requirement: !ruby/object:Gem::Requirement
|
100
|
+
requirements:
|
101
|
+
- - "~>"
|
102
|
+
- !ruby/object:Gem::Version
|
103
|
+
version: '1.0'
|
104
|
+
type: :development
|
105
|
+
prerelease: false
|
106
|
+
version_requirements: !ruby/object:Gem::Requirement
|
107
|
+
requirements:
|
108
|
+
- - "~>"
|
109
|
+
- !ruby/object:Gem::Version
|
110
|
+
version: '1.0'
|
55
111
|
description: "\n Tired of all those tables in those emails?\n Blot is a DSL
|
56
112
|
that lets you create them with ease and optimized with the Ink email framework.\n
|
57
113
|
\ "
|
@@ -62,6 +118,7 @@ extensions: []
|
|
62
118
|
extra_rdoc_files: []
|
63
119
|
files:
|
64
120
|
- ".gitignore"
|
121
|
+
- ".rspec"
|
65
122
|
- Gemfile
|
66
123
|
- LICENSE.txt
|
67
124
|
- README.md
|
@@ -69,9 +126,19 @@ files:
|
|
69
126
|
- blot.gemspec
|
70
127
|
- lib/blot.rb
|
71
128
|
- lib/blot/helpers.rb
|
129
|
+
- lib/blot/helpers/button.rb
|
72
130
|
- lib/blot/helpers/grid.rb
|
131
|
+
- lib/blot/helpers/visibility.rb
|
73
132
|
- lib/blot/railtie.rb
|
74
133
|
- lib/blot/version.rb
|
134
|
+
- spec/blot/helpers/button_spec.rb
|
135
|
+
- spec/blot/helpers/grid_spec.rb
|
136
|
+
- spec/blot/helpers/visibility_spec.rb
|
137
|
+
- spec/blot/helpers_spec.rb
|
138
|
+
- spec/blot/railtie_spec.rb
|
139
|
+
- spec/blot/version_spec.rb
|
140
|
+
- spec/spec_helper.rb
|
141
|
+
- spec/support/string.rb
|
75
142
|
homepage: https://github.com/BenMorganIO/blot
|
76
143
|
licenses:
|
77
144
|
- MIT
|
@@ -96,5 +163,13 @@ rubygems_version: 2.2.2
|
|
96
163
|
signing_key:
|
97
164
|
specification_version: 4
|
98
165
|
summary: Blot, a DSL for Ink emails.
|
99
|
-
test_files:
|
166
|
+
test_files:
|
167
|
+
- spec/blot/helpers/button_spec.rb
|
168
|
+
- spec/blot/helpers/grid_spec.rb
|
169
|
+
- spec/blot/helpers/visibility_spec.rb
|
170
|
+
- spec/blot/helpers_spec.rb
|
171
|
+
- spec/blot/railtie_spec.rb
|
172
|
+
- spec/blot/version_spec.rb
|
173
|
+
- spec/spec_helper.rb
|
174
|
+
- spec/support/string.rb
|
100
175
|
has_rdoc:
|