date_n_time_picker_activeadmin 0.1.1 → 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 85dd1407c67a4293a58c46bda5c40b08fbe27eeefab6c540e7b457d46c6b5f95
4
- data.tar.gz: 1596b93fe58c7170fc512d836b9c10fc98726bb740dae377b0a613fd340e4f49
3
+ metadata.gz: 88565c53f104fff2bea74ed61f3f062178cc6c11da16cbd01aad55dcb088870b
4
+ data.tar.gz: 805a1479e1b823b1c635a905bbe7b40486bb66e375f0b2c02daef1102ebd2cf6
5
5
  SHA512:
6
- metadata.gz: 19da5c2fd82b3a26aa9ba057138731c9b892ac11cd774e706a6c539d086c63cae66c99f7e50158f8b93ea8402edb10e3387268506616f3909650d6afd31b5e32
7
- data.tar.gz: a7d66afa3ff4db74e4dc32d132a3c4069a073b5777bfcece1fd6b945727a3a86941c6f42b75d383e2f4f9d870b3aa580d4e0c71177bfa80edaff36b921d15768
6
+ metadata.gz: c1f39da63495bb16edfc191b7ed1eaf18262530cc30489a023f6b1fd4604081176c49453128909e7acd7ccea921a71a1e84042a3dd99577b18cd390efd54159b
7
+ data.tar.gz: 29ef05215c07ecccad394b4b61c5347d779cdaaee95ab72791726460f9f2eac6e00317bdeb209e84af17b40ca516b0b921bd667cfd741aad587cdb83ecdccb8d
@@ -1,3 +1,3 @@
1
1
  module DateNTimePickerActiveadmin
2
- VERSION = "0.1.1"
2
+ VERSION = "0.1.2"
3
3
  end
@@ -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
- <i class="far fa-clock"></i>
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').children().toggleClass("fa-calendar-alt fa-clock")
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
 
@@ -0,0 +1,4 @@
1
+ $date-n-time-picker-primary-color: #339AF0 !default;
2
+ $date-n-time-picker-primary-text-color: white !default;
3
+ $date-n-time-picker-container-color: white !default;
4
+ $date-n-time-picker-container-text-color: #323537 !default;
@@ -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: white;
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:#339AF0;
16
- color: white;
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 #339AF0;
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: white;
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: #339AF0;
48
+ background-color: $date-n-time-picker-primary-color;
45
49
  opacity: 0.5;
46
- color: white;
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: #339AF0;
53
- color: white;
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:#339AF0;
89
- color:white;
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:#339AF0;
123
- color:white;
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:#339AF0;
134
- color:white;
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: #339AF0;
155
+ color: $date-n-time-picker-primary-color;
152
156
  }
153
157
  }
154
158
  &:hover{
155
159
  div{
156
- background-color: #339AF0;
160
+ background-color: $date-n-time-picker-primary-color;
157
161
  opacity: 0.5;
158
162
  border-radius: 5px;
159
163
  i{
160
- color: white;
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.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-18 00:00:00.000000000 Z
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