ui_bibz 2.1.1 → 2.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +3 -3
  3. data/app/assets/stylesheets/fix_addon.sass +0 -16
  4. data/app/assets/stylesheets/forms.sass +8 -0
  5. data/app/assets/stylesheets/notifications.sass +1 -1
  6. data/app/assets/stylesheets/ui_bibz.sass +4 -2
  7. data/lib/ui_bibz/infos.rb +1 -1
  8. data/lib/ui_bibz/ui/core/component.rb +1 -1
  9. data/lib/ui_bibz/ui/core/layouts/col.rb +3 -3
  10. data/lib/ui_bibz/ui/extensions/core/component/glyph_extension.rb +13 -3
  11. data/test/simple_form_test.rb +1 -1
  12. data/test/ui/core/forms/textareas/markdown_editor_field_test.rb +1 -1
  13. data/test/ui/core/notifications/progress_bar_test.rb +6 -6
  14. data/vendor/assets/stylesheets/fontawesome/_animated.scss +20 -0
  15. data/vendor/assets/stylesheets/fontawesome/_bordered-pulled.scss +20 -0
  16. data/vendor/assets/stylesheets/fontawesome/_core.scss +20 -0
  17. data/vendor/assets/stylesheets/fontawesome/_fixed-width.scss +6 -0
  18. data/vendor/assets/stylesheets/fontawesome/_icons.scss +1194 -0
  19. data/vendor/assets/stylesheets/fontawesome/_larger.scss +23 -0
  20. data/vendor/assets/stylesheets/fontawesome/_list.scss +18 -0
  21. data/vendor/assets/stylesheets/fontawesome/_mixins.scss +57 -0
  22. data/vendor/assets/stylesheets/fontawesome/_rotated-flipped.scss +23 -0
  23. data/vendor/assets/stylesheets/fontawesome/_screen-reader.scss +5 -0
  24. data/vendor/assets/stylesheets/fontawesome/_shims.scss +2066 -0
  25. data/vendor/assets/stylesheets/fontawesome/_stacked.scss +31 -0
  26. data/vendor/assets/stylesheets/fontawesome/_variables.scss +1207 -0
  27. data/vendor/assets/stylesheets/fontawesome/brands.scss +21 -0
  28. data/vendor/assets/stylesheets/fontawesome/fontawesome.scss +16 -0
  29. data/vendor/assets/stylesheets/fontawesome/regular.scss +22 -0
  30. data/vendor/assets/stylesheets/fontawesome/solid.scss +23 -0
  31. data/vendor/assets/stylesheets/fontawesome/v4-shims.scss +6 -0
  32. metadata +20 -3
  33. data/vendor/assets/stylesheets/all.min.css +0 -5
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: fc6697a288b5f33cdb42cdc4bde064c676970215
4
- data.tar.gz: 5240648669c08ce050622b5461367a3a38b18306
3
+ metadata.gz: c8e5cc80794cc21d792fa246f74909176423e213
4
+ data.tar.gz: bc903615fd2bb0eb6e1fb921302dea8489353887
5
5
  SHA512:
6
- metadata.gz: 91bdbdbe73050136b89dc3c4dea7fb6258bd7dedb74e6770a51e0a934ffd60c84d62ae174d50bc5fa976878f401a7dc0ae1a8fa284ec0bf759ccc11e538c3614
7
- data.tar.gz: 3d3c066f7b454582fdfc61d20073e1ae740acd9a43e026dd0c84c24035baac839bd40c870a85b0742815aa8080d022205226aac8740e3c41933a5e8cfc73e1b3
6
+ metadata.gz: 01e1525f051b376f294449d02c49b1d35f26c37ab0de6e0262046dba3b95f960bf7f60b0a27d4140ce33249d6807dbb932359a092f51dabd3d3825d00ebb5a53
7
+ data.tar.gz: f838abaffe37a46c3649328163c995b55305a3cc02807a00bc237ef2c996764323c467c56a803973568b47f3b077f6732d3607389ded84c104758c664da20186
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- ui_bibz (2.1.1)
4
+ ui_bibz (2.1.2)
5
5
  bootstrap (= 4.1.1)
6
6
  haml
7
7
  haml-rails
@@ -116,7 +116,7 @@ GEM
116
116
  mini_portile2 (2.3.0)
117
117
  minitest (5.11.3)
118
118
  nio4r (2.3.1)
119
- nokogiri (1.8.4)
119
+ nokogiri (1.8.5)
120
120
  mini_portile2 (~> 2.3.0)
121
121
  popper_js (1.14.3)
122
122
  rack (2.0.5)
