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: 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