date_n_time_picker_activeadmin 0.1.1 → 0.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.
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 88565c53f104fff2bea74ed61f3f062178cc6c11da16cbd01aad55dcb088870b
|
4
|
+
data.tar.gz: 805a1479e1b823b1c635a905bbe7b40486bb66e375f0b2c02daef1102ebd2cf6
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c1f39da63495bb16edfc191b7ed1eaf18262530cc30489a023f6b1fd4604081176c49453128909e7acd7ccea921a71a1e84042a3dd99577b18cd390efd54159b
|
7
|
+
data.tar.gz: 29ef05215c07ecccad394b4b61c5347d779cdaaee95ab72791726460f9f2eac6e00317bdeb209e84af17b40ca516b0b921bd667cfd741aad587cdb83ecdccb8d
|
@@ -1,4 +1,6 @@
|
|
1
1
|
//= require datetimepicker-constants
|
2
|
+
var toggleTimeIcon = toggleTimeIcon || '<i class="far fa-clock"></i>'
|
3
|
+
var toggleCalendarIcon = toggleCalendarIcon || '<i class="far fa-calendar-alt"></i>'
|
2
4
|
|
3
5
|
function myDate() {
|
4
6
|
this.date = null;
|
@@ -29,7 +31,7 @@ function Datetimepicker(element) {
|
|
29
31
|
if (!(this.datetimepicker_options["only_datepicker"])) {
|
30
32
|
html += `<div class="footer">
|
31
33
|
<div class="toggle time">
|
32
|
-
|
34
|
+
${toggleTimeIcon}
|
33
35
|
</div>
|
34
36
|
</div>
|
35
37
|
</div>`
|
@@ -263,7 +265,11 @@ function Datetimepicker(element) {
|
|
263
265
|
}
|
264
266
|
|
265
267
|
this.toggleFooterIcon = function () {
|
266
|
-
$('.datetimepicker-container .footer .toggle').
|
268
|
+
if($('.datetimepicker-container .footer .toggle').hasClass('time')){
|
269
|
+
$('.datetimepicker-container .footer .toggle').children().first().replaceWith(toggleCalendarIcon)
|
270
|
+
} else {
|
271
|
+
$('.datetimepicker-container .footer .toggle').children().first().replaceWith(toggleTimeIcon)
|
272
|
+
}
|
267
273
|
$('.datetimepicker-container .footer .toggle').toggleClass("time date")
|
268
274
|
}
|
269
275
|
|
@@ -1,3 +1,5 @@
|
|
1
|
+
@import "variables";
|
2
|
+
|
1
3
|
.datetimepicker-container {
|
2
4
|
width: 277px;
|
3
5
|
z-index: 2000;
|
@@ -7,16 +9,17 @@
|
|
7
9
|
border: 1px solid grey;
|
8
10
|
justify-content: center;
|
9
11
|
border-radius: 5px;
|
10
|
-
background:
|
12
|
+
background: $date-n-time-picker-container-color;
|
13
|
+
color: $date-n-time-picker-container-text-color;
|
11
14
|
|
12
15
|
.header{
|
13
16
|
width: inherit;
|
14
17
|
text-align: center;
|
15
|
-
background
|
16
|
-
color:
|
18
|
+
background: $date-n-time-picker-primary-color;
|
19
|
+
color: $date-n-time-picker-primary-text-color;
|
17
20
|
padding-top: 2%;
|
18
21
|
padding-bottom: 2%;
|
19
|
-
border-bottom: 1px solid
|
22
|
+
border-bottom: 1px solid $date-n-time-picker-primary-color;
|
20
23
|
border-radius: 0px 0px 2px 2px;
|
21
24
|
height: 26px;
|
22
25
|
font-size: 1rem;
|
@@ -33,7 +36,8 @@
|
|
33
36
|
.body.datepicker{
|
34
37
|
table thead{
|
35
38
|
th{
|
36
|
-
background:
|
39
|
+
background: $date-n-time-picker-container-color;
|
40
|
+
color: $date-n-time-picker-container-text-color;
|
37
41
|
}
|
38
42
|
}
|
39
43
|
td:not(:empty){
|
@@ -41,16 +45,16 @@
|
|
41
45
|
&:hover{
|
42
46
|
cursor: pointer;
|
43
47
|
&:not(.selected){
|
44
|
-
background-color:
|
48
|
+
background-color: $date-n-time-picker-primary-color;
|
45
49
|
opacity: 0.5;
|
46
|
-
color:
|
50
|
+
color: $date-n-time-picker-primary-text-color;
|
47
51
|
font-weight: bold;
|
48
52
|
border-radius: 5px;
|
49
53
|
}
|
50
54
|
}
|
51
55
|
&.selected{
|
52
|
-
background:
|
53
|
-
color:
|
56
|
+
background: $date-n-time-picker-primary-color;
|
57
|
+
color: $date-n-time-picker-primary-text-color;
|
54
58
|
border-radius: 5px;
|
55
59
|
font-weight: bold;
|
56
60
|
}
|
@@ -85,8 +89,8 @@
|
|
85
89
|
cursor: pointer;
|
86
90
|
border-radius: 5px;
|
87
91
|
font-weight: bold;
|
88
|
-
background
|
89
|
-
color
|
92
|
+
background: $date-n-time-picker-primary-color;
|
93
|
+
color:$date-n-time-picker-primary-text-color;
|
90
94
|
opacity: 0.5;
|
91
95
|
}
|
92
96
|
}
|
@@ -119,8 +123,8 @@
|
|
119
123
|
cursor: pointer;
|
120
124
|
border-radius: 5px;
|
121
125
|
font-weight: bold;
|
122
|
-
background
|
123
|
-
color
|
126
|
+
background: $date-n-time-picker-primary-color;
|
127
|
+
color:$date-n-time-picker-primary-text-color;
|
124
128
|
opacity: 0.5;
|
125
129
|
}
|
126
130
|
}
|
@@ -130,8 +134,8 @@
|
|
130
134
|
cursor: pointer;
|
131
135
|
border-radius: 5px;
|
132
136
|
font-weight: bold;
|
133
|
-
background
|
134
|
-
color:
|
137
|
+
background: $date-n-time-picker-primary-color;
|
138
|
+
color: $date-n-time-picker-primary-text-color;
|
135
139
|
opacity: 0.5;
|
136
140
|
height: fit-content;
|
137
141
|
padding: 5px;
|
@@ -148,16 +152,16 @@
|
|
148
152
|
div{
|
149
153
|
margin: 11px;
|
150
154
|
i{
|
151
|
-
color:
|
155
|
+
color: $date-n-time-picker-primary-color;
|
152
156
|
}
|
153
157
|
}
|
154
158
|
&:hover{
|
155
159
|
div{
|
156
|
-
background-color:
|
160
|
+
background-color: $date-n-time-picker-primary-color;
|
157
161
|
opacity: 0.5;
|
158
162
|
border-radius: 5px;
|
159
163
|
i{
|
160
|
-
color:
|
164
|
+
color: $date-n-time-picker-primary-text-color;
|
161
165
|
}
|
162
166
|
}
|
163
167
|
cursor: pointer;
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: date_n_time_picker_activeadmin
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Nikhitha Grace Josh
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2021-11-
|
11
|
+
date: 2021-11-19 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: font-awesome-sass
|
@@ -67,6 +67,7 @@ files:
|
|
67
67
|
- vendor/assets/javascripts/datetimepicker-constants.js
|
68
68
|
- vendor/assets/javascripts/datetimepicker-object.js
|
69
69
|
- vendor/assets/javascripts/datetimepicker.js
|
70
|
+
- vendor/assets/stylesheets/_variables.scss
|
70
71
|
- vendor/assets/stylesheets/date_n_time_picker_activeadmin.scss
|
71
72
|
- vendor/assets/stylesheets/datetimepicker.scss
|
72
73
|
- vendor/bundle/ruby/2.6.0/bin/byebug
|