@@ -152,7 +152,7 @@ GEM
152
152
  ffi (>= 0.5.0, < 2)
153
153
  ruby_parser (3.11.0)
154
154
  sexp_processor (~> 4.9)
155
- sass (3.5.7)
155
+ sass (3.6.0)
156
156
  sass-listen (~> 4.0.0)
157
157
  sass-listen (4.0.0)
158
158
  rb-fsevent (~> 0.9, >= 0.9.4)
@@ -183,19 +183,3 @@ $input-group-btn-border-color: $input-border-color
183
183
  // Because specificity
184
184
  @include hover-focus-active
185
185
  z-index: 3
186
-
187
- .input-group-addon .glyph, .input-group-btn .btn i.glyph
188
- padding: 0.41rem 0
189
-
190
- .input-group-sm
191
- .input-group-addon i.glyph,
192
- .input-group-btn .btn i.glyph
193
- padding: 0.352rem 0 !important
194
-
195
- .input-group-lg
196
- .input-group-addon i.glyph,
197
- .input-group-btn .btn i.glyph
198
- padding: 0.5rem 0 !important
199
-
200
- .input-group-lg .input-group-addon i.glyph
201
- padding: 0.5rem 0 !important
@@ -44,6 +44,7 @@
44
44
  min-width: 104px
45
45
 
46
46
  .ui_surround_field
47
+ flex-wrap: nowrap
47
48
  .mr-sm-2
48
49
  margin-right: 0px !important
49
50
  input:not(:first-child):not(:last-child)
@@ -56,3 +57,10 @@
56
57
 
57
58
  //.btn.without-text
58
59
  padding-right: 3px
60
+
61
+ .multiselect-container
62
+ padding: 10px
63
+ .multiselect-container > li > a > label
64
+ padding: 3px 20px 3px 10px
65
+ > input[type=checkbox]
66
+ margin-bottom: 0px
@@ -6,7 +6,7 @@
6
6
  .glyph-#{$key}
7
7
  color: $value
8
8
 
9
- .alert .glyph
9
+ //.alert .glyph
10
10
  padding: .25rem 0
11
11
 
12
12
  .glyph
@@ -1,7 +1,9 @@
1
1
  // Awesome Font
2
2
  //@import font-awesome-sprockets
3
-
4
- @import all.min
3
+ // @import fontawesome/fontawesome
4
+ // @import fontawesome/solid
5
+ // @import fontawesome/brands
6
+ // @import fontawesome/regular
5
7
 
6
8
 
7
9
  // Bootstrap
data/lib/ui_bibz/infos.rb CHANGED
@@ -1,6 +1,6 @@
1
1
  module UiBibz
2
2
  NAME = "Ui Bibz"
3
- VERSION = "2.1.1"
3
+ VERSION = "2.1.2"
4
4
  DESCRIPTION = "A Rails Interface Framework using Bootstrap."
5
5
  SUMMARY = "Create your project with Ui Bibz. Over a thirty reusable components built to provide iconography, dropdowns, input groups, navigation, alerts, and much more."
6
6
  LICENSE = "MIT"
@@ -151,7 +151,7 @@ module UiBibz::Ui::Core
151
151
  end
152
152
 
153
153
  def init_options
154
- @options = component_options.merge(@options)
154
+ @options = component_options.merge(@options).with_indifferent_access
155
155
  end
156
156
 
157
157
  def initialize_component_html_data
@@ -68,7 +68,7 @@ module UiBibz::Ui::Core::Layouts
68
68
  def col_classes
69
69
  kl = []
70
70
  @options.each do |ke,va|
71
- kl << write_classes(ke, va) if %i(xs sm md lg xl).include?(ke)
71
+ kl << write_classes(ke, va) if %w(xs sm md lg xl).include?(ke)
72
72
  end
73
73
  if not_col_options?
74
74
  kl = "col"
@@ -79,11 +79,11 @@ module UiBibz::Ui::Core::Layouts
79
79
  end
80
80
 
81
81
  def not_col_options?
82
- (@options.keys & %i(xs sm md lg xl num offset push pull)).empty?
82
+ (@options.keys & %w(xs sm md lg xl num offset push pull)).empty?
83
83
  end
84
84
 
85
85
  def write_classes size, opts
86
- opts.map{ |k, v| send(k, size.to_sym, v) if %i(num offset push pull).include?(k) }.join(' ')
86
+ opts.map{ |k, v| send(k, size.to_sym, v) if %w(num offset push pull).include?(k) }.join(' ')
87
87
  end
88
88
 
89
89
  # col-md-9
