nfg_ui 0.12.0.5 → 0.12.5

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: f9c702d97eda5b23ee162f55317d3a484cff40afb7f03e01c374b6ffe5701459
4
- data.tar.gz: 9c6e0e2a39f79b4bd146d4453cbfd0423e57131385daf6e9fe8995480a2e651b
3
+ metadata.gz: 2381ab689057d200823b784821b3d0ad89b00200f2f155dffcaea5c6dde7d342
4
+ data.tar.gz: 93eec2ce8645985af37d2474932efde676d1b433eca27188cb63371e9383e5bd
5
5
  SHA512:
6
- metadata.gz: 736a4376cd3729eb1d931aa27e7d2e604ee60624e07205d8290cd091cc170e880bb38971246dc45a8f7da3075ef1df1c74ce9284aca5c794a143ac73552543c2
7
- data.tar.gz: 3964a532a2728a9d89915911a6e841b833d2dd431b2906bec522d54b0808ffbf70062cf1df459445b7e0f453fd916b7714e0bbc6c6306cac09ee562e7dfcb191
6
+ metadata.gz: 06c5a4410eb22dc54455706c5fdab3842999cf8ebc37953f2898449c0a85e64c1dc9aa01c1edf5dc2c6a2ca6c7146280e4854c5c7b21dfee1461a97146a26c6a
7
+ data.tar.gz: 580d5ae18522004afa93e6f288f5c839732f6ed65dd2436488f3448177dc0debafe10af390015613a4dbcf420ff1ddfef3d97a6b683269ea037f87f43d1efb27
@@ -3,8 +3,6 @@
3
3
  #= require popper
4
4
  #= require select2
5
5
  #= require bootstrap
6
- #= require moment
7
- #= require nfg_ui/vendor/bootstrap-datetimepicker.min
8
6
  #= require nfg_ui/vendor/legacy_browser_support/application
9
7
 
10
8
  #= require_self
@@ -12,7 +10,7 @@
12
10
  #= require nfg_ui/collapsible_toggle
13
11
  #= require nfg_ui/select2
14
12
  #= require nfg_ui/tooltips
15
- #= require nfg_ui/datetimepicker_configuration
16
13
  #= require nfg_ui/file_inputs
14
+ #= require nfg_ui/datepicker
17
15
 
18
- window.NfgUi = {}
16
+ window.NfgUi = {}
@@ -1,3 +1,6 @@
1
+ if typeof NfgUi == "undefined"
2
+ window.NfgUi = {}
3
+
1
4
  class NfgUi.CollapsibleToggle
2
5
  constructor: (@el) ->
3
6
  @target = @collapseTarget()
@@ -0,0 +1,5 @@
1
+ #= require moment
2
+ #= require nfg_ui/vendor/bootstrap-datetimepicker.min
3
+ #= require nfg_ui/datetimepicker_configuration
4
+
5
+ window.NfgUi = window.NfgUi || {}
@@ -44,6 +44,7 @@ function () {
44
44
  clear:"fa fa-trash-o",
45
45
  close:"fa fa-times"
46
46
  }
47
+ options.sideBySide = true;
47
48
  // options.debug = true
48
49
  return options;
49
50
  }
@@ -52,11 +53,11 @@ function () {
52
53
  value: function defaultFormat() {
53
54
 
54
55
  if (this.input.data('datetimepicker') == 'datetime') {
55
- return 'Y-MM-DD hh:mm A';
56
+ return 'YYYY-MM-DD hh:mm A';
56
57
  } else if (this.input.data('datetimepicker') == 'time') {
57
58
  return 'hh:mm A';
58
59
  } else {
59
- return 'Y-MM-DD';
60
+ return 'YYYY-MM-DD';
60
61
  }
61
62
  }
62
63
  }]);
@@ -79,4 +80,4 @@ function initNfgUiDateTimePicker() {
79
80
  if (NfgUi.turbolinks)
80
81
  $(document).on('turbolinks:load', initNfgUiDateTimePicker);
81
82
  else
82
- $(document).ready(initNfgUiDateTimePicker);
83
+ $(document).ready(initNfgUiDateTimePicker);
@@ -8,6 +8,7 @@
8
8
 
9
9
  // Plugins
10
10
  @import 'nfg_ui/network_for_good/core/plugins/intercom';
11
+ @import 'nfg_ui/network_for_good/core/plugins/multi';
11
12
  @import 'nfg_ui/network_for_good/core/plugins/turbolinks';
12
13
  @import 'nfg_ui/network_for_good/core/plugins/twitter_typeahead';
13
14
 
@@ -5,11 +5,16 @@
5
5
  }
6
6
 
