bh 0.0.3 → 0.0.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +7 -0
- data/README.md +284 -1
- data/lib/bh/helpers/alert_helper.rb +8 -7
- data/lib/bh/helpers/glyphicon_helper.rb +24 -0
- data/lib/bh/helpers/modal_helper.rb +93 -0
- data/lib/bh/helpers/panel_helper.rb +86 -0
- data/lib/bh/helpers/panel_row_helper.rb +50 -0
- data/lib/bh/helpers/url_helper.rb +1 -0
- data/lib/bh/railtie.rb +13 -0
- data/lib/bh/version.rb +1 -1
- data/lib/bh/views/bh/_modal.html.erb +17 -0
- data/spec/helpers/glyphicon_helper_spec.rb +21 -0
- data/spec/helpers/modal_helper_spec.rb +133 -0
- data/spec/helpers/panel_helper_spec.rb +89 -0
- data/spec/helpers/panel_row_helper_spec.rb +27 -0
- metadata +15 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 236887d8267590a9cfaf81696e3b3565e8aa7e0e
|
|
4
|
+
data.tar.gz: fdf3d185fc9586b453ef27daa4907a48732bc37b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: fd2c01c95a5821d9e1d3f45493a9c0bb29e76eceeb6f508b9e650ca6a567793354c6540eca6277aa36dc4592e3687aeb8746babb42ce54911078df368abad771
|
|
7
|
+
data.tar.gz: 13f142de14c3ddd20dbba55af3c270a57e49cd23d2379579ea336c63e90e63559656d101df64dffe60f7b7ef9e0a9614fb99ef4c2bac902ad6e3ef374b0bbe53
|
data/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,13 @@ For more information about changelogs, check
|
|
|
6
6
|
[Keep a Changelog](http://keepachangelog.com) and
|
|
7
7
|
[Vandamme](http://tech-angels.github.io/vandamme).
|
|
8
8
|
|
|
9
|
+
## 0.0.4 - 2014-08-17
|
|
10
|
+
|
|
11
|
+
* [FEATURE] Add `modal`
|
|
12
|
+
* [FEATURE] Add `panel_row`
|
|
13
|
+
* [FEATURE] Add `panel`
|
|
14
|
+
* [FEATURE] Add `glyphicon`
|
|
15
|
+
|
|
9
16
|
## 0.0.3 - 2014-08-15
|
|
10
17
|
|
|
11
18
|
* [FEATURE] Add `bootstrap_css`, `bootstrap_theme_css` and `bootstrap_js`
|
data/README.md
CHANGED
|
@@ -46,7 +46,7 @@ How to install
|
|
|
46
46
|
|
|
47
47
|
Bh is meant to be included in Rails apps by adding this line to the Gemfile:
|
|
48
48
|
|
|
49
|
-
gem 'bh', '~> 0.0.
|
|
49
|
+
gem 'bh', '~> 0.0.4'
|
|
50
50
|
|
|
51
51
|
Since the gem follows [Semantic Versioning](http://semver.org),
|
|
52
52
|
indicating the full version in your Gemfile (~> *major*.*minor*.*patch*)
|
|
@@ -208,6 +208,289 @@ over HTTP scheme:
|
|
|
208
208
|
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.css" media="screen" rel="stylesheet" type="text/css" />
|
|
209
209
|
```
|
|
210
210
|
|
|
211
|
+
GlyphiconHelper
|
|
212
|
+
===============
|
|
213
|
+
|
|
214
|
+
To display [glyphicons](http://getbootstrap.com/components/#glyphicons),
|
|
215
|
+
you can use the
|
|
216
|
+
[glyphicon](http://rubydoc.info/github/Fullscreen/bh/master/Bh/GlyphiconHelper) helper.
|
|
217
|
+
Here are some examples.
|
|
218
|
+
|
|
219
|
+
Display the "zoom in" icon
|
|
220
|
+
--------------------------
|
|
221
|
+
|
|
222
|
+
```erb
|
|
223
|
+
<%= glyphicon :ok, title: 'Approved' %>
|
|
224
|
+
```
|
|
225
|
+
|
|
226
|
+
will generate the HTML to render an "ok" icon with the "Approved" title:
|
|
227
|
+
|
|
228
|
+
```html
|
|
229
|
+
<span class="glyphicon glyphicon-ok" title="Approved"></span>
|
|
230
|
+
```
|
|
231
|
+
|
|
232
|
+
|
|
233
|
+
|
|
234
|
+
|
|
235
|
+
PanelHelper
|
|
236
|
+
===========
|
|
237
|
+
|
|
238
|
+
To include [Boostrap panels](http://getbootstrap.com/components/#panels)
|
|
239
|
+
in your Rails views, you can use the
|
|
240
|
+
[panel](http://rubydoc.info/github/Fullscreen/bh/master/Bh/PanelHelper) helper.
|
|
241
|
+
Here are some examples.
|
|
242
|
+
|
|
243
|
+
Basic panel
|
|
244
|
+
-----------
|
|
245
|
+
|
|
246
|
+
```erb
|
|
247
|
+
<%= panel body: 'You accepted the Terms of service.' %>
|
|
248
|
+
```
|
|
249
|
+
|
|
250
|
+
will generate the HTML to render a basic panel:
|
|
251
|
+
|
|
252
|
+
```html
|
|
253
|
+
<div class="panel panel-default">
|
|
254
|
+
<div class="panel-body">You accepted the Terms of service.</div>
|
|
255
|
+
</div>
|
|
256
|
+
```
|
|
257
|
+
|
|
258
|
+
|
|
259
|
+
Panel with heading
|
|
260
|
+
------------------
|
|
261
|
+
|
|
262
|
+
```erb
|
|
263
|
+
<%= panel body: 'You accepted the Terms of service.', heading: 'Congratulations' %>
|
|
264
|
+
```
|
|
265
|
+
|
|
266
|
+
will generate the HTML to render a panel with a heading:
|
|
267
|
+
|
|
268
|
+
```html
|
|
269
|
+
<div class="panel panel-default">
|
|
270
|
+
<div class="panel-heading">Congratulations</div>
|
|
271
|
+
<div class="panel-body">You accepted the Terms of service.</div>
|
|
272
|
+
</div>
|
|
273
|
+
```
|
|
274
|
+
|
|
275
|
+
|
|
276
|
+
|
|
277
|
+
Panel with title
|
|
278
|
+
------------------
|
|
279
|
+
|
|
280
|
+
```erb
|
|
281
|
+
<%= panel body: 'You accepted the Terms of service.', title: 'Congratulations' %>
|
|
282
|
+
```
|
|
283
|
+
|
|
284
|
+
will generate the HTML to render a panel with a title:
|
|
285
|
+
|
|
286
|
+
```html
|
|
287
|
+
<div class="panel panel-default">
|
|
288
|
+
<div class="panel-heading">
|
|
289
|
+
<h3 class="panel-title">Congratulations</h3>
|
|
290
|
+
</div>
|
|
291
|
+
<div class="panel-body">You accepted the Terms of service.</div>
|
|
292
|
+
</div>
|
|
293
|
+
```
|
|
294
|
+
|
|
295
|
+
|
|
296
|
+
|
|
297
|
+
Contextual panel
|
|
298
|
+
-----------------
|
|
299
|
+
|
|
300
|
+
```erb
|
|
301
|
+
<%= panel body: 'You accepted the Terms of service.', title: 'Congratulations', context: :success %>
|
|
302
|
+
```
|
|
303
|
+
|
|
304
|
+
will generate the HTML to render a "success" panel (green background):
|
|
305
|
+
|
|
306
|
+
```html
|
|
307
|
+
<div class="panel panel-success">
|
|
308
|
+
<div class="panel-heading">
|
|
309
|
+
<h3 class="panel-title">Congratulations</h3>
|
|
310
|
+
</div>
|
|
311
|
+
<div class="panel-body">You accepted the Terms of service.</div>
|
|
312
|
+
</div>
|
|
313
|
+
```
|
|
314
|
+
|
|
315
|
+
Available contexts are `:default` (default), `:primary`, `:success`, `:info`,
|
|
316
|
+
`:warning` and `:danger`.
|
|
317
|
+
|
|
318
|
+
|
|
319
|
+
|
|
320
|
+
Complex panels
|
|
321
|
+
--------------
|
|
322
|
+
|
|
323
|
+
```erb
|
|
324
|
+
<%= panel do %>
|
|
325
|
+
<div class='panel-body'>You accepted the Terms of service. <%= glyphicon :ok %></div>
|
|
326
|
+
<div class='panel-footer'><h4>Thanks</h4></div>
|
|
327
|
+
<% end %>
|
|
328
|
+
```
|
|
329
|
+
|
|
330
|
+
will generate the HTML to render a panel with HTML body and footer:
|
|
331
|
+
|
|
332
|
+
```html
|
|
333
|
+
<div class="panel panel-default">
|
|
334
|
+
<div class="panel-body">
|
|
335
|
+
You accepted the Terms of service.
|
|
336
|
+
<span class="glyphicon glyphicon-ok"></span>
|
|
337
|
+
</div>
|
|
338
|
+
<div class="panel-footer"><h4>Thanks</h4></div>
|
|
339
|
+
</div>
|
|
340
|
+
```
|
|
341
|
+
|
|
342
|
+
|
|
343
|
+
|
|
344
|
+
|
|
345
|
+
PanelRowHelper
|
|
346
|
+
==============
|
|
347
|
+
|
|
348
|
+
To include a row of [Boostrap panels](http://getbootstrap.com/components/#panels)
|
|
349
|
+
in your Rails views, you can use the
|
|
350
|
+
[panel_row](http://rubydoc.info/github/Fullscreen/bh/master/Bh/PanelRowHelper) helper.
|
|
351
|
+
Here are some examples.
|
|
352
|
+
|
|
353
|
+
Basic row of panels
|
|
354
|
+
-------------------
|
|
355
|
+
|
|
356
|
+
```erb
|
|
357
|
+
<%= panel_row column_class: 'col-sm-4' do %>
|
|
358
|
+
<%= panel body: 'Panel #1' %>
|
|
359
|
+
<%= panel body: 'Panel #2' %>
|
|
360
|
+
<%= panel body: 'Panel #3' %>
|
|
361
|
+
<% end %>
|
|
362
|
+
```
|
|
363
|
+
|
|
364
|
+
will generate the HTML to render a row of three basic panels:
|
|
365
|
+
|
|
366
|
+
```html
|
|
367
|
+
<div class="row">
|
|
368
|
+
<div class="col-sm-4">
|
|
369
|
+
<div class="panel panel-default"><div class="panel-body">Panel #1</div></div>
|
|
370
|
+
</div>
|
|
371
|
+
<div class="col-sm-4">
|
|
372
|
+
<div class="panel panel-default"><div class="panel-body">Panel #2</div></div>
|
|
373
|
+
</div>
|
|
374
|
+
<div class="col-sm-4">
|
|
375
|
+
<div class="panel panel-default"><div class="panel-body">Panel #3</div></div>
|
|
376
|
+
</div>
|
|
377
|
+
</div>
|
|
378
|
+
```
|
|
379
|
+
|
|
380
|
+
|
|
381
|
+
|
|
382
|
+
Complex row of panels
|
|
383
|
+
---------------------
|
|
384
|
+
|
|
385
|
+
```erb
|
|
386
|
+
<%= panel_row column_class: 'col-sm-4' do %>
|
|
387
|
+
<%= panel title: 'User', context: :info do %>
|
|
388
|
+
<div class='panel-body'><%= glyphicon :user %> John Smith</div>
|
|
389
|
+
<% end %>
|
|
390
|
+
<%= panel title: 'Phone' do %>
|
|
391
|
+
<div class='panel-body'><%= glyphicon :earphone %> 323-555-5555</div>
|
|
392
|
+
<% end %>
|
|
393
|
+
<%= panel title: 'City' do %>
|
|
394
|
+
<div class='panel-body'><%= glyphicon :record %> Los Angeles, CA</div>
|
|
395
|
+
<% end %>
|
|
396
|
+
<% end %>
|
|
397
|
+
```
|
|
398
|
+
|
|
399
|
+
will generate the HTML to render a row of three panels with title and HTML body:
|
|
400
|
+
|
|
401
|
+
```html
|
|
402
|
+
<div class="row">
|
|
403
|
+
<div class="col-sm-4"><div class="panel panel-info">
|
|
404
|
+
<div class="panel-heading"><h3 class="panel-title">User</h3></div>
|
|
405
|
+
<div class="panel-body"><span class="glyphicon glyphicon-user"></span> John Smith</div>
|
|
406
|
+
</div></div>
|
|
407
|
+
<div class="col-sm-4"><div class="panel panel-default">
|
|
408
|
+
<div class="panel-heading"><h3 class="panel-title">Phone</h3></div>
|
|
409
|
+
<div class="panel-body"><span class="glyphicon glyphicon-earphone"></span> 323-555-5555</div>
|
|
410
|
+
</div></div>
|
|
411
|
+
<div class="col-sm-4"><div class="panel panel-default">
|
|
412
|
+
<div class="panel-heading"><h3 class="panel-title">City</h3></div>
|
|
413
|
+
<div class="panel-body"><span class="glyphicon glyphicon-record"></span> Los Angeles, CA</div>
|
|
414
|
+
</div></div>
|
|
415
|
+
</div>
|
|
416
|
+
```
|
|
417
|
+
|
|
418
|
+
|
|
419
|
+
|
|
420
|
+
ModalHelper
|
|
421
|
+
===========
|
|
422
|
+
|
|
423
|
+
To include [Boostrap modals](http://getbootstrap.com/javascript/#modals)
|
|
424
|
+
in your Rails views, you can use the
|
|
425
|
+
[modal](http://rubydoc.info/github/Fullscreen/bh/master/Bh/ModalHelper) helper.
|
|
426
|
+
Here are some examples.
|
|
427
|
+
|
|
428
|
+
Basic modal
|
|
429
|
+
-----------
|
|
430
|
+
|
|
431
|
+
```erb
|
|
432
|
+
<%= modal title: 'Terms of service', body: 'Do what you want!' %>
|
|
433
|
+
```
|
|
434
|
+
|
|
435
|
+
will generate the HTML to render a button that toggles a model when clicked:
|
|
436
|
+
|
|
437
|
+
```html
|
|
438
|
+
<button class="btn btn-default" data-toggle="modal" data-target="#modal-8684506463">
|
|
439
|
+
Terms of service
|
|
440
|
+
</button>
|
|
441
|
+
<div class="modal fade" id="modal-8684506463" tabindex="-1" role="dialog" aria-labelledby="label-modal-8684506463" aria-hidden="true" style="display: none;">
|
|
442
|
+
<div class="modal-dialog">
|
|
443
|
+
<div class="modal-content">
|
|
444
|
+
<div class="modal-header">
|
|
445
|
+
<button type="button" class="close" data-dismiss="modal">
|
|
446
|
+
<span aria-hidden="true">×</span><span class="sr-only">Close</span>
|
|
447
|
+
</button>
|
|
448
|
+
<h4 class="modal-title" id="label-modal-8684506463">Terms of service</h4>
|
|
449
|
+
</div>
|
|
450
|
+
<div class="modal-body">Do what you want!</div>
|
|
451
|
+
</div>
|
|
452
|
+
</div>
|
|
453
|
+
</div>
|
|
454
|
+
```
|
|
455
|
+
|
|
456
|
+
|
|
457
|
+
|
|
458
|
+
Complex modal
|
|
459
|
+
-------------
|
|
460
|
+
|
|
461
|
+
```erb
|
|
462
|
+
<%= modal title: 'Terms of service', size: :small, button: {caption: 'Continue', size: :large, context: :info} do %>
|
|
463
|
+
Please accept the Terms of service.
|
|
464
|
+
<div class="modal-footer"><button type="button" class="btn btn-primary">Accept</button></div>
|
|
465
|
+
<% end %>
|
|
466
|
+
```
|
|
467
|
+
|
|
468
|
+
will generate the HTML to render a large, "info" button (blue background) with
|
|
469
|
+
the caption "Continue" that toggles a small modal with a title and HTML content:
|
|
470
|
+
|
|
471
|
+
```html
|
|
472
|
+
<button class="btn btn-info btn-lg" data-toggle="modal" data-target="#modal-8022670096">
|
|
473
|
+
Continue
|
|
474
|
+
</button>
|
|
475
|
+
<div class="modal fade in" id="modal-8022670096" tabindex="-1" role="dialog" aria-labelledby="label-modal-8022670096" aria-hidden="false" style="display: block;">
|
|
476
|
+
<div class="modal-dialog modal-sm">
|
|
477
|
+
<div class="modal-content">
|
|
478
|
+
<div class="modal-header">
|
|
479
|
+
<button type="button" class="close" data-dismiss="modal">
|
|
480
|
+
<span aria-hidden="true">×</span><span class="sr-only">Close</span>
|
|
481
|
+
</button>
|
|
482
|
+
<h4 class="modal-title" id="label-modal-8022670096">Terms of service</h4>
|
|
483
|
+
</div>
|
|
484
|
+
Please accept the Terms of service.
|
|
485
|
+
<div class="modal-footer"><button type="button" class="btn btn-primary">Accept</button></div>
|
|
486
|
+
</div>
|
|
487
|
+
</div>
|
|
488
|
+
</div>
|
|
489
|
+
```
|
|
490
|
+
|
|
491
|
+
|
|
492
|
+
|
|
493
|
+
|
|
211
494
|
How to release new versions
|
|
212
495
|
===========================
|
|
213
496
|
|
|
@@ -5,6 +5,7 @@ module Bh
|
|
|
5
5
|
include ActionView::Helpers::TagHelper # for content_tag
|
|
6
6
|
include ActionView::Context # for capture
|
|
7
7
|
include ActionView::Helpers::OutputSafetyHelper # for safe_join
|
|
8
|
+
|
|
8
9
|
# Returns an HTML block tag that follows the Bootstrap documentation
|
|
9
10
|
# on how to display *alert boxes*.
|
|
10
11
|
# Alert boxes provide contextual feedback messages for typical user
|
|
@@ -18,19 +19,19 @@ module Bh
|
|
|
18
19
|
# alert 'User updated successfully', dismissible: true
|
|
19
20
|
# @example An alert with an HTML message passed as a block.
|
|
20
21
|
# alert_box dismissible: true do
|
|
21
|
-
#
|
|
22
|
+
# content_tag :strong, "User updated successfully"
|
|
22
23
|
# end
|
|
23
24
|
#
|
|
24
25
|
# @return [String] an HTML block tag for an alert.
|
|
25
26
|
# @param [String] message_or_options_with_block the message to display in
|
|
26
27
|
# the alert.
|
|
27
28
|
# @param [Hash] options the options for the alert box.
|
|
28
|
-
# @option options [Boolean] :dismissible whether to display an '×'
|
|
29
|
-
# right of the alert than can be clicked to dismiss the alert.
|
|
30
|
-
# @option options [
|
|
31
|
-
# alert depending on its importance. Can be :success, :info,
|
|
32
|
-
# or :danger.
|
|
33
|
-
# @option options [
|
|
29
|
+
# @option options [Boolean] :dismissible (false) whether to display an '×'
|
|
30
|
+
# to the right of the alert than can be clicked to dismiss the alert.
|
|
31
|
+
# @option options [#to_s] :context (:info) the contextual alternative to
|
|
32
|
+
# apply to the alert depending on its importance. Can be :success, :info,
|
|
33
|
+
# :warning or :danger.
|
|
34
|
+
# @option options [#to_s] :priority if the alert box is used to show a
|
|
34
35
|
# Rails flash message, the priority of the message. Can be :alert
|
|
35
36
|
# or :notice.
|
|
36
37
|
def alert_box(message_or_options_with_block = nil, options = nil, &block)
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
require 'action_view'
|
|
2
|
+
|
|
3
|
+
module Bh
|
|
4
|
+
# Provides methods to include Glyphicons.
|
|
5
|
+
# @see http://getbootstrap.com/components/#glyphicons
|
|
6
|
+
module GlyphiconHelper
|
|
7
|
+
include ActionView::Helpers::TagHelper # for content_tag
|
|
8
|
+
|
|
9
|
+
# Returns an HTML block tag that follows the Bootstrap documentation
|
|
10
|
+
# on how to display *glyphicons*.
|
|
11
|
+
# @return [String] an HTML block tag for a glyphicon.
|
|
12
|
+
# @param [#to_s] the name of the icon to display, with either dashes or
|
|
13
|
+
# underscores to separate multiple words.
|
|
14
|
+
# @example Display the "zoom in" glyphicon
|
|
15
|
+
# glyphicon :zoom_in
|
|
16
|
+
# @example Display the "zoom out" glyphicon
|
|
17
|
+
# glyphicon 'zoom-out'
|
|
18
|
+
def glyphicon(name = nil, options = {})
|
|
19
|
+
glyphicon_class = "glyphicon-#{name.to_s.gsub '_', '-'}" if name
|
|
20
|
+
klass = ['glyphicon', glyphicon_class].compact.join ' '
|
|
21
|
+
content_tag :span, nil, options.merge(class: klass)
|
|
22
|
+
end
|
|
23
|
+
end
|
|
24
|
+
end
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
require 'action_view'
|
|
2
|
+
|
|
3
|
+
module Bh
|
|
4
|
+
# Provides methods to include modals.
|
|
5
|
+
# @see http://getbootstrap.com/javascript/#modals
|
|
6
|
+
module ModalHelper
|
|
7
|
+
include ActionView::Helpers, ActionView::Context
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
# Returns an HTML block tag that follows the Bootstrap documentation
|
|
11
|
+
# on how to display *modals*.
|
|
12
|
+
#
|
|
13
|
+
# The content of the modal can either be passed as the first parameter (in
|
|
14
|
+
# which case, the options are the second parameter), or as a block (in
|
|
15
|
+
# which case, the options are the first paramter).
|
|
16
|
+
# @example An modal with plain-text content passed as the first parameter.
|
|
17
|
+
# modal 'Your profile was updated!', context: :info, title: 'Profile'
|
|
18
|
+
# @example A panel with HTML content passed as a block.
|
|
19
|
+
# modal context: :info, title: 'Profile' do
|
|
20
|
+
# content_tag :div, "Your profile was updated!", class: 'modal-footer'
|
|
21
|
+
# end
|
|
22
|
+
#
|
|
23
|
+
# @return [String] an HTML block tag for a panel.
|
|
24
|
+
# @param [String] content_or_options_with_block the content to display in
|
|
25
|
+
# the panel.
|
|
26
|
+
# @param [Hash] options the display options for the panel.
|
|
27
|
+
# @option options [#to_s] :title ('Modal') the title to display inside the modal.
|
|
28
|
+
# @option options [#to_s] :body if present, the panel will include the
|
|
29
|
+
# provided text wrapped in a 'modal-body' block, for proper padding
|
|
30
|
+
# @option options [#to_s] :size the size of the modal.
|
|
31
|
+
# @option options [Hash] :button the options for the "toggle" button.
|
|
32
|
+
# * :caption (#to_s) ('Modal') the caption for the "toggle" button.
|
|
33
|
+
# * :context (#to_s) (:default) the context for the "toggle" button,
|
|
34
|
+
# which determines the button color
|
|
35
|
+
# * :size (#to_s) the size of the "toggle" button.
|
|
36
|
+
# @see http://getbootstrap.com/javascript/#modals
|
|
37
|
+
def modal(content_or_options_with_block = nil, options = nil, &block)
|
|
38
|
+
if block_given?
|
|
39
|
+
modal_string content_or_options_with_block, &block
|
|
40
|
+
elsif content_or_options_with_block.is_a?(Hash) && options.nil?
|
|
41
|
+
modal_string content_or_options_with_block, &Proc.new { nil }
|
|
42
|
+
else
|
|
43
|
+
modal_string options, &Proc.new { content_or_options_with_block }
|
|
44
|
+
end
|
|
45
|
+
end
|
|
46
|
+
|
|
47
|
+
private
|
|
48
|
+
|
|
49
|
+
def modal_string(options = nil, &block)
|
|
50
|
+
options ||= {}
|
|
51
|
+
options[:id] ||= "modal-#{rand 10**10}"
|
|
52
|
+
options[:title] ||= 'Modal'
|
|
53
|
+
options[:body] = modal_body options[:body]
|
|
54
|
+
options[:dialog_class] ||= dialog_class options[:size]
|
|
55
|
+
options[:button] ||= {}
|
|
56
|
+
options[:button][:caption] ||= options[:title]
|
|
57
|
+
options[:button][:class] ||= button_class options[:button]
|
|
58
|
+
render layout: 'bh/modal', locals: options, &block
|
|
59
|
+
end
|
|
60
|
+
|
|
61
|
+
def button_class(options = {})
|
|
62
|
+
context = case options[:context].to_s
|
|
63
|
+
when 'primary' then :primary
|
|
64
|
+
when 'success' then :success
|
|
65
|
+
when 'info' then :info
|
|
66
|
+
when 'warning' then :warning
|
|
67
|
+
when 'danger' then :danger
|
|
68
|
+
when 'link' then :link
|
|
69
|
+
else 'default'
|
|
70
|
+
end
|
|
71
|
+
|
|
72
|
+
size = case options[:size].to_s
|
|
73
|
+
when 'lg', 'large' then 'btn-lg'
|
|
74
|
+
when 'sm', 'small' then 'btn-sm'
|
|
75
|
+
when 'xs', 'extra_small' then 'btn-xs'
|
|
76
|
+
end
|
|
77
|
+
|
|
78
|
+
['btn', "btn-#{context}", size].compact.join ' '
|
|
79
|
+
end
|
|
80
|
+
|
|
81
|
+
def dialog_class(size = nil)
|
|
82
|
+
size_class = case size.to_s
|
|
83
|
+
when 'lg', 'large' then 'modal-lg'
|
|
84
|
+
when 'sm', 'small' then 'modal-sm'
|
|
85
|
+
end
|
|
86
|
+
['modal-dialog', size_class].compact.join ' '
|
|
87
|
+
end
|
|
88
|
+
|
|
89
|
+
def modal_body(body = nil)
|
|
90
|
+
content_tag :div, body, class: 'modal-body' if body
|
|
91
|
+
end
|
|
92
|
+
end
|
|
93
|
+
end
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
require 'action_view'
|
|
2
|
+
|
|
3
|
+
module Bh
|
|
4
|
+
# Provides methods to include panels.
|
|
5
|
+
# @see http://getbootstrap.com/components/#panels
|
|
6
|
+
module PanelHelper
|
|
7
|
+
include ActionView::Helpers::TagHelper # for content_tag
|
|
8
|
+
include ActionView::Context # for capture
|
|
9
|
+
include ActionView::Helpers::OutputSafetyHelper # for safe_join
|
|
10
|
+
|
|
11
|
+
# Returns an HTML block tag that follows the Bootstrap documentation
|
|
12
|
+
# on how to display *panels*.
|
|
13
|
+
#
|
|
14
|
+
# The content of the panel can either be passed as the first parameter (in
|
|
15
|
+
# which case, the options are the second parameter), or as a block (in
|
|
16
|
+
# which case, the options are the first paramter).
|
|
17
|
+
# @example An panel with plain-text content passed as the first parameter.
|
|
18
|
+
# panel 'Your profile was updated!', context: :info, title: 'Profile'
|
|
19
|
+
# @example A panel with HTML content passed as a block.
|
|
20
|
+
# panel context: :info, title: 'Profile'
|
|
21
|
+
# content_tag :strong, "Your profile was updated!"
|
|
22
|
+
# end
|
|
23
|
+
#
|
|
24
|
+
# @return [String] an HTML block tag for a panel.
|
|
25
|
+
# @param [String] content_or_options_with_block the content to display in
|
|
26
|
+
# the panel.
|
|
27
|
+
# @param [Hash] options the display options for the panel.
|
|
28
|
+
# @option options [#to_s] :context (:default) the contextual alternative to
|
|
29
|
+
# apply to the panel depending on its importance. Can be :default,
|
|
30
|
+
# :primary, :success, :info, :warning or :danger.
|
|
31
|
+
# @option options [#to_s] :body if present, the panel will include the
|
|
32
|
+
# provided text wrapped in a 'panel-body' block, for proper padding
|
|
33
|
+
# @see http://getbootstrap.com/components/#panels-basic
|
|
34
|
+
# @option options [#to_s] :heading if present, the panel will include a
|
|
35
|
+
# heading with the provided text.
|
|
36
|
+
# @option options [#to_s] :title if present, the panel will include a
|
|
37
|
+
# heading with the provided text wrapped in a 'panel-title' block, for
|
|
38
|
+
# proper title styling and link coloring.
|
|
39
|
+
# @see http://getbootstrap.com/components/#panels-heading
|
|
40
|
+
def panel(content_or_options_with_block = nil, options = nil, &block)
|
|
41
|
+
if block_given?
|
|
42
|
+
panel_string capture(&block), content_or_options_with_block || {}
|
|
43
|
+
elsif content_or_options_with_block.is_a?(Hash) && options.nil?
|
|
44
|
+
panel_string nil, content_or_options_with_block
|
|
45
|
+
else
|
|
46
|
+
panel_string content_or_options_with_block, options || {}
|
|
47
|
+
end
|
|
48
|
+
end
|
|
49
|
+
|
|
50
|
+
private
|
|
51
|
+
|
|
52
|
+
def panel_string(content = nil, options = {})
|
|
53
|
+
content = prepend_optional_body_to content, options
|
|
54
|
+
content = prepend_optional_heading_to content, options
|
|
55
|
+
content_tag :div, content, class: panel_class(options[:context])
|
|
56
|
+
end
|
|
57
|
+
|
|
58
|
+
def panel_class(context = nil)
|
|
59
|
+
context = case context.to_s
|
|
60
|
+
when 'primary' then :primary
|
|
61
|
+
when 'success' then :success
|
|
62
|
+
when 'info' then :info
|
|
63
|
+
when 'warning' then :warning
|
|
64
|
+
when 'danger' then :danger
|
|
65
|
+
else 'default'
|
|
66
|
+
end
|
|
67
|
+
"panel panel-#{context}"
|
|
68
|
+
end
|
|
69
|
+
|
|
70
|
+
def prepend_optional_body_to(content, options = {})
|
|
71
|
+
body = options[:body]
|
|
72
|
+
body = content_tag :div, body, class: 'panel-body' if body
|
|
73
|
+
safe_join [body, content].compact
|
|
74
|
+
end
|
|
75
|
+
|
|
76
|
+
def prepend_optional_heading_to(content, options = {})
|
|
77
|
+
title = if options[:title]
|
|
78
|
+
content_tag :h3, options[:title], class: 'panel-title'
|
|
79
|
+
elsif options[:heading]
|
|
80
|
+
options[:heading]
|
|
81
|
+
end
|
|
82
|
+
heading = content_tag :div, title, class: 'panel-heading' if title
|
|
83
|
+
safe_join [heading, content].compact
|
|
84
|
+
end
|
|
85
|
+
end
|
|
86
|
+
end
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
require 'action_view'
|
|
2
|
+
require 'bh/helpers/panel_helper'
|
|
3
|
+
|
|
4
|
+
module Bh
|
|
5
|
+
# Provides methods to include multiple panels in a row.
|
|
6
|
+
# @see http://getbootstrap.com/css/#grid
|
|
7
|
+
# @see http://getbootstrap.com/components/#panels
|
|
8
|
+
module PanelRowHelper
|
|
9
|
+
include ActionView::Helpers::TagHelper # for content_tag
|
|
10
|
+
include ActionView::Context # for capture
|
|
11
|
+
include ActionView::Helpers::OutputSafetyHelper # for safe_join
|
|
12
|
+
include Bh::PanelHelper # for panel
|
|
13
|
+
|
|
14
|
+
# Returns an HTML block tag that follows the Bootstrap documentation
|
|
15
|
+
# on how to display a *row*, passing column options to each panel in
|
|
16
|
+
# the row.
|
|
17
|
+
#
|
|
18
|
+
# @return [String] an HTML block tag for a row of panels.
|
|
19
|
+
# @param [Hash] options the display options for the row of panels.
|
|
20
|
+
# @option options [#to_s] :column_class the class to apply to the column
|
|
21
|
+
# <div> that wraps every panel in the row. Useful to specify a grid size
|
|
22
|
+
# for the column such as 'col-sm-4' to indicate how many columns of the
|
|
23
|
+
# row each panel should occupy.
|
|
24
|
+
# @see http://getbootstrap.com/css/#grid
|
|
25
|
+
# @see http://getbootstrap.com/components/#panels
|
|
26
|
+
def panel_row(options = {}, &block)
|
|
27
|
+
content_tag :div, class: 'row' do
|
|
28
|
+
capture_panel_row(options, &block) if block_given?
|
|
29
|
+
end
|
|
30
|
+
end
|
|
31
|
+
|
|
32
|
+
private
|
|
33
|
+
|
|
34
|
+
# Overrides PanelHelper +panel+ to be able to add a column <div> around
|
|
35
|
+
# each panel in a row, to make it fit inside the panel row.
|
|
36
|
+
def panel(*args, &block)
|
|
37
|
+
panel = super *args, &block
|
|
38
|
+
if @panel_column_class
|
|
39
|
+
content_tag :div, panel, class: @panel_column_class
|
|
40
|
+
else
|
|
41
|
+
panel
|
|
42
|
+
end
|
|
43
|
+
end
|
|
44
|
+
|
|
45
|
+
def capture_panel_row(options = {}, &block)
|
|
46
|
+
@panel_column_class = options[:column_class]
|
|
47
|
+
capture(&block).tap{ @panel_column_class = nil }
|
|
48
|
+
end
|
|
49
|
+
end
|
|
50
|
+
end
|
|
@@ -3,6 +3,7 @@ require 'action_view'
|
|
|
3
3
|
module Bh
|
|
4
4
|
module UrlHelper
|
|
5
5
|
include ActionView::Helpers::UrlHelper # for link_to
|
|
6
|
+
|
|
6
7
|
# Overrides ActionView +link_to+ to be able to add the 'alert_link' class
|
|
7
8
|
# to the link in case the link is inside of an alert.
|
|
8
9
|
# @see http://getbootstrap.com/components/#alerts-links
|
data/lib/bh/railtie.rb
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
require 'bh/helpers/alert_helper'
|
|
2
2
|
require 'bh/helpers/cdn_helper'
|
|
3
|
+
require 'bh/helpers/glyphicon_helper'
|
|
4
|
+
require 'bh/helpers/modal_helper'
|
|
5
|
+
require 'bh/helpers/panel_helper'
|
|
6
|
+
require 'bh/helpers/panel_row_helper'
|
|
3
7
|
require 'bh/helpers/url_helper'
|
|
4
8
|
|
|
5
9
|
module Bh
|
|
@@ -7,7 +11,16 @@ module Bh
|
|
|
7
11
|
initializer 'bh.add_helpers' do
|
|
8
12
|
ActionView::Base.send :include, AlertHelper
|
|
9
13
|
ActionView::Base.send :include, CdnHelper
|
|
14
|
+
ActionView::Base.send :include, GlyphiconHelper
|
|
15
|
+
ActionView::Base.send :include, ModalHelper
|
|
16
|
+
ActionView::Base.send :include, PanelHelper
|
|
17
|
+
ActionView::Base.send :include, PanelRowHelper
|
|
10
18
|
ActionView::Base.send :include, UrlHelper
|
|
11
19
|
end
|
|
20
|
+
|
|
21
|
+
initializer 'bh.add_views' do |app|
|
|
22
|
+
views_path = File.dirname(__FILE__) + "/views"
|
|
23
|
+
ActionController::Base.prepend_view_path views_path
|
|
24
|
+
end
|
|
12
25
|
end
|
|
13
26
|
end
|
data/lib/bh/version.rb
CHANGED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<button class="<%= button[:class] %>" data-toggle="modal" data-target="#<%= id %>">
|
|
2
|
+
<%= button[:caption] %>
|
|
3
|
+
</button>
|
|
4
|
+
<div class="modal fade" id="<%= id %>" tabindex="-1" role="dialog" aria-labelledby="label-<%= id %>" aria-hidden="true">
|
|
5
|
+
<div class="<%= dialog_class %>">
|
|
6
|
+
<div class="modal-content">
|
|
7
|
+
<div class="modal-header">
|
|
8
|
+
<button type="button" class="close" data-dismiss="modal">
|
|
9
|
+
<span aria-hidden="true">×</span><span class="sr-only">Close</span>
|
|
10
|
+
</button>
|
|
11
|
+
<h4 class="modal-title" id="label-<%= id %>"><%= title %></h4>
|
|
12
|
+
</div>
|
|
13
|
+
<%= body %>
|
|
14
|
+
<%= yield %>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
require 'spec_helper'
|
|
2
|
+
require 'bh/helpers/glyphicon_helper'
|
|
3
|
+
include Bh::GlyphiconHelper
|
|
4
|
+
|
|
5
|
+
describe 'glyphicon' do
|
|
6
|
+
specify 'given an icon name with underscores, returns the icon' do
|
|
7
|
+
expect(glyphicon :zoom_in).to eq '<span class="glyphicon glyphicon-zoom-in"></span>'
|
|
8
|
+
end
|
|
9
|
+
|
|
10
|
+
specify 'given an icon name with dashes, returns the icon' do
|
|
11
|
+
expect(glyphicon 'zoom-out').to eq '<span class="glyphicon glyphicon-zoom-out"></span>'
|
|
12
|
+
end
|
|
13
|
+
|
|
14
|
+
specify 'given no icon name, returns an empty icon' do
|
|
15
|
+
expect(glyphicon).to eq '<span class="glyphicon"></span>'
|
|
16
|
+
end
|
|
17
|
+
|
|
18
|
+
specify 'given extra options, passes the options to the <span>' do
|
|
19
|
+
expect(glyphicon :ok, title: 'Approved').to eq '<span class="glyphicon glyphicon-ok" title="Approved"></span>'
|
|
20
|
+
end
|
|
21
|
+
end
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
# encoding: UTF-8
|
|
2
|
+
|
|
3
|
+
require 'spec_helper'
|
|
4
|
+
require 'action_dispatch'
|
|
5
|
+
require 'bh/helpers/modal_helper'
|
|
6
|
+
include Bh::ModalHelper
|
|
7
|
+
|
|
8
|
+
describe 'modal' do
|
|
9
|
+
let(:views_folder) { File.expand_path('../../../lib/bh/views', __FILE__) }
|
|
10
|
+
let(:lookup_context) { ActionView::LookupContext.new views_folder }
|
|
11
|
+
let(:view_renderer) { ActionView::Renderer.new lookup_context }
|
|
12
|
+
describe 'accepts as parameters:' do
|
|
13
|
+
let(:behave) { include 'content' }
|
|
14
|
+
|
|
15
|
+
specify 'a string (content)' do
|
|
16
|
+
expect(modal 'content').to behave
|
|
17
|
+
end
|
|
18
|
+
|
|
19
|
+
specify 'a hash (options)' do
|
|
20
|
+
expect(modal body: 'content').to behave
|
|
21
|
+
end
|
|
22
|
+
|
|
23
|
+
specify 'a block (content)' do
|
|
24
|
+
expect(modal { 'content' }).to behave
|
|
25
|
+
end
|
|
26
|
+
|
|
27
|
+
specify 'a string (content) + a hash (options)' do
|
|
28
|
+
expect(modal 'content', context: :danger).to behave
|
|
29
|
+
end
|
|
30
|
+
|
|
31
|
+
specify 'a hash (options) + a block (content)' do
|
|
32
|
+
expect(modal(context: :danger) { 'content' }).to behave
|
|
33
|
+
end
|
|
34
|
+
end
|
|
35
|
+
|
|
36
|
+
describe 'with the :button option' do
|
|
37
|
+
let(:html) { modal 'content', button: button_options }
|
|
38
|
+
|
|
39
|
+
describe 'with the :context option' do
|
|
40
|
+
let(:button_options) { {context: context} }
|
|
41
|
+
|
|
42
|
+
describe 'set to :primary, shows a "primary" toggle button' do
|
|
43
|
+
let(:context) { :primary }
|
|
44
|
+
it { expect(html).to include 'btn-primary' }
|
|
45
|
+
end
|
|
46
|
+
|
|
47
|
+
describe 'set to :success, shows a "success" toggle button' do
|
|
48
|
+
let(:context) { :success }
|
|
49
|
+
it { expect(html).to include 'btn-success' }
|
|
50
|
+
end
|
|
51
|
+
|
|
52
|
+
describe 'set to :info, shows a "info" toggle button' do
|
|
53
|
+
let(:context) { :info }
|
|
54
|
+
it { expect(html).to include 'btn-info' }
|
|
55
|
+
end
|
|
56
|
+
|
|
57
|
+
describe 'set to :warning, shows a "warning" toggle button' do
|
|
58
|
+
let(:context) { :warning }
|
|
59
|
+
it { expect(html).to include 'btn-warning' }
|
|
60
|
+
end
|
|
61
|
+
|
|
62
|
+
describe 'set to :danger, shows a "danger" toggle button' do
|
|
63
|
+
let(:context) { :danger }
|
|
64
|
+
it { expect(html).to include 'btn-danger' }
|
|
65
|
+
end
|
|
66
|
+
|
|
67
|
+
describe 'set to :link, shows a "link" toggle button' do
|
|
68
|
+
let(:context) { :link }
|
|
69
|
+
it { expect(html).to include 'btn-link' }
|
|
70
|
+
end
|
|
71
|
+
|
|
72
|
+
describe 'set to any other value, shows a "default" toggle button' do
|
|
73
|
+
let(:context) { :unknown }
|
|
74
|
+
it { expect(html).to include 'btn-default' }
|
|
75
|
+
end
|
|
76
|
+
end
|
|
77
|
+
|
|
78
|
+
describe 'without the :context option, shows a "default" toggle button' do
|
|
79
|
+
let(:button_options) { {} }
|
|
80
|
+
it { expect(html).to include 'btn-default' }
|
|
81
|
+
end
|
|
82
|
+
|
|
83
|
+
describe 'with the :size option' do
|
|
84
|
+
let(:button_options) { {size: size} }
|
|
85
|
+
|
|
86
|
+
describe 'set to :large, shows a large toggle button' do
|
|
87
|
+
let(:size) { :large }
|
|
88
|
+
it { expect(html).to include 'btn-lg' }
|
|
89
|
+
end
|
|
90
|
+
|
|
91
|
+
describe 'set to :small, shows a small toggle button' do
|
|
92
|
+
let(:size) { :small }
|
|
93
|
+
it { expect(html).to include 'btn-sm' }
|
|
94
|
+
end
|
|
95
|
+
|
|
96
|
+
describe 'set to :extra_small, shows an extra-small toggle button' do
|
|
97
|
+
let(:size) { :extra_small }
|
|
98
|
+
it { expect(html).to include 'btn-xs' }
|
|
99
|
+
end
|
|
100
|
+
end
|
|
101
|
+
|
|
102
|
+
describe 'with the :caption option, shows the caption on the button' do
|
|
103
|
+
let(:button_options) { {caption: 'Call to action'} }
|
|
104
|
+
it { expect(html).to include 'Call to action' }
|
|
105
|
+
end
|
|
106
|
+
end
|
|
107
|
+
|
|
108
|
+
describe 'with the :size option' do
|
|
109
|
+
let(:html) { modal 'content', size: size }
|
|
110
|
+
|
|
111
|
+
describe 'set to :large, shows a large modal' do
|
|
112
|
+
let(:size) { :large }
|
|
113
|
+
it { expect(html).to include 'modal-dialog modal-lg' }
|
|
114
|
+
end
|
|
115
|
+
|
|
116
|
+
describe 'set to :small, shows a small modal' do
|
|
117
|
+
let(:size) { :small }
|
|
118
|
+
it { expect(html).to include 'modal-dialog modal-sm' }
|
|
119
|
+
end
|
|
120
|
+
end
|
|
121
|
+
|
|
122
|
+
describe 'with the :body option' do
|
|
123
|
+
specify 'includes its value in the modal body' do
|
|
124
|
+
expect(modal body: 'Your profile was updated', title: 'Profile').to include '<div class="modal-body">Your profile was updated</div>'
|
|
125
|
+
end
|
|
126
|
+
end
|
|
127
|
+
|
|
128
|
+
describe 'with the :title option' do
|
|
129
|
+
specify 'includes its value as a title in the modal heading' do
|
|
130
|
+
expect(modal 'content', title: 'Profile').to include 'Profile</h4>'
|
|
131
|
+
end
|
|
132
|
+
end
|
|
133
|
+
end
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
# encoding: UTF-8
|
|
2
|
+
|
|
3
|
+
require 'spec_helper'
|
|
4
|
+
require 'bh/helpers/panel_helper'
|
|
5
|
+
include Bh::PanelHelper
|
|
6
|
+
|
|
7
|
+
describe 'panel' do
|
|
8
|
+
describe 'accepts as parameters:' do
|
|
9
|
+
let(:behave) { include 'content' }
|
|
10
|
+
|
|
11
|
+
specify 'a string (content)' do
|
|
12
|
+
expect(panel 'content').to behave
|
|
13
|
+
end
|
|
14
|
+
|
|
15
|
+
specify 'a hash (options)' do
|
|
16
|
+
expect(panel body: 'content').to behave
|
|
17
|
+
end
|
|
18
|
+
|
|
19
|
+
specify 'a block (content)' do
|
|
20
|
+
expect(panel { 'content' }).to behave
|
|
21
|
+
end
|
|
22
|
+
|
|
23
|
+
specify 'a string (content) + a hash (options)' do
|
|
24
|
+
expect(panel 'content', context: :danger).to behave
|
|
25
|
+
end
|
|
26
|
+
|
|
27
|
+
specify 'a hash (options) + a block (content)' do
|
|
28
|
+
expect(panel(context: :danger) { 'content' }).to behave
|
|
29
|
+
end
|
|
30
|
+
end
|
|
31
|
+
|
|
32
|
+
describe 'with the :context option' do
|
|
33
|
+
specify 'set to :default, shows a "default" panel' do
|
|
34
|
+
expect(panel 'content', context: :default).to include 'panel-default'
|
|
35
|
+
end
|
|
36
|
+
|
|
37
|
+
specify 'set to :primary, shows a "primary" panel' do
|
|
38
|
+
expect(panel 'content', context: :primary).to include 'panel-primary'
|
|
39
|
+
end
|
|
40
|
+
|
|
41
|
+
specify 'set to :success, shows a "success" panel' do
|
|
42
|
+
expect(panel 'content', context: :success).to include 'panel-success'
|
|
43
|
+
end
|
|
44
|
+
|
|
45
|
+
specify 'set to :info, shows a "info" panel' do
|
|
46
|
+
expect(panel 'content', context: :info).to include 'panel-info'
|
|
47
|
+
end
|
|
48
|
+
|
|
49
|
+
specify 'set to :warning, shows a "warning" panel' do
|
|
50
|
+
expect(panel 'content', context: :warning).to include 'panel-warning'
|
|
51
|
+
end
|
|
52
|
+
|
|
53
|
+
specify 'set to :danger, shows a "danger" panel' do
|
|
54
|
+
expect(panel 'content', context: :danger).to include 'panel-danger'
|
|
55
|
+
end
|
|
56
|
+
|
|
57
|
+
specify 'set to any other value, shows an "default" panel' do
|
|
58
|
+
expect(panel 'content', context: :unknown).to include 'panel-default'
|
|
59
|
+
end
|
|
60
|
+
|
|
61
|
+
specify 'not set, shows an "default" panel' do
|
|
62
|
+
expect(panel 'content').to include 'panel-default'
|
|
63
|
+
end
|
|
64
|
+
end
|
|
65
|
+
|
|
66
|
+
describe 'with the :body option' do
|
|
67
|
+
specify 'includes its value in the panel body' do
|
|
68
|
+
expect(panel 'content', body: 'Your profile was updated', title: 'Profile').to include '<div class="panel-body">Your profile was updated</div>'
|
|
69
|
+
end
|
|
70
|
+
end
|
|
71
|
+
|
|
72
|
+
describe 'with the :heading option' do
|
|
73
|
+
specify 'includes its value in the panel heading' do
|
|
74
|
+
expect(panel 'content', heading: 'Profile').to include '<div class="panel-heading">Profile</div>'
|
|
75
|
+
end
|
|
76
|
+
end
|
|
77
|
+
|
|
78
|
+
describe 'with the :title option' do
|
|
79
|
+
specify 'includes its value as a title in the panel heading' do
|
|
80
|
+
expect(panel 'content', title: 'Profile').to include '<div class="panel-heading"><h3 class="panel-title">Profile</h3></div>'
|
|
81
|
+
end
|
|
82
|
+
end
|
|
83
|
+
|
|
84
|
+
describe 'without the :heading or the :title option' do
|
|
85
|
+
specify 'does not include the panel heading' do
|
|
86
|
+
expect(panel 'content').not_to include 'panel-heading'
|
|
87
|
+
end
|
|
88
|
+
end
|
|
89
|
+
end
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
# encoding: UTF-8
|
|
2
|
+
|
|
3
|
+
require 'spec_helper'
|
|
4
|
+
require 'bh/helpers/panel_row_helper'
|
|
5
|
+
include Bh::PanelRowHelper
|
|
6
|
+
|
|
7
|
+
describe 'panel_row' do
|
|
8
|
+
describe 'without a block' do
|
|
9
|
+
specify 'shows an empty row' do
|
|
10
|
+
expect(panel_row).to include '<div class="row">'
|
|
11
|
+
end
|
|
12
|
+
end
|
|
13
|
+
|
|
14
|
+
describe 'with a block' do
|
|
15
|
+
describe 'that does not include panels' do
|
|
16
|
+
specify 'shows the content of the block in a row' do
|
|
17
|
+
expect(panel_row { 'content' }).to include 'content'
|
|
18
|
+
end
|
|
19
|
+
end
|
|
20
|
+
|
|
21
|
+
describe 'that includes panels and the :column_class option' do
|
|
22
|
+
specify 'wraps each panel in a column <div> with the given class' do
|
|
23
|
+
expect(panel_row(column_class: 'col-sm-12') { panel body: 'content' }).to include '<div class="col-sm-12">'
|
|
24
|
+
end
|
|
25
|
+
end
|
|
26
|
+
end
|
|
27
|
+
end
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: bh
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.4
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Claudio Baccigalupo
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2014-08-
|
|
11
|
+
date: 2014-08-17 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: activesupport
|
|
@@ -130,11 +130,20 @@ files:
|
|
|
130
130
|
- lib/bh.rb
|
|
131
131
|
- lib/bh/helpers/alert_helper.rb
|
|
132
132
|
- lib/bh/helpers/cdn_helper.rb
|
|
133
|
+
- lib/bh/helpers/glyphicon_helper.rb
|
|
134
|
+
- lib/bh/helpers/modal_helper.rb
|
|
135
|
+
- lib/bh/helpers/panel_helper.rb
|
|
136
|
+
- lib/bh/helpers/panel_row_helper.rb
|
|
133
137
|
- lib/bh/helpers/url_helper.rb
|
|
134
138
|
- lib/bh/railtie.rb
|
|
135
139
|
- lib/bh/version.rb
|
|
140
|
+
- lib/bh/views/bh/_modal.html.erb
|
|
136
141
|
- spec/helpers/alert_helper_spec.rb
|
|
137
142
|
- spec/helpers/cdn_helper_spec.rb
|
|
143
|
+
- spec/helpers/glyphicon_helper_spec.rb
|
|
144
|
+
- spec/helpers/modal_helper_spec.rb
|
|
145
|
+
- spec/helpers/panel_helper_spec.rb
|
|
146
|
+
- spec/helpers/panel_row_helper_spec.rb
|
|
138
147
|
- spec/helpers/url_helper_spec.rb
|
|
139
148
|
- spec/spec_helper.rb
|
|
140
149
|
homepage: http://github.com/Fullscreen/bh
|
|
@@ -165,6 +174,10 @@ summary: Bh provides a set of powerful helpers that streamlines the use of Boots
|
|
|
165
174
|
test_files:
|
|
166
175
|
- spec/helpers/alert_helper_spec.rb
|
|
167
176
|
- spec/helpers/cdn_helper_spec.rb
|
|
177
|
+
- spec/helpers/glyphicon_helper_spec.rb
|
|
178
|
+
- spec/helpers/modal_helper_spec.rb
|
|
179
|
+
- spec/helpers/panel_helper_spec.rb
|
|
180
|
+
- spec/helpers/panel_row_helper_spec.rb
|
|
168
181
|
- spec/helpers/url_helper_spec.rb
|
|
169
182
|
- spec/spec_helper.rb
|
|
170
183
|
has_rdoc:
|