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 +4 -4
- data/app/assets/javascripts/nfg_ui/application.coffee +2 -4
- data/app/assets/javascripts/nfg_ui/collapsible_toggle.coffee +3 -0
- data/app/assets/javascripts/nfg_ui/datepicker.coffee +5 -0
- data/app/assets/javascripts/nfg_ui/datetimepicker_configuration.js +4 -3
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/application.scss +1 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_bee.scss +7 -2
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/application.scss +1 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/legacy_browser_support/plugins/_datetimepicker.scss +5 -0
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_datetimepicker.scss +13 -5
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/plugins/_multi.scss +64 -0
- data/lib/nfg_ui/components/patterns/tile_header.rb +17 -2
- data/lib/nfg_ui/version.rb +1 -1
- metadata +7 -4
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 2381ab689057d200823b784821b3d0ad89b00200f2f155dffcaea5c6dde7d342
|
4
|
+
data.tar.gz: 93eec2ce8645985af37d2474932efde676d1b433eca27188cb63371e9383e5bd
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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 = {}
|
@@ -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 '
|
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 '
|
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);
|
@@ -5,11 +5,16 @@
|
|
5
5
|
}
|
6
6
|
|
7
7
|
// Height if just the builder-header is present
|
8
|
-
.builder-header
|
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
|
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
|
}
|
@@ -14,8 +14,8 @@
|
|
14
14
|
.bootstrap-datetimepicker-widget {
|
15
15
|
display: block;
|
16
16
|
top: 0 !important;
|
17
|
-
min-width: ($spacer * 10
|
18
|
-
max-width: ($spacer * 10
|
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 *
|
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: [
|
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
|
data/lib/nfg_ui/version.rb
CHANGED
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.
|
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-
|
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.
|
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.
|
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
|