zuora_connect_ui 0.1.5 → 0.1.6
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/README.md +10 -0
- data/app/assets/javascripts/zuora_connect_ui.js +4 -0
- data/app/assets/stylesheets/_zuora_connect_ui.scss +4 -0
- data/app/assets/stylesheets/zuora_connect_ui/datepicker.scss +79 -0
- data/lib/zuora_connect_ui.rb +1 -0
- data/lib/zuora_connect_ui/version.rb +1 -1
- metadata +17 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 714d7801de18333460c5c07c46c4a8c45244e6bb
|
|
4
|
+
data.tar.gz: 8037a6ea750cc3f5371584e91108fde34ce68bdd
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 08d4aae702723356b98d0544c2282572e540824563811c1d46351c61f92284136dba7a4912d05c63ba71f9b790187aeb5487b6d937a0f6328369eb93440565c2
|
|
7
|
+
data.tar.gz: b8a793fd2962399647c3024f41b1f4a1cd8883036fafa8bacf9ad1cbf24d9e0180cf5aee1f9854b069ac970504c41b9dd2e70e355c7196d1154cfffd8ff7cccb
|
data/README.md
CHANGED
|
@@ -212,6 +212,16 @@ Label does not need the `for` html attribute, however the `div.radio` is require
|
|
|
212
212
|
</div>
|
|
213
213
|
```
|
|
214
214
|
|
|
215
|
+
### Date Picker
|
|
216
|
+
|
|
217
|
+
```erb
|
|
218
|
+
<div class="zuo-datepicker date">
|
|
219
|
+
<%= f.text_field :Start_Date, value: Date.yesterday, class: "zuo-textbox" %>
|
|
220
|
+
<%= f.label :Start_Date, class: "zuo-floating-label floating" %>
|
|
221
|
+
<span class="input-group-addon z-icon-calendar"></span>
|
|
222
|
+
</div>
|
|
223
|
+
```
|
|
224
|
+
|
|
215
225
|
|
|
216
226
|
### File Upload
|
|
217
227
|
|
|
@@ -110,6 +110,9 @@ $check-icon: "\E936";
|
|
|
110
110
|
@import "select2";
|
|
111
111
|
@import "select2-bootstrap";
|
|
112
112
|
|
|
113
|
+
// Bootstrap Datepicker
|
|
114
|
+
@import "bootstrap-datepicker";
|
|
115
|
+
|
|
113
116
|
// Glyphicon and FA
|
|
114
117
|
@import "css/icons.scss";
|
|
115
118
|
|
|
@@ -119,6 +122,7 @@ $check-icon: "\E936";
|
|
|
119
122
|
@import "zuora_connect_ui/breadcrumb_bar";
|
|
120
123
|
@import "zuora_connect_ui/buttons";
|
|
121
124
|
@import "zuora_connect_ui/datatables";
|
|
125
|
+
@import "zuora_connect_ui/datepicker";
|
|
122
126
|
@import "zuora_connect_ui/grid_view";
|
|
123
127
|
@import "zuora_connect_ui/input";
|
|
124
128
|
@import "zuora_connect_ui/modal";
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
.datepicker {
|
|
2
|
+
padding: 0 1rem .5rem 1rem;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.datepicker-switch,
|
|
6
|
+
.datepicker .prev,
|
|
7
|
+
.datepicker .next {
|
|
8
|
+
padding: 1rem 0;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.datepicker-switch {
|
|
12
|
+
font-size: .9rem;
|
|
13
|
+
font-weight: 400;
|
|
14
|
+
min-width: 10rem;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.datepicker .prev,
|
|
18
|
+
.datepicker .next, {
|
|
19
|
+
color: $support-1;
|
|
20
|
+
font-size: .7rem;
|
|
21
|
+
font-weight: 700;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.datepicker .prev:hover,
|
|
25
|
+
.datepicker .next:hover,
|
|
26
|
+
.datepicker .datepicker-switch:hover {
|
|
27
|
+
background: $neutral-4;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.datepicker .dow {
|
|
31
|
+
font-size: .75rem;
|
|
32
|
+
font-weight: 400;
|
|
33
|
+
color: rgb(110, 124, 137);
|
|
34
|
+
padding-top: 0;
|
|
35
|
+
padding-bottom: .75rem;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.datepicker table tr td.day {
|
|
39
|
+
font-size: .75rem;
|
|
40
|
+
border-radius: 0;
|
|
41
|
+
|
|
42
|
+
&:hover {
|
|
43
|
+
background-color: $neutral-3;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
&.active,
|
|
47
|
+
&.active:hover {
|
|
48
|
+
background-color: $support-1;
|
|
49
|
+
background-image: none;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.datepicker table tr td.disabled,
|
|
54
|
+
.datepicker table tr td.disabled:hover {
|
|
55
|
+
background: $neutral-2;
|
|
56
|
+
color: #a5a3b6;
|
|
57
|
+
cursor: not-allowed;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.zuo-datepicker.date {
|
|
61
|
+
display: block;
|
|
62
|
+
|
|
63
|
+
.input-group-addon {
|
|
64
|
+
font-size: 1.1rem;
|
|
65
|
+
color: $support-1;
|
|
66
|
+
background-color: transparent;
|
|
67
|
+
border: none;
|
|
68
|
+
padding: 1rem 0;
|
|
69
|
+
position: absolute;
|
|
70
|
+
top: 0;
|
|
71
|
+
right: 0;
|
|
72
|
+
width: unset;
|
|
73
|
+
cursor: pointer;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.zuo-textbox:focus + .input-group-addon {
|
|
78
|
+
border-bottom: 1px solid $support-1;
|
|
79
|
+
}
|
data/lib/zuora_connect_ui.rb
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: zuora_connect_ui
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.6
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Connect Team
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2018-09-
|
|
11
|
+
date: 2018-09-13 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bootstrap-sass
|
|
@@ -52,6 +52,20 @@ dependencies:
|
|
|
52
52
|
- - ">="
|
|
53
53
|
- !ruby/object:Gem::Version
|
|
54
54
|
version: '0'
|
|
55
|
+
- !ruby/object:Gem::Dependency
|
|
56
|
+
name: bootstrap-datepicker-rails
|
|
57
|
+
requirement: !ruby/object:Gem::Requirement
|
|
58
|
+
requirements:
|
|
59
|
+
- - ">="
|
|
60
|
+
- !ruby/object:Gem::Version
|
|
61
|
+
version: '0'
|
|
62
|
+
type: :runtime
|
|
63
|
+
prerelease: false
|
|
64
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
65
|
+
requirements:
|
|
66
|
+
- - ">="
|
|
67
|
+
- !ruby/object:Gem::Version
|
|
68
|
+
version: '0'
|
|
55
69
|
- !ruby/object:Gem::Dependency
|
|
56
70
|
name: jquery-datatables-rails
|
|
57
71
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -140,6 +154,7 @@ files:
|
|
|
140
154
|
- app/assets/stylesheets/zuora_connect_ui/breadcrumb_bar.scss
|
|
141
155
|
- app/assets/stylesheets/zuora_connect_ui/buttons.scss
|
|
142
156
|
- app/assets/stylesheets/zuora_connect_ui/datatables.scss
|
|
157
|
+
- app/assets/stylesheets/zuora_connect_ui/datepicker.scss
|
|
143
158
|
- app/assets/stylesheets/zuora_connect_ui/grid_view.scss
|
|
144
159
|
- app/assets/stylesheets/zuora_connect_ui/input.scss
|
|
145
160
|
- app/assets/stylesheets/zuora_connect_ui/modal.scss
|