@@ -21,9 +21,19 @@ module GlyphExtension
21
21
  # Render glyph html
22
22
  def glyph
23
23
  options[:content] = content if options[:text] == false
24
- options.delete(:status)
25
- options.delete(:class)
26
- UiBibz::Utils::GlyphChanger.new(options[:glyph], options).render
24
+
25
+ glyph_options = if options[:glyph].kind_of?(Hash)
26
+ options[:glyph]
27
+ elsif options[:glyph].kind_of?(String)
28
+ { name: options[:glyph] }
29
+ else
30
+ {}
31
+ end
32
+
33
+ glyph_options[:text] = options[:text] unless options[:text].nil?
34
+ glyph_options[:content] = options[:content] unless options[:content].nil?
35
+
36
+ UiBibz::Utils::GlyphChanger.new(glyph_options[:name], glyph_options).render unless glyph_options[:name].nil?
27
37
  end
28
38
 
29
39
  end
@@ -83,7 +83,7 @@ class SimpleFormTest < ActionView::TestCase
83
83
  f.input :name_fr, as: :ui_markdown_editor_field
84
84
  end
85
85
 
86
- expected = "<form class=\"simple_form edit_user\" id=\"edit_user_1\" action=\"/users/1\" accept-charset=\"UTF-8\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" /><input type=\"hidden\" name=\"_method\" value=\"patch\" /><div class=\"form-group ui_markdown_editor_field optional user_name_fr\"><label class=\"control-label ui_markdown_editor_field optional\" for=\"user_name_fr\">Name fr</label><textarea name=\"user[name_fr]\" id=\"user_name_fr\" class=\"ui_markdown_editor_field optional\" data-provide=\"markdown\" data-iconlibrary=\"fa\">
86
+ expected = "<form class=\"simple_form edit_user\" id=\"edit_user_1\" action=\"/users/1\" accept-charset=\"UTF-8\" method=\"post\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" /><input type=\"hidden\" name=\"_method\" value=\"patch\" /><div class=\"form-group ui_markdown_editor_field optional user_name_fr\"><label class=\"control-label ui_markdown_editor_field optional\" for=\"user_name_fr\">Name fr</label><textarea name=\"user[name_fr]\" id=\"user_name_fr\" class=\"ui_markdown_editor_field optional\" data-provide=\"markdown\" data-iconlibrary=\"fa-5\">
87
87
  </textarea></div></form>"
88
88
 
89
89
  assert_equal expected, actual
@@ -4,7 +4,7 @@ class MarkdownEditorFieldTest < ActionView::TestCase
4
4
 
5
5
  test 'markdown_editor' do
6
6
  actual = UiBibz::Ui::Core::Forms::Textareas::MarkdownEditorField.new('comments').render
7
- expected = "<textarea name=\"comments\" id=\"comments\" data-provide=\"markdown\" data-iconlibrary=\"fa\">
7
+ expected = "<textarea name=\"comments\" id=\"comments\" data-provide=\"markdown\" data-iconlibrary=\"fa-5\">
8
8
  </textarea>"
9
9
 
10
10
  assert_equal expected, actual
@@ -6,35 +6,35 @@ class ProgressBarTest < ActionView::TestCase
6
6
 
7
7
  test 'progress bar' do
8
8
  actual = ui_progress_bar(20)
9
- expected = "<div class=\"progress\"><div class=\"progress-bar\" aria-valuenow=\"20.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 20.0%\" role=\"progressbar\"></div></div>"
9
+ expected = "<div class=\"progress\"><div class=\"progress-bar\" aria-valuenow=\"20.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 20.0%\" role=\"progressbar\">20.0%</div></div>"
10
10
 
11
11
  assert_equal expected, actual
12
12
  end
13
13
 
14
14
  test 'progress bar status' do
15
15
  actual = ui_progress_bar(70, status: :danger)
16
- expected = "<div class=\"progress\"><div class=\"bg-danger progress-bar\" aria-valuenow=\"70.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 70.0%\" role=\"progressbar\"></div></div>"
16
+ expected = "<div class=\"progress\"><div class=\"bg-danger progress-bar\" aria-valuenow=\"70.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 70.0%\" role=\"progressbar\">70.0%</div></div>"
17
17
 
18
18
  assert_equal expected, actual
19
19
  end
20
20
 
21
21
  test 'progress bar striped' do
22
22
  actual = ui_progress_bar(70, striped: true)