7
7
  // Height if just the builder-header is present
8
- .builder-header + .builder-container {
8
+ .builder-header ~ .builder-container {
9
9
  #bee_plugin_container { height: calc(100vh - 72px); }
10
10
  }
11
11
 
12
12
  // Height if both builder-header and builder-nav are present (typical in onboarder)
13
- .builder-header + .builder-nav + .builder-container {
13
+ .builder-header ~ .builder-nav ~ .builder-container {
14
14
  #bee_plugin_container { height: calc(100vh - 180px); }
15
+
16
+ // Height if there are buttons above the bee plugin
17
+ .builder-container-buttons {
18
+ ~ #bee_plugin_container { height: calc(100vh - 284px); }
19
+ }
15
20
  }
@@ -31,5 +31,6 @@ html.flexboxtweener {
31
31
  @import 'nfg_theme/custom';
32
32
 
33
33
  // Plugins
34
+ @import 'plugins/datetimepicker';
34
35
  @import 'plugins/sticky_div';
35
36
  }
@@ -0,0 +1,5 @@
1
+ .bootstrap-datetimepicker-widget {
2
+ &.timepicker-sbs {
3
+ .row { -ms-flex-align: center; }
4
+ }
5
+ }
@@ -14,8 +14,8 @@
14
14
  .bootstrap-datetimepicker-widget {
15
15
  display: block;
16
16
  top: 0 !important;
17
- min-width: ($spacer * 10.5);
18
- max-width: ($spacer * 10.5);
17
+ min-width: ($spacer * 10);
18
+ max-width: ($spacer * 10);
19
19
  background-color: $white;
20
20
  z-index: 110;
21
21
 
@@ -31,6 +31,16 @@
31
31
  transform: none;
32
32
  }
33
33
 
34
+ //** For when the date and time pickers are side by side.
35
+ &.timepicker-sbs {
36
+ @include media-breakpoint-up(md) {
37
+ min-width: ($spacer * 20);
38
+ max-width: ($spacer * 20);
39
+ }
40
+ .row { align-items: center; }
41
+ .datepicker { width: ($spacer * 18.125); }
42
+ }
43
+
34
44
  //** Base date and time styles
35
45
  ul { margin: 0; }
36
46
  .datepicker, .timepicker {
@@ -136,7 +146,7 @@
136
146
  [data-action^='picker'] {
137
147
  padding-top: ($spacer * .25);
138
148
  padding-bottom: ($spacer * .25);
139
- width: ($spacer * 10);
149
+ width: ($spacer * 7.5);
140
150
  border-right: $border-width solid $border-color;
141
151
  border-left: $border-width solid $border-color;
142
152
  border-top: none;
@@ -214,9 +224,7 @@
214
224
  .btn {
215
225
  position: relative;
216
226
  display: block;
217
- padding: ($spacer * .5) 0;
218
227
  width: 100%;
219
- height: ($spacer * 1.5);
220
228
  }
221
229
  }
222
230
 
@@ -0,0 +1,64 @@
1
+ //** Multi plugin used in export contacts/donations modal in DM
2
+
3
+ .multi-wrapper {
4
+ border: $border-width solid $border-color;
5
+ border-radius: $border-radius;
6
+ width: 100%;
7
+ .search-input {
8
+ border: 0;
9
+ border-bottom: $border-width solid $border-color;
10
+ border-radius: 0;
11
+ display: block;
12
+ font-size: $font-size-base;
13
+ margin: 0;
14
+ outline: 0;
15
+ padding: $input-btn-padding-y $input-btn-padding-x;
16
+ width: 100%;
17
+ box-sizing: border-box;
18
+ }
19
+ .item {
20
+ cursor: pointer;
21
+ display: block;
22
+ position: relative;
23
+ padding: ($spacer * .25);
24
+ border-radius: $border-radius;
25
+ &:hover { background: $gray-200; }
26
+ }
27
+ .non-selected-wrapper, .selected-wrapper {
28
+ box-sizing: border-box;
29
+ display: inline-block;
30
+ height: ($spacer * 8);
31
+ overflow-y: scroll;
32
+ padding: ($spacer * .5);
33
+ vertical-align: top;
34
+ width: 50%;
35
+ }
36
+ .non-selected-wrapper {
37
+ background: $body-bg;
38
+ border-right: $border-width solid $border-color;
39
+ .item.selected {
40
+ padding-right: $spacer;
41
+ color: inherit;
42
+ background: $gray-200;
43
+ opacity: 0.5;
44
+ &:hover {
45
+ background: $gray-200;
46
+ cursor: inherit;
47
+ }
48
+ &:after {
49
+ position: absolute;
50
+ top: ($spacer * .25);
51
+ right: 0;
52
+ width: $spacer;
53
+ font-family: "FontAwesome";
54
+ font-size: $font-size-base;
55
+ line-height: 1.5;
56
+ color: inherit;
57
+ text-align: center;
58
+ content: '\f00c';
59
+ z-index: 5;
60
+ }
61
+ }
62
+ }
63
+ .selected-wrapper { background: $white; }
64
+ }
@@ -17,13 +17,13 @@ module NfgUi
17
17
  def render
18
18
  super do
19
19
  if collapsible && title
20
- concat(NfgUi::Components::Elements::Button.new({ traits: [:link, :block], collapse: collapse, class: 'no-link-color p-0 m-0' }, view_context).render {
20
+ concat(NfgUi::Components::Elements::Button.new({ traits: [:link, :block], collapse: collapse, class: 'no-link-color p-0 m-0', data: { collapse_icon: collapse_icon, collapsed_icon: collapsed_icon } }, view_context).render {
21
21
  content_tag(:div, class: 'row align-items-center') do
22
22
  concat(content_tag(:div, class: 'col-10 text-left') {
23
23
  NfgUi::Components::Foundations::Typeface.new({ heading: title, icon: icon, class: 'h4' }, view_context).render
24
24
  })
25
25
  concat(content_tag(:div, class: 'col-2 text-right') {
26
- NfgUi::Components::Foundations::Icon.new({ traits: ['caret-down fw'], tooltip: 'Show / hide additional information' }, view_context).render
26
+ NfgUi::Components::Foundations::Icon.new({ traits: ["#{contextual_collapsible_icon} fw"], tooltip: 'Show / hide additional information' }, view_context).render
27
27
  })
28
28
  end
29
29
  })
@@ -34,6 +34,21 @@ module NfgUi
34
34
  concat((block_given? ? yield : body))
35
35
  end
36
36
  end
37
+
38
+ private
39
+
40
+ def contextual_collapsible_icon
41
+ return '' unless collapsible
42
+ collapsed ? collapsed_icon : collapse_icon
43
+ end
44
+
45
+ def collapse_icon
46
+ 'caret-up'
47
+ end
48
+
49
+ def collapsed_icon
50
+ 'caret-down'
51
+ end
37
52
  end
38
53
  end
39
54
  end
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module NfgUi
4
- VERSION = '0.12.0.5'
4
+ VERSION = '0.12.5'
5
5
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: nfg_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.12.0.5
4
+ version: 0.12.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - Jonathan Roehm
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2021-06-04 00:00:00.000000000 Z
12
+ date: 2021-07-08 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: bootstrap
@@ -149,14 +149,14 @@ dependencies:
149
149
  requirements:
150
150
  - - ">="
151
151
  - !ruby/object:Gem::Version
152
- version: 1.10.4
152
+ version: 1.11.4
153
153
  type: :runtime
154
154
  prerelease: false
155
155
  version_requirements: !ruby/object:Gem::Requirement
156
156
  requirements:
157
157
  - - ">="
158
158
  - !ruby/object:Gem::Version
159
- version: 1.10.4
159
+ version: 1.11.4
160
160
  - !ruby/object:Gem::Dependency
161
161
  name: browser
162
162
  requirement: !ruby/object:Gem::Requirement
@@ -382,6 +382,7 @@ files:
382
382
  - app/assets/images/nfg_ui/email/nfg-logo.png
383
383
  - app/assets/javascripts/nfg_ui/application.coffee
384
384
  - app/assets/javascripts/nfg_ui/collapsible_toggle.coffee
385
+ - app/assets/javascripts/nfg_ui/datepicker.coffee
385
386
  - app/assets/javascripts/nfg_ui/datetimepicker_configuration.js
386
387
  - app/assets/javascripts/nfg_ui/document_ready.coffee
387
388
  - app/assets/javascripts/nfg_ui/file_inputs.js
@@ -493,6 +494,7 @@ files:
493
494
  - app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/nfg_theme/mixins/_grid.scss
494
495
  - app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/nfg_theme/utilities/_display.scss
495
496
  - app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/nfg_theme/utilities/_flex.scss
497
+ - app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/plugins/_datetimepicker.scss
496
498
  - app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/plugins/_sticky_div.scss
497
499
  - app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_alert.scss
498
500
  - app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/_badge.scss
@@ -528,6 +530,7 @@ files:
528
530
  - app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_datepicker.scss
529
531
  - app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_datetimepicker.scss
530
532
  - app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_intercom.scss
533
+ - app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_multi.scss
531
534
  - app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_select2.scss
532
535
  - app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_sticky_div.scss
533
536
  - app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_turbolinks.scss