23
- expected = "<div class=\"progress\"><div class=\"progress-bar progress-bar-striped\" aria-valuenow=\"70.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 70.0%\" role=\"progressbar\"></div></div>"
23
+ expected = "<div class=\"progress\"><div class=\"progress-bar progress-bar-striped\" aria-valuenow=\"70.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 70.0%\" role=\"progressbar\">70.0%</div></div>"
24
24
 
25
25
  assert_equal expected, actual
26
26
  end
27
27
 
28
28
  test 'progress bar animated' do
29
29
  actual = ui_progress_bar(70, animated: true)
30
- expected = "<div class=\"progress\"><div class=\"progress-bar progress-bar-animated\" aria-valuenow=\"70.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 70.0%\" role=\"progressbar\"></div></div>"
30
+ expected = "<div class=\"progress\"><div class=\"progress-bar progress-bar-animated\" aria-valuenow=\"70.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 70.0%\" role=\"progressbar\">70.0%</div></div>"
31
31
 
32
32
  assert_equal expected, actual
33
33
  end
34
34
 
35
35
  test 'progress bar stacked' do
36
36
  actual = ui_progress_bar(76, animated: true)
37
- expected = "<div class=\"progress\"><div class=\"progress-bar progress-bar-animated\" aria-valuenow=\"76.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 76.0%\" role=\"progressbar\"></div></div>"
37
+ expected = "<div class=\"progress\"><div class=\"progress-bar progress-bar-animated\" aria-valuenow=\"76.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 76.0%\" role=\"progressbar\">76.0%</div></div>"
38
38
 
39
39
  assert_equal expected, actual
40
40
  end
@@ -44,7 +44,7 @@ class ProgressBarTest < ActionView::TestCase
44
44
  pb.bar 25, status: :warning, striped: true
45
45
  pb.bar 65, status: :danger
46
46
  end
47
- expected = "<div class=\"progress\"><div class=\"bg-warning progress-bar progress-bar-striped\" aria-valuenow=\"25.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 25.0%\" role=\"progressbar\"></div><div class=\"bg-danger progress-bar\" aria-valuenow=\"65.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 65.0%\" role=\"progressbar\"></div></div>"
47
+ expected = "<div class=\"progress\"><div class=\"bg-warning progress-bar progress-bar-striped\" aria-valuenow=\"25.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 25.0%\" role=\"progressbar\">25.0%</div><div class=\"bg-danger progress-bar\" aria-valuenow=\"65.0\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 65.0%\" role=\"progressbar\">65.0%</div></div>"
48
48
 
49
49
  assert_equal expected, actual
50
50
  end
@@ -0,0 +1,20 @@
1
+ // Animated Icons
2
+ // --------------------------
3
+
4
+ .#{$fa-css-prefix}-spin {
5
+ animation: fa-spin 2s infinite linear;
6
+ }
7
+
8
+ .#{$fa-css-prefix}-pulse {
9
+ animation: fa-spin 1s infinite steps(8);
10
+ }
11
+
12
+ @keyframes fa-spin {
13
+ 0% {
14
+ transform: rotate(0deg);
15
+ }
16
+
17
+ 100% {
18
+ transform: rotate(360deg);
19
+ }
20
+ }
@@ -0,0 +1,20 @@
1
+ // Bordered & Pulled
2
+ // -------------------------
3
+
4
+ .#{$fa-css-prefix}-border {
5
+ border: solid .08em $fa-border-color;
6
+ border-radius: .1em;
7
+ padding: .2em .25em .15em;
8
+ }
9
+
10
+ .#{$fa-css-prefix}-pull-left { float: left; }
11
+ .#{$fa-css-prefix}-pull-right { float: right; }
12
+
13
+ .#{$fa-css-prefix},
14
+ .fas,
15
+ .far,
16
+ .fal,
17
+ .fab {
18
+ &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
19
+ &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
20
+ }
@@ -0,0 +1,20 @@
1
+ // Base Class Definition
2
+ // -------------------------
3
+
4
+ .#{$fa-css-prefix},
5
+ .fas,
6
+ .far,
7
+ .fal,
8
+ .fab {
9
+ -moz-osx-font-smoothing: grayscale;
10
+ -webkit-font-smoothing: antialiased;
11
+ display: inline-block;
12
+ font-style: normal;
13
+ font-variant: normal;
14
+ text-rendering: auto;
15
+ line-height: 1;
16
+ }
17
+
18
+ %fa-icon {
19
+ @include fa-icon;
20
+ }
@@ -0,0 +1,6 @@
1
+ // Fixed Width Icons
2
+ // -------------------------
3
+ .#{$fa-css-prefix}-fw {
4
+ text-align: center;
5
+ width: (20em / 16);
6
+ }