rails_admin 0.7.0 → 0.8.1
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.
Potentially problematic release.
This version of rails_admin might be problematic. Click here for more details.
- checksums.yaml +4 -4
- data/Gemfile +13 -2
- data/README.md +2 -2
- data/app/assets/javascripts/rails_admin/ra.filter-box.js +53 -39
- data/app/assets/javascripts/rails_admin/ra.filtering-multiselect.js +50 -32
- data/app/assets/javascripts/rails_admin/ra.i18n.coffee +5 -3
- data/app/assets/javascripts/rails_admin/ra.widgets.coffee +21 -6
- data/app/assets/javascripts/rails_admin/rails_admin.js +2 -3
- data/app/assets/stylesheets/rails_admin/base/theming.scss +6 -7
- data/app/assets/stylesheets/rails_admin/custom/mixins.scss +3 -4
- data/app/assets/stylesheets/rails_admin/custom/theming.scss +4 -4
- data/app/assets/stylesheets/rails_admin/custom/variables.scss +4 -4
- data/app/assets/stylesheets/rails_admin/rails_admin.scss.erb +3 -3
- data/app/assets/stylesheets/rails_admin/themes/default/mixins.scss +2 -2
- data/app/assets/stylesheets/rails_admin/themes/default/theming.scss +3 -3
- data/app/assets/stylesheets/rails_admin/themes/default/variables.scss +3 -3
- data/app/controllers/rails_admin/application_controller.rb +0 -2
- data/app/controllers/rails_admin/main_controller.rb +6 -5
- data/app/helpers/rails_admin/application_helper.rb +3 -3
- data/app/helpers/rails_admin/main_helper.rb +45 -0
- data/app/views/layouts/rails_admin/application.html.haml +2 -2
- data/app/views/layouts/rails_admin/pjax.html.haml +2 -2
- data/app/views/rails_admin/main/_form_datetime.html.haml +4 -1
- data/app/views/rails_admin/main/_form_filtering_multiselect.html.haml +1 -0
- data/app/views/rails_admin/main/_submit_buttons.html.haml +1 -1
- data/app/views/rails_admin/main/export.html.haml +13 -13
- data/app/views/rails_admin/main/index.html.haml +20 -64
- data/config/locales/rails_admin.en.yml +0 -1
- data/lib/generators/rails_admin/templates/initializer.erb +3 -0
- data/lib/rails_admin.rb +2 -1
- data/lib/rails_admin/abstract_model.rb +14 -16
- data/lib/rails_admin/adapters/active_record.rb +17 -8
- data/lib/rails_admin/adapters/active_record/association.rb +5 -0
- data/lib/rails_admin/adapters/mongoid.rb +7 -12
- data/lib/rails_admin/adapters/mongoid/association.rb +5 -0
- data/lib/rails_admin/config/actions/export.rb +1 -1
- data/lib/rails_admin/config/fields.rb +1 -0
- data/lib/rails_admin/config/fields/association.rb +5 -0
- data/lib/rails_admin/config/fields/base.rb +4 -0
- data/lib/rails_admin/config/fields/factories/paperclip.rb +1 -1
- data/lib/rails_admin/config/fields/factories/refile.rb +25 -0
- data/lib/rails_admin/config/fields/types/active_record_enum.rb +5 -5
- data/lib/rails_admin/config/fields/types/all.rb +1 -0
- data/lib/rails_admin/config/fields/types/bson_object_id.rb +16 -2
- data/lib/rails_admin/config/fields/types/date.rb +19 -8
- data/lib/rails_admin/config/fields/types/datetime.rb +33 -117
- data/lib/rails_admin/config/fields/types/json.rb +5 -2
- data/lib/rails_admin/config/fields/types/refile.rb +27 -0
- data/lib/rails_admin/config/fields/types/serialized.rb +5 -2
- data/lib/rails_admin/config/fields/types/time.rb +6 -18
- data/lib/rails_admin/config/has_fields.rb +2 -2
- data/lib/rails_admin/config/lazy_model.rb +2 -2
- data/lib/rails_admin/config/proxyable/proxy.rb +2 -4
- data/lib/rails_admin/extensions/pundit.rb +3 -0
- data/lib/rails_admin/extensions/pundit/authorization_adapter.rb +63 -0
- data/lib/rails_admin/support/datetime.rb +99 -0
- data/lib/rails_admin/support/hash_helper.rb +28 -0
- data/lib/rails_admin/support/i18n.rb +41 -0
- data/lib/rails_admin/version.rb +2 -2
- data/vendor/assets/javascripts/rails_admin/bootstrap-datetimepicker.js +2444 -0
- data/vendor/assets/javascripts/rails_admin/moment-with-locales.js +9977 -0
- data/vendor/assets/stylesheets/rails_admin/_bootstrap-datetimepicker.scss +343 -0
- data/vendor/assets/stylesheets/rails_admin/bootstrap-datetimepicker-build.scss +16 -0
- metadata +14 -9
- data/app/assets/javascripts/rails_admin/jquery.ui.timepicker.js +0 -1437
- data/app/assets/javascripts/rails_admin/ra.datetimepicker.js +0 -83
- data/app/assets/stylesheets/rails_admin/jquery.ui.timepicker.scss +0 -68
- data/app/assets/stylesheets/rails_admin/ra.calendar-additions.scss +0 -45
- data/lib/rails_admin/i18n_support.rb +0 -39
- data/lib/rails_admin/support/core_extensions.rb +0 -30
|
@@ -0,0 +1,343 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Datetimepicker for Bootstrap 3
|
|
3
|
+
* ! version : 4.7.14
|
|
4
|
+
* https://github.com/Eonasdan/bootstrap-datetimepicker/
|
|
5
|
+
*/
|
|
6
|
+
$bs-datetimepicker-timepicker-font-size: 1.2em;
|
|
7
|
+
$bs-datetimepicker-active-bg: $btn-primary-bg;
|
|
8
|
+
$bs-datetimepicker-active-color: $btn-primary-color;
|
|
9
|
+
$bs-datetimepicker-border-radius: $border-radius-base;
|
|
10
|
+
$bs-datetimepicker-btn-hover-bg: $gray-lighter;
|
|
11
|
+
$bs-datetimepicker-disabled-color: $gray-light;
|
|
12
|
+
$bs-datetimepicker-alternate-color: $gray-light;
|
|
13
|
+
$bs-datetimepicker-secondary-border-color: #ccc;
|
|
14
|
+
$bs-datetimepicker-secondary-border-color-rgba: rgba(0, 0, 0, 0.2);
|
|
15
|
+
$bs-datetimepicker-primary-border-color: white;
|
|
16
|
+
$bs-datetimepicker-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
17
|
+
|
|
18
|
+
.bootstrap-datetimepicker-widget {
|
|
19
|
+
list-style: none;
|
|
20
|
+
|
|
21
|
+
&.dropdown-menu {
|
|
22
|
+
margin: 2px 0;
|
|
23
|
+
padding: 4px;
|
|
24
|
+
width: 19em;
|
|
25
|
+
|
|
26
|
+
&.timepicker-sbs {
|
|
27
|
+
@media (min-width: $screen-sm-min) {
|
|
28
|
+
width: 38em;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@media (min-width: $screen-md-min) {
|
|
32
|
+
width: 38em;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@media (min-width: $screen-lg-min) {
|
|
36
|
+
width: 38em;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&:before, &:after {
|
|
41
|
+
content: '';
|
|
42
|
+
display: inline-block;
|
|
43
|
+
position: absolute;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
&.bottom {
|
|
47
|
+
&:before {
|
|
48
|
+
border-left: 7px solid transparent;
|
|
49
|
+
border-right: 7px solid transparent;
|
|
50
|
+
border-bottom: 7px solid $bs-datetimepicker-secondary-border-color;
|
|
51
|
+
border-bottom-color: $bs-datetimepicker-secondary-border-color-rgba;
|
|
52
|
+
top: -7px;
|
|
53
|
+
left: 7px;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
&:after {
|
|
57
|
+
border-left: 6px solid transparent;
|
|
58
|
+
border-right: 6px solid transparent;
|
|
59
|
+
border-bottom: 6px solid $bs-datetimepicker-primary-border-color;
|
|
60
|
+
top: -6px;
|
|
61
|
+
left: 8px;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
&.top {
|
|
66
|
+
&:before {
|
|
67
|
+
border-left: 7px solid transparent;
|
|
68
|
+
border-right: 7px solid transparent;
|
|
69
|
+
border-top: 7px solid $bs-datetimepicker-secondary-border-color;
|
|
70
|
+
border-top-color: $bs-datetimepicker-secondary-border-color-rgba;
|
|
71
|
+
bottom: -7px;
|
|
72
|
+
left: 6px;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
&:after {
|
|
76
|
+
border-left: 6px solid transparent;
|
|
77
|
+
border-right: 6px solid transparent;
|
|
78
|
+
border-top: 6px solid $bs-datetimepicker-primary-border-color;
|
|
79
|
+
bottom: -6px;
|
|
80
|
+
left: 7px;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
&.pull-right {
|
|
85
|
+
&:before {
|
|
86
|
+
left: auto;
|
|
87
|
+
right: 6px;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
&:after {
|
|
91
|
+
left: auto;
|
|
92
|
+
right: 7px;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.list-unstyled {
|
|
98
|
+
margin: 0;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
a[data-action] {
|
|
102
|
+
padding: 6px 0;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
a[data-action]:active {
|
|
106
|
+
box-shadow: none;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.timepicker-hour, .timepicker-minute, .timepicker-second {
|
|
110
|
+
width: 54px;
|
|
111
|
+
font-weight: bold;
|
|
112
|
+
font-size: $bs-datetimepicker-timepicker-font-size;
|
|
113
|
+
margin: 0;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
button[data-action] {
|
|
117
|
+
padding: 6px;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.btn[data-action="incrementHours"]::after {
|
|
121
|
+
@extend .sr-only;
|
|
122
|
+
content: "Increment Hours";
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.btn[data-action="incrementMinutes"]::after {
|
|
126
|
+
@extend .sr-only;
|
|
127
|
+
content: "Increment Minutes";
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.btn[data-action="decrementHours"]::after {
|
|
131
|
+
@extend .sr-only;
|
|
132
|
+
content: "Decrement Hours";
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.btn[data-action="decrementMinutes"]::after {
|
|
136
|
+
@extend .sr-only;
|
|
137
|
+
content: "Decrement Minutes";
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.btn[data-action="showHours"]::after {
|
|
141
|
+
@extend .sr-only;
|
|
142
|
+
content: "Show Hours";
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.btn[data-action="showMinutes"]::after {
|
|
146
|
+
@extend .sr-only;
|
|
147
|
+
content: "Show Minutes";
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.btn[data-action="togglePeriod"]::after {
|
|
151
|
+
@extend .sr-only;
|
|
152
|
+
content: "Toggle AM/PM";
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.btn[data-action="clear"]::after {
|
|
156
|
+
@extend .sr-only;
|
|
157
|
+
content: "Clear the picker";
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.btn[data-action="today"]::after {
|
|
161
|
+
@extend .sr-only;
|
|
162
|
+
content: "Set the date to today";
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.picker-switch {
|
|
166
|
+
text-align: center;
|
|
167
|
+
|
|
168
|
+
&::after {
|
|
169
|
+
@extend .sr-only;
|
|
170
|
+
content: "Toggle Date and Time Screens";
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
td {
|
|
174
|
+
padding: 0;
|
|
175
|
+
margin: 0;
|
|
176
|
+
height: auto;
|
|
177
|
+
width: auto;
|
|
178
|
+
line-height: inherit;
|
|
179
|
+
|
|
180
|
+
span {
|
|
181
|
+
line-height: 2.5;
|
|
182
|
+
height: 2.5em;
|
|
183
|
+
width: 100%;
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
table {
|
|
189
|
+
width: 100%;
|
|
190
|
+
margin: 0;
|
|
191
|
+
|
|
192
|
+
|
|
193
|
+
& td,
|
|
194
|
+
& th {
|
|
195
|
+
text-align: center;
|
|
196
|
+
border-radius: $bs-datetimepicker-border-radius;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
& th {
|
|
200
|
+
height: 20px;
|
|
201
|
+
line-height: 20px;
|
|
202
|
+
width: 20px;
|
|
203
|
+
|
|
204
|
+
&.picker-switch {
|
|
205
|
+
width: 145px;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
&.disabled,
|
|
209
|
+
&.disabled:hover {
|
|
210
|
+
background: none;
|
|
211
|
+
color: $bs-datetimepicker-disabled-color;
|
|
212
|
+
cursor: not-allowed;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
&.prev::after {
|
|
216
|
+
@extend .sr-only;
|
|
217
|
+
content: "Previous Month";
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
&.next::after {
|
|
221
|
+
@extend .sr-only;
|
|
222
|
+
content: "Next Month";
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
& thead tr:first-child th {
|
|
227
|
+
cursor: pointer;
|
|
228
|
+
|
|
229
|
+
&:hover {
|
|
230
|
+
background: $bs-datetimepicker-btn-hover-bg;
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
& td {
|
|
235
|
+
height: 54px;
|
|
236
|
+
line-height: 54px;
|
|
237
|
+
width: 54px;
|
|
238
|
+
|
|
239
|
+
&.cw {
|
|
240
|
+
font-size: .8em;
|
|
241
|
+
height: 20px;
|
|
242
|
+
line-height: 20px;
|
|
243
|
+
color: $bs-datetimepicker-alternate-color;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
&.day {
|
|
247
|
+
height: 20px;
|
|
248
|
+
line-height: 20px;
|
|
249
|
+
width: 20px;
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
&.day:hover,
|
|
253
|
+
&.hour:hover,
|
|
254
|
+
&.minute:hover,
|
|
255
|
+
&.second:hover {
|
|
256
|
+
background: $bs-datetimepicker-btn-hover-bg;
|
|
257
|
+
cursor: pointer;
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
&.old,
|
|
261
|
+
&.new {
|
|
262
|
+
color: $bs-datetimepicker-alternate-color;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
&.today {
|
|
266
|
+
position: relative;
|
|
267
|
+
|
|
268
|
+
&:before {
|
|
269
|
+
content: '';
|
|
270
|
+
display: inline-block;
|
|
271
|
+
border: 0 0 7px 7px solid transparent;
|
|
272
|
+
border-bottom-color: $bs-datetimepicker-active-bg;
|
|
273
|
+
border-top-color: $bs-datetimepicker-secondary-border-color-rgba;
|
|
274
|
+
position: absolute;
|
|
275
|
+
bottom: 4px;
|
|
276
|
+
right: 4px;
|
|
277
|
+
}
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
&.active,
|
|
281
|
+
&.active:hover {
|
|
282
|
+
background-color: $bs-datetimepicker-active-bg;
|
|
283
|
+
color: $bs-datetimepicker-active-color;
|
|
284
|
+
text-shadow: $bs-datetimepicker-text-shadow;
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
&.active.today:before {
|
|
288
|
+
border-bottom-color: #fff;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
&.disabled,
|
|
292
|
+
&.disabled:hover {
|
|
293
|
+
background: none;
|
|
294
|
+
color: $bs-datetimepicker-disabled-color;
|
|
295
|
+
cursor: not-allowed;
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
span {
|
|
299
|
+
display: inline-block;
|
|
300
|
+
width: 54px;
|
|
301
|
+
height: 54px;
|
|
302
|
+
line-height: 54px;
|
|
303
|
+
margin: 2px 1.5px;
|
|
304
|
+
cursor: pointer;
|
|
305
|
+
border-radius: $bs-datetimepicker-border-radius;
|
|
306
|
+
|
|
307
|
+
&:hover {
|
|
308
|
+
background: $bs-datetimepicker-btn-hover-bg;
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
&.active {
|
|
312
|
+
background-color: $bs-datetimepicker-active-bg;
|
|
313
|
+
color: $bs-datetimepicker-active-color;
|
|
314
|
+
text-shadow: $bs-datetimepicker-text-shadow;
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
&.old {
|
|
318
|
+
color: $bs-datetimepicker-alternate-color;
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
&.disabled,
|
|
322
|
+
&.disabled:hover {
|
|
323
|
+
background: none;
|
|
324
|
+
color: $bs-datetimepicker-disabled-color;
|
|
325
|
+
cursor: not-allowed;
|
|
326
|
+
}
|
|
327
|
+
}
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
&.usetwentyfour {
|
|
332
|
+
td.hour {
|
|
333
|
+
height: 27px;
|
|
334
|
+
line-height: 27px;
|
|
335
|
+
}
|
|
336
|
+
}
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
.input-group.date {
|
|
340
|
+
& .input-group-addon {
|
|
341
|
+
cursor: pointer;
|
|
342
|
+
}
|
|
343
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
// Import bootstrap variables including default color palette and fonts
|
|
2
|
+
//@import "../../node_modules/bootstrap/less/variables.less";
|
|
3
|
+
|
|
4
|
+
.sr-only {
|
|
5
|
+
position: absolute;
|
|
6
|
+
width: 1px;
|
|
7
|
+
height: 1px;
|
|
8
|
+
margin: -1px;
|
|
9
|
+
padding: 0;
|
|
10
|
+
overflow: hidden;
|
|
11
|
+
clip: rect(0,0,0,0);
|
|
12
|
+
border: 0;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
// Import datepicker component
|
|
16
|
+
@import "_bootstrap-datetimepicker";
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: rails_admin
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.8.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Erik Michaels-Ober
|
|
@@ -12,7 +12,7 @@ authors:
|
|
|
12
12
|
autorequire:
|
|
13
13
|
bindir: bin
|
|
14
14
|
cert_chain: []
|
|
15
|
-
date: 2015-
|
|
15
|
+
date: 2015-11-24 00:00:00.000000000 Z
|
|
16
16
|
dependencies:
|
|
17
17
|
- !ruby/object:Gem::Dependency
|
|
18
18
|
name: builder
|
|
@@ -304,8 +304,6 @@ files:
|
|
|
304
304
|
- app/assets/javascripts/rails_admin/jquery.colorpicker.js
|
|
305
305
|
- app/assets/javascripts/rails_admin/jquery.pjax.js
|
|
306
306
|
- app/assets/javascripts/rails_admin/jquery.remotipart.fixed.js
|
|
307
|
-
- app/assets/javascripts/rails_admin/jquery.ui.timepicker.js
|
|
308
|
-
- app/assets/javascripts/rails_admin/ra.datetimepicker.js
|
|
309
307
|
- app/assets/javascripts/rails_admin/ra.filter-box.js
|
|
310
308
|
- app/assets/javascripts/rails_admin/ra.filtering-multiselect.js
|
|
311
309
|
- app/assets/javascripts/rails_admin/ra.filtering-select.js
|
|
@@ -401,8 +399,6 @@ files:
|
|
|
401
399
|
- app/assets/stylesheets/rails_admin/custom/theming.scss
|
|
402
400
|
- app/assets/stylesheets/rails_admin/custom/variables.scss
|
|
403
401
|
- app/assets/stylesheets/rails_admin/jquery.colorpicker.scss
|
|
404
|
-
- app/assets/stylesheets/rails_admin/jquery.ui.timepicker.scss
|
|
405
|
-
- app/assets/stylesheets/rails_admin/ra.calendar-additions.scss
|
|
406
402
|
- app/assets/stylesheets/rails_admin/ra.filtering-multiselect.scss
|
|
407
403
|
- app/assets/stylesheets/rails_admin/ra.widgets.scss
|
|
408
404
|
- app/assets/stylesheets/rails_admin/rails_admin.scss.erb
|
|
@@ -503,6 +499,7 @@ files:
|
|
|
503
499
|
- lib/rails_admin/config/fields/factories/enum.rb
|
|
504
500
|
- lib/rails_admin/config/fields/factories/paperclip.rb
|
|
505
501
|
- lib/rails_admin/config/fields/factories/password.rb
|
|
502
|
+
- lib/rails_admin/config/fields/factories/refile.rb
|
|
506
503
|
- lib/rails_admin/config/fields/group.rb
|
|
507
504
|
- lib/rails_admin/config/fields/types.rb
|
|
508
505
|
- lib/rails_admin/config/fields/types/active_record_enum.rb
|
|
@@ -532,6 +529,7 @@ files:
|
|
|
532
529
|
- lib/rails_admin/config/fields/types/paperclip.rb
|
|
533
530
|
- lib/rails_admin/config/fields/types/password.rb
|
|
534
531
|
- lib/rails_admin/config/fields/types/polymorphic_association.rb
|
|
532
|
+
- lib/rails_admin/config/fields/types/refile.rb
|
|
535
533
|
- lib/rails_admin/config/fields/types/serialized.rb
|
|
536
534
|
- lib/rails_admin/config/fields/types/string.rb
|
|
537
535
|
- lib/rails_admin/config/fields/types/text.rb
|
|
@@ -569,11 +567,18 @@ files:
|
|
|
569
567
|
- lib/rails_admin/extensions/history/history.rb
|
|
570
568
|
- lib/rails_admin/extensions/paper_trail.rb
|
|
571
569
|
- lib/rails_admin/extensions/paper_trail/auditing_adapter.rb
|
|
572
|
-
- lib/rails_admin/
|
|
573
|
-
- lib/rails_admin/
|
|
570
|
+
- lib/rails_admin/extensions/pundit.rb
|
|
571
|
+
- lib/rails_admin/extensions/pundit/authorization_adapter.rb
|
|
574
572
|
- lib/rails_admin/support/csv_converter.rb
|
|
573
|
+
- lib/rails_admin/support/datetime.rb
|
|
574
|
+
- lib/rails_admin/support/hash_helper.rb
|
|
575
|
+
- lib/rails_admin/support/i18n.rb
|
|
575
576
|
- lib/rails_admin/version.rb
|
|
576
577
|
- lib/tasks/rails_admin.rake
|
|
578
|
+
- vendor/assets/javascripts/rails_admin/bootstrap-datetimepicker.js
|
|
579
|
+
- vendor/assets/javascripts/rails_admin/moment-with-locales.js
|
|
580
|
+
- vendor/assets/stylesheets/rails_admin/_bootstrap-datetimepicker.scss
|
|
581
|
+
- vendor/assets/stylesheets/rails_admin/bootstrap-datetimepicker-build.scss
|
|
577
582
|
homepage: https://github.com/sferik/rails_admin
|
|
578
583
|
licenses:
|
|
579
584
|
- MIT
|
|
@@ -594,7 +599,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
594
599
|
version: 1.8.11
|
|
595
600
|
requirements: []
|
|
596
601
|
rubyforge_project:
|
|
597
|
-
rubygems_version: 2.4.
|
|
602
|
+
rubygems_version: 2.4.5.1
|
|
598
603
|
signing_key:
|
|
599
604
|
specification_version: 4
|
|
600
605
|
summary: Admin for Rails
|
|
@@ -1,1437 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* jQuery UI Timepicker
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2010-2013, Francois Gelinas
|
|
5
|
-
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|
6
|
-
* http://jquery.org/license
|
|
7
|
-
*
|
|
8
|
-
* http://fgelinas.com/code/timepicker
|
|
9
|
-
*
|
|
10
|
-
* Depends:
|
|
11
|
-
* jquery.ui.core.js
|
|
12
|
-
* jquery.ui.position.js (only if position settngs are used)
|
|
13
|
-
*
|
|
14
|
-
* Change version 0.1.0 - moved the t-rex up here
|
|
15
|
-
*
|
|
16
|
-
____
|
|
17
|
-
___ .-~. /_"-._
|
|
18
|
-
`-._~-. / /_ "~o\ :Y
|
|
19
|
-
\ \ / : \~x. ` ')
|
|
20
|
-
] Y / | Y< ~-.__j
|
|
21
|
-
/ ! _.--~T : l l< /.-~
|
|
22
|
-
/ / ____.--~ . ` l /~\ \<|Y
|
|
23
|
-
/ / .-~~" /| . ',-~\ \L|
|
|
24
|
-
/ / / .^ \ Y~Y \.^>/l_ "--'
|
|
25
|
-
/ Y .-"( . l__ j_j l_/ /~_.-~ .
|
|
26
|
-
Y l / \ ) ~~~." / `/"~ / \.__/l_
|
|
27
|
-
| \ _.-" ~-{__ l : l._Z~-.___.--~
|
|
28
|
-
| ~---~ / ~~"---\_ ' __[>
|
|
29
|
-
l . _.^ ___ _>-y~
|
|
30
|
-
\ \ . .-~ .-~ ~>--" /
|
|
31
|
-
\ ~---" / ./ _.-'
|
|
32
|
-
"-.,_____.,_ _.--~\ _.-~
|
|
33
|
-
~~ ( _} -Row
|
|
34
|
-
`. ~(
|
|
35
|
-
) \
|
|
36
|
-
/,`--'~\--'~\
|
|
37
|
-
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
|
38
|
-
->T-Rex<-
|
|
39
|
-
*/
|
|
40
|
-
|
|
41
|
-
(function ($) {
|
|
42
|
-
|
|
43
|
-
$.extend($.ui, { timepicker: { version: "0.3.2"} });
|
|
44
|
-
|
|
45
|
-
var PROP_NAME = 'timepicker',
|
|
46
|
-
tpuuid = new Date().getTime();
|
|
47
|
-
|
|
48
|
-
/* Time picker manager.
|
|
49
|
-
Use the singleton instance of this class, $.timepicker, to interact with the time picker.
|
|
50
|
-
Settings for (groups of) time pickers are maintained in an instance object,
|
|
51
|
-
allowing multiple different settings on the same page. */
|
|
52
|
-
|
|
53
|
-
function Timepicker() {
|
|
54
|
-
this.debug = true; // Change this to true to start debugging
|
|
55
|
-
this._curInst = null; // The current instance in use
|
|
56
|
-
this._disabledInputs = []; // List of time picker inputs that have been disabled
|
|
57
|
-
this._timepickerShowing = false; // True if the popup picker is showing , false if not
|
|
58
|
-
this._inDialog = false; // True if showing within a "dialog", false if not
|
|
59
|
-
this._dialogClass = 'ui-timepicker-dialog'; // The name of the dialog marker class
|
|
60
|
-
this._mainDivId = 'ui-timepicker-div'; // The ID of the main timepicker division
|
|
61
|
-
this._inlineClass = 'ui-timepicker-inline'; // The name of the inline marker class
|
|
62
|
-
this._currentClass = 'ui-timepicker-current'; // The name of the current hour / minutes marker class
|
|
63
|
-
this._dayOverClass = 'ui-timepicker-days-cell-over'; // The name of the day hover marker class
|
|
64
|
-
|
|
65
|
-
this.regional = []; // Available regional settings, indexed by language code
|
|
66
|
-
this.regional[''] = { // Default regional settings
|
|
67
|
-
hourText: 'Hour', // Display text for hours section
|
|
68
|
-
minuteText: 'Minute', // Display text for minutes link
|
|
69
|
-
amPmText: ['AM', 'PM'], // Display text for AM PM
|
|
70
|
-
closeButtonText: 'Done', // Text for the confirmation button (ok button)
|
|
71
|
-
nowButtonText: 'Now', // Text for the now button
|
|
72
|
-
deselectButtonText: 'Deselect' // Text for the deselect button
|
|
73
|
-
};
|
|
74
|
-
this._defaults = { // Global defaults for all the time picker instances
|
|
75
|
-
showOn: 'focus', // 'focus' for popup on focus,
|
|
76
|
-
// 'button' for trigger button, or 'both' for either (not yet implemented)
|
|
77
|
-
button: null, // 'button' element that will trigger the timepicker
|
|
78
|
-
showAnim: 'fadeIn', // Name of jQuery animation for popup
|
|
79
|
-
showOptions: {}, // Options for enhanced animations
|
|
80
|
-
appendText: '', // Display text following the input box, e.g. showing the format
|
|
81
|
-
|
|
82
|
-
beforeShow: null, // Define a callback function executed before the timepicker is shown
|
|
83
|
-
onSelect: null, // Define a callback function when a hour / minutes is selected
|
|
84
|
-
onClose: null, // Define a callback function when the timepicker is closed
|
|
85
|
-
|
|
86
|
-
timeSeparator: ':', // The character to use to separate hours and minutes.
|
|
87
|
-
periodSeparator: ' ', // The character to use to separate the time from the time period.
|
|
88
|
-
showPeriod: false, // Define whether or not to show AM/PM with selected time
|
|
89
|
-
showPeriodLabels: true, // Show the AM/PM labels on the left of the time picker
|
|
90
|
-
showLeadingZero: true, // Define whether or not to show a leading zero for hours < 10. [true/false]
|
|
91
|
-
showMinutesLeadingZero: true, // Define whether or not to show a leading zero for minutes < 10.
|
|
92
|
-
altField: '', // Selector for an alternate field to store selected time into
|
|
93
|
-
defaultTime: 'now', // Used as default time when input field is empty or for inline timePicker
|
|
94
|
-
// (set to 'now' for the current time, '' for no highlighted time)
|
|
95
|
-
myPosition: 'left top', // Position of the dialog relative to the input.
|
|
96
|
-
// see the position utility for more info : http://jqueryui.com/demos/position/
|
|
97
|
-
atPosition: 'left bottom', // Position of the input element to match
|
|
98
|
-
// Note : if the position utility is not loaded, the timepicker will attach left top to left bottom
|
|
99
|
-
//NEW: 2011-02-03
|
|
100
|
-
onHourShow: null, // callback for enabling / disabling on selectable hours ex : function(hour) { return true; }
|
|
101
|
-
onMinuteShow: null, // callback for enabling / disabling on time selection ex : function(hour,minute) { return true; }
|
|
102
|
-
|
|
103
|
-
hours: {
|
|
104
|
-
starts: 0, // first displayed hour
|
|
105
|
-
ends: 23 // last displayed hour
|
|
106
|
-
},
|
|
107
|
-
minutes: {
|
|
108
|
-
starts: 0, // first displayed minute
|
|
109
|
-
ends: 55, // last displayed minute
|
|
110
|
-
interval: 5 // interval of displayed minutes
|
|
111
|
-
},
|
|
112
|
-
rows: 4, // number of rows for the input tables, minimum 2, makes more sense if you use multiple of 2
|
|
113
|
-
// 2011-08-05 0.2.4
|
|
114
|
-
showHours: true, // display the hours section of the dialog
|
|
115
|
-
showMinutes: true, // display the minute section of the dialog
|
|
116
|
-
optionalMinutes: false, // optionally parse inputs of whole hours with minutes omitted
|
|
117
|
-
|
|
118
|
-
// buttons
|
|
119
|
-
showCloseButton: false, // shows an OK button to confirm the edit
|
|
120
|
-
showNowButton: false, // Shows the 'now' button
|
|
121
|
-
showDeselectButton: false // Shows the deselect time button
|
|
122
|
-
|
|
123
|
-
};
|
|
124
|
-
$.extend(this._defaults, this.regional['']);
|
|
125
|
-
|
|
126
|
-
this.tpDiv = $('<div id="' + this._mainDivId + '" class="ui-timepicker ui-widget ui-helper-clearfix ui-corner-all " style="display: none"></div>');
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
$.extend(Timepicker.prototype, {
|
|
130
|
-
/* Class name added to elements to indicate already configured with a time picker. */
|
|
131
|
-
markerClassName: 'hasTimepicker',
|
|
132
|
-
|
|
133
|
-
/* Debug logging (if enabled). */
|
|
134
|
-
log: function () {
|
|
135
|
-
if (this.debug)
|
|
136
|
-
console.log.apply('', arguments);
|
|
137
|
-
},
|
|
138
|
-
|
|
139
|
-
_widgetTimepicker: function () {
|
|
140
|
-
return this.tpDiv;
|
|
141
|
-
},
|
|
142
|
-
|
|
143
|
-
/* Override the default settings for all instances of the time picker.
|
|
144
|
-
@param settings object - the new settings to use as defaults (anonymous object)
|
|
145
|
-
@return the manager object */
|
|
146
|
-
setDefaults: function (settings) {
|
|
147
|
-
extendRemove(this._defaults, settings || {});
|
|
148
|
-
return this;
|
|
149
|
-
},
|
|
150
|
-
|
|
151
|
-
/* Attach the time picker to a jQuery selection.
|
|
152
|
-
@param target element - the target input field or division or span
|
|
153
|
-
@param settings object - the new settings to use for this time picker instance (anonymous) */
|
|
154
|
-
_attachTimepicker: function (target, settings) {
|
|
155
|
-
// check for settings on the control itself - in namespace 'time:'
|
|
156
|
-
var inlineSettings = null;
|
|
157
|
-
for (var attrName in this._defaults) {
|
|
158
|
-
var attrValue = target.getAttribute('time:' + attrName);
|
|
159
|
-
if (attrValue) {
|
|
160
|
-
inlineSettings = inlineSettings || {};
|
|
161
|
-
try {
|
|
162
|
-
inlineSettings[attrName] = eval(attrValue);
|
|
163
|
-
} catch (err) {
|
|
164
|
-
inlineSettings[attrName] = attrValue;
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
var nodeName = target.nodeName.toLowerCase();
|
|
169
|
-
var inline = (nodeName == 'div' || nodeName == 'span');
|
|
170
|
-
|
|
171
|
-
if (!target.id) {
|
|
172
|
-
this.uuid += 1;
|
|
173
|
-
target.id = 'tp' + this.uuid;
|
|
174
|
-
}
|
|
175
|
-
var inst = this._newInst($(target), inline);
|
|
176
|
-
inst.settings = $.extend({}, settings || {}, inlineSettings || {});
|
|
177
|
-
if (nodeName == 'input') {
|
|
178
|
-
this._connectTimepicker(target, inst);
|
|
179
|
-
// init inst.hours and inst.minutes from the input value
|
|
180
|
-
this._setTimeFromField(inst);
|
|
181
|
-
} else if (inline) {
|
|
182
|
-
this._inlineTimepicker(target, inst);
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
},
|
|
187
|
-
|
|
188
|
-
/* Create a new instance object. */
|
|
189
|
-
_newInst: function (target, inline) {
|
|
190
|
-
var id = target[0].id.replace(/([^A-Za-z0-9_-])/g, '\\\\$1'); // escape jQuery meta chars
|
|
191
|
-
return {
|
|
192
|
-
id: id, input: target, // associated target
|
|
193
|
-
inline: inline, // is timepicker inline or not :
|
|
194
|
-
tpDiv: (!inline ? this.tpDiv : // presentation div
|
|
195
|
-
$('<div class="' + this._inlineClass + ' ui-timepicker ui-widget ui-helper-clearfix"></div>'))
|
|
196
|
-
};
|
|
197
|
-
},
|
|
198
|
-
|
|
199
|
-
/* Attach the time picker to an input field. */
|
|
200
|
-
_connectTimepicker: function (target, inst) {
|
|
201
|
-
var input = $(target);
|
|
202
|
-
inst.append = $([]);
|
|
203
|
-
inst.trigger = $([]);
|
|
204
|
-
if (input.hasClass(this.markerClassName)) { return; }
|
|
205
|
-
this._attachments(input, inst);
|
|
206
|
-
input.addClass(this.markerClassName).
|
|
207
|
-
keydown(this._doKeyDown).
|
|
208
|
-
keyup(this._doKeyUp).
|
|
209
|
-
bind("setData.timepicker", function (event, key, value) {
|
|
210
|
-
inst.settings[key] = value;
|
|
211
|
-
}).
|
|
212
|
-
bind("getData.timepicker", function (event, key) {
|
|
213
|
-
return this._get(inst, key);
|
|
214
|
-
});
|
|
215
|
-
$.data(target, PROP_NAME, inst);
|
|
216
|
-
},
|
|
217
|
-
|
|
218
|
-
/* Handle keystrokes. */
|
|
219
|
-
_doKeyDown: function (event) {
|
|
220
|
-
var inst = $.timepicker._getInst(event.target);
|
|
221
|
-
var handled = true;
|
|
222
|
-
inst._keyEvent = true;
|
|
223
|
-
if ($.timepicker._timepickerShowing) {
|
|
224
|
-
switch (event.keyCode) {
|
|
225
|
-
case 9: $.timepicker._hideTimepicker();
|
|
226
|
-
handled = false;
|
|
227
|
-
break; // hide on tab out
|
|
228
|
-
case 13:
|
|
229
|
-
$.timepicker._updateSelectedValue(inst);
|
|
230
|
-
$.timepicker._hideTimepicker();
|
|
231
|
-
|
|
232
|
-
return false; // don't submit the form
|
|
233
|
-
break; // select the value on enter
|
|
234
|
-
case 27: $.timepicker._hideTimepicker();
|
|
235
|
-
break; // hide on escape
|
|
236
|
-
default: handled = false;
|
|
237
|
-
}
|
|
238
|
-
}
|
|
239
|
-
else if (event.keyCode == 36 && event.ctrlKey) { // display the time picker on ctrl+home
|
|
240
|
-
$.timepicker._showTimepicker(this);
|
|
241
|
-
}
|
|
242
|
-
else {
|
|
243
|
-
handled = false;
|
|
244
|
-
}
|
|
245
|
-
if (handled) {
|
|
246
|
-
event.preventDefault();
|
|
247
|
-
event.stopPropagation();
|
|
248
|
-
}
|
|
249
|
-
},
|
|
250
|
-
|
|
251
|
-
/* Update selected time on keyUp */
|
|
252
|
-
/* Added verion 0.0.5 */
|
|
253
|
-
_doKeyUp: function (event) {
|
|
254
|
-
var inst = $.timepicker._getInst(event.target);
|
|
255
|
-
$.timepicker._setTimeFromField(inst);
|
|
256
|
-
$.timepicker._updateTimepicker(inst);
|
|
257
|
-
},
|
|
258
|
-
|
|
259
|
-
/* Make attachments based on settings. */
|
|
260
|
-
_attachments: function (input, inst) {
|
|
261
|
-
var appendText = this._get(inst, 'appendText');
|
|
262
|
-
var isRTL = this._get(inst, 'isRTL');
|
|
263
|
-
if (inst.append) { inst.append.remove(); }
|
|
264
|
-
if (appendText) {
|
|
265
|
-
inst.append = $('<span class="' + this._appendClass + '">' + appendText + '</span>');
|
|
266
|
-
input[isRTL ? 'before' : 'after'](inst.append);
|
|
267
|
-
}
|
|
268
|
-
input.unbind('focus.timepicker', this._showTimepicker);
|
|
269
|
-
input.unbind('click.timepicker', this._adjustZIndex);
|
|
270
|
-
|
|
271
|
-
if (inst.trigger) { inst.trigger.remove(); }
|
|
272
|
-
|
|
273
|
-
var showOn = this._get(inst, 'showOn');
|
|
274
|
-
if (showOn == 'focus' || showOn == 'both') { // pop-up time picker when in the marked field
|
|
275
|
-
input.bind("focus.timepicker", this._showTimepicker);
|
|
276
|
-
input.bind("click.timepicker", this._adjustZIndex);
|
|
277
|
-
}
|
|
278
|
-
if (showOn == 'button' || showOn == 'both') { // pop-up time picker when 'button' element is clicked
|
|
279
|
-
var button = this._get(inst, 'button');
|
|
280
|
-
$(button).bind("click.timepicker", function () {
|
|
281
|
-
if ($.timepicker._timepickerShowing && $.timepicker._lastInput == input[0]) {
|
|
282
|
-
$.timepicker._hideTimepicker();
|
|
283
|
-
} else if (!inst.input.is(':disabled')) {
|
|
284
|
-
$.timepicker._showTimepicker(input[0]);
|
|
285
|
-
}
|
|
286
|
-
return false;
|
|
287
|
-
});
|
|
288
|
-
|
|
289
|
-
}
|
|
290
|
-
},
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
/* Attach an inline time picker to a div. */
|
|
294
|
-
_inlineTimepicker: function(target, inst) {
|
|
295
|
-
var divSpan = $(target);
|
|
296
|
-
if (divSpan.hasClass(this.markerClassName))
|
|
297
|
-
return;
|
|
298
|
-
divSpan.addClass(this.markerClassName).append(inst.tpDiv).
|
|
299
|
-
bind("setData.timepicker", function(event, key, value){
|
|
300
|
-
inst.settings[key] = value;
|
|
301
|
-
}).bind("getData.timepicker", function(event, key){
|
|
302
|
-
return this._get(inst, key);
|
|
303
|
-
});
|
|
304
|
-
$.data(target, PROP_NAME, inst);
|
|
305
|
-
|
|
306
|
-
this._setTimeFromField(inst);
|
|
307
|
-
this._updateTimepicker(inst);
|
|
308
|
-
inst.tpDiv.show();
|
|
309
|
-
},
|
|
310
|
-
|
|
311
|
-
_adjustZIndex: function(input) {
|
|
312
|
-
input = input.target || input;
|
|
313
|
-
var inst = $.timepicker._getInst(input);
|
|
314
|
-
inst.tpDiv.css('zIndex', $.timepicker._getZIndex(input) +1);
|
|
315
|
-
},
|
|
316
|
-
|
|
317
|
-
/* Pop-up the time picker for a given input field.
|
|
318
|
-
@param input element - the input field attached to the time picker or
|
|
319
|
-
event - if triggered by focus */
|
|
320
|
-
_showTimepicker: function (input) {
|
|
321
|
-
input = input.target || input;
|
|
322
|
-
if (input.nodeName.toLowerCase() != 'input') { input = $('input', input.parentNode)[0]; } // find from button/image trigger
|
|
323
|
-
|
|
324
|
-
if ($.timepicker._isDisabledTimepicker(input) || $.timepicker._lastInput == input) { return; } // already here
|
|
325
|
-
|
|
326
|
-
// fix v 0.0.8 - close current timepicker before showing another one
|
|
327
|
-
$.timepicker._hideTimepicker();
|
|
328
|
-
|
|
329
|
-
var inst = $.timepicker._getInst(input);
|
|
330
|
-
if ($.timepicker._curInst && $.timepicker._curInst != inst) {
|
|
331
|
-
$.timepicker._curInst.tpDiv.stop(true, true);
|
|
332
|
-
}
|
|
333
|
-
var beforeShow = $.timepicker._get(inst, 'beforeShow');
|
|
334
|
-
extendRemove(inst.settings, (beforeShow ? beforeShow.apply(input, [input, inst]) : {}));
|
|
335
|
-
inst.lastVal = null;
|
|
336
|
-
$.timepicker._lastInput = input;
|
|
337
|
-
|
|
338
|
-
$.timepicker._setTimeFromField(inst);
|
|
339
|
-
|
|
340
|
-
// calculate default position
|
|
341
|
-
if ($.timepicker._inDialog) { input.value = ''; } // hide cursor
|
|
342
|
-
if (!$.timepicker._pos) { // position below input
|
|
343
|
-
$.timepicker._pos = $.timepicker._findPos(input);
|
|
344
|
-
$.timepicker._pos[1] += input.offsetHeight; // add the height
|
|
345
|
-
}
|
|
346
|
-
var isFixed = false;
|
|
347
|
-
$(input).parents().each(function () {
|
|
348
|
-
isFixed |= $(this).css('position') == 'fixed';
|
|
349
|
-
return !isFixed;
|
|
350
|
-
});
|
|
351
|
-
|
|
352
|
-
var offset = { left: $.timepicker._pos[0], top: $.timepicker._pos[1] };
|
|
353
|
-
|
|
354
|
-
$.timepicker._pos = null;
|
|
355
|
-
// determine sizing offscreen
|
|
356
|
-
inst.tpDiv.css({ position: 'absolute', display: 'block', top: '-1000px' });
|
|
357
|
-
$.timepicker._updateTimepicker(inst);
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
// position with the ui position utility, if loaded
|
|
361
|
-
if ( ( ! inst.inline ) && ( typeof $.ui.position == 'object' ) ) {
|
|
362
|
-
inst.tpDiv.position({
|
|
363
|
-
of: inst.input,
|
|
364
|
-
my: $.timepicker._get( inst, 'myPosition' ),
|
|
365
|
-
at: $.timepicker._get( inst, 'atPosition' ),
|
|
366
|
-
// offset: $( "#offset" ).val(),
|
|
367
|
-
// using: using,
|
|
368
|
-
collision: 'flip'
|
|
369
|
-
});
|
|
370
|
-
var offset = inst.tpDiv.offset();
|
|
371
|
-
$.timepicker._pos = [offset.top, offset.left];
|
|
372
|
-
}
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
// reset clicked state
|
|
376
|
-
inst._hoursClicked = false;
|
|
377
|
-
inst._minutesClicked = false;
|
|
378
|
-
|
|
379
|
-
// fix width for dynamic number of time pickers
|
|
380
|
-
// and adjust position before showing
|
|
381
|
-
offset = $.timepicker._checkOffset(inst, offset, isFixed);
|
|
382
|
-
inst.tpDiv.css({ position: ($.timepicker._inDialog && $.blockUI ?
|
|
383
|
-
'static' : (isFixed ? 'fixed' : 'absolute')), display: 'none',
|
|
384
|
-
left: offset.left + 'px', top: offset.top + 'px'
|
|
385
|
-
});
|
|
386
|
-
if ( ! inst.inline ) {
|
|
387
|
-
var showAnim = $.timepicker._get(inst, 'showAnim');
|
|
388
|
-
var duration = $.timepicker._get(inst, 'duration');
|
|
389
|
-
|
|
390
|
-
var postProcess = function () {
|
|
391
|
-
$.timepicker._timepickerShowing = true;
|
|
392
|
-
var borders = $.timepicker._getBorders(inst.tpDiv);
|
|
393
|
-
inst.tpDiv.find('iframe.ui-timepicker-cover'). // IE6- only
|
|
394
|
-
css({ left: -borders[0], top: -borders[1],
|
|
395
|
-
width: inst.tpDiv.outerWidth(), height: inst.tpDiv.outerHeight()
|
|
396
|
-
});
|
|
397
|
-
};
|
|
398
|
-
|
|
399
|
-
// Fixed the zIndex problem for real (I hope) - FG - v 0.2.9
|
|
400
|
-
$.timepicker._adjustZIndex(input);
|
|
401
|
-
//inst.tpDiv.css('zIndex', $.timepicker._getZIndex(input) +1);
|
|
402
|
-
|
|
403
|
-
if ($.effects && $.effects[showAnim]) {
|
|
404
|
-
inst.tpDiv.show(showAnim, $.timepicker._get(inst, 'showOptions'), duration, postProcess);
|
|
405
|
-
}
|
|
406
|
-
else {
|
|
407
|
-
inst.tpDiv.show((showAnim ? duration : null), postProcess);
|
|
408
|
-
}
|
|
409
|
-
if (!showAnim || !duration) { postProcess(); }
|
|
410
|
-
if (inst.input.is(':visible') && !inst.input.is(':disabled')) { inst.input.focus(); }
|
|
411
|
-
$.timepicker._curInst = inst;
|
|
412
|
-
}
|
|
413
|
-
},
|
|
414
|
-
|
|
415
|
-
// This is an enhanced copy of the zIndex function of UI core 1.8.?? For backward compatibility.
|
|
416
|
-
// Enhancement returns maximum zindex value discovered while traversing parent elements,
|
|
417
|
-
// rather than the first zindex value found. Ensures the timepicker popup will be in front,
|
|
418
|
-
// even in funky scenarios like non-jq dialog containers with large fixed zindex values and
|
|
419
|
-
// nested zindex-influenced elements of their own.
|
|
420
|
-
_getZIndex: function (target) {
|
|
421
|
-
var elem = $(target);
|
|
422
|
-
var maxValue = 0;
|
|
423
|
-
var position, value;
|
|
424
|
-
while (elem.length && elem[0] !== document) {
|
|
425
|
-
position = elem.css("position");
|
|
426
|
-
if (position === "absolute" || position === "relative" || position === "fixed") {
|
|
427
|
-
value = parseInt(elem.css("zIndex"), 10);
|
|
428
|
-
if (!isNaN(value) && value !== 0) {
|
|
429
|
-
if (value > maxValue) { maxValue = value; }
|
|
430
|
-
}
|
|
431
|
-
}
|
|
432
|
-
elem = elem.parent();
|
|
433
|
-
}
|
|
434
|
-
|
|
435
|
-
return maxValue;
|
|
436
|
-
},
|
|
437
|
-
|
|
438
|
-
/* Refresh the time picker
|
|
439
|
-
@param target element - The target input field or inline container element. */
|
|
440
|
-
_refreshTimepicker: function(target) {
|
|
441
|
-
var inst = this._getInst(target);
|
|
442
|
-
if (inst) {
|
|
443
|
-
this._updateTimepicker(inst);
|
|
444
|
-
}
|
|
445
|
-
},
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
/* Generate the time picker content. */
|
|
449
|
-
_updateTimepicker: function (inst) {
|
|
450
|
-
inst.tpDiv.empty().append(this._generateHTML(inst));
|
|
451
|
-
this._rebindDialogEvents(inst);
|
|
452
|
-
|
|
453
|
-
},
|
|
454
|
-
|
|
455
|
-
_rebindDialogEvents: function (inst) {
|
|
456
|
-
var borders = $.timepicker._getBorders(inst.tpDiv),
|
|
457
|
-
self = this;
|
|
458
|
-
inst.tpDiv
|
|
459
|
-
.find('iframe.ui-timepicker-cover') // IE6- only
|
|
460
|
-
.css({ left: -borders[0], top: -borders[1],
|
|
461
|
-
width: inst.tpDiv.outerWidth(), height: inst.tpDiv.outerHeight()
|
|
462
|
-
})
|
|
463
|
-
.end()
|
|
464
|
-
// after the picker html is appended bind the click & double click events (faster in IE this way
|
|
465
|
-
// then letting the browser interpret the inline events)
|
|
466
|
-
// the binding for the minute cells also exists in _updateMinuteDisplay
|
|
467
|
-
.find('.ui-timepicker-minute-cell')
|
|
468
|
-
.unbind()
|
|
469
|
-
.bind("click", { fromDoubleClick:false }, $.proxy($.timepicker.selectMinutes, this))
|
|
470
|
-
.bind("dblclick", { fromDoubleClick:true }, $.proxy($.timepicker.selectMinutes, this))
|
|
471
|
-
.end()
|
|
472
|
-
.find('.ui-timepicker-hour-cell')
|
|
473
|
-
.unbind()
|
|
474
|
-
.bind("click", { fromDoubleClick:false }, $.proxy($.timepicker.selectHours, this))
|
|
475
|
-
.bind("dblclick", { fromDoubleClick:true }, $.proxy($.timepicker.selectHours, this))
|
|
476
|
-
.end()
|
|
477
|
-
.find('.ui-timepicker td a')
|
|
478
|
-
.unbind()
|
|
479
|
-
.bind('mouseout', function () {
|
|
480
|
-
$(this).removeClass('ui-state-hover');
|
|
481
|
-
if (this.className.indexOf('ui-timepicker-prev') != -1) $(this).removeClass('ui-timepicker-prev-hover');
|
|
482
|
-
if (this.className.indexOf('ui-timepicker-next') != -1) $(this).removeClass('ui-timepicker-next-hover');
|
|
483
|
-
})
|
|
484
|
-
.bind('mouseover', function () {
|
|
485
|
-
if ( ! self._isDisabledTimepicker(inst.inline ? inst.tpDiv.parent()[0] : inst.input[0])) {
|
|
486
|
-
$(this).parents('.ui-timepicker-calendar').find('a').removeClass('ui-state-hover');
|
|
487
|
-
$(this).addClass('ui-state-hover');
|
|
488
|
-
if (this.className.indexOf('ui-timepicker-prev') != -1) $(this).addClass('ui-timepicker-prev-hover');
|
|
489
|
-
if (this.className.indexOf('ui-timepicker-next') != -1) $(this).addClass('ui-timepicker-next-hover');
|
|
490
|
-
}
|
|
491
|
-
})
|
|
492
|
-
.end()
|
|
493
|
-
.find('.' + this._dayOverClass + ' a')
|
|
494
|
-
.trigger('mouseover')
|
|
495
|
-
.end()
|
|
496
|
-
.find('.ui-timepicker-now').bind("click", function(e) {
|
|
497
|
-
$.timepicker.selectNow(e);
|
|
498
|
-
}).end()
|
|
499
|
-
.find('.ui-timepicker-deselect').bind("click",function(e) {
|
|
500
|
-
$.timepicker.deselectTime(e);
|
|
501
|
-
}).end()
|
|
502
|
-
.find('.ui-timepicker-close').bind("click",function(e) {
|
|
503
|
-
$.timepicker._hideTimepicker();
|
|
504
|
-
}).end();
|
|
505
|
-
},
|
|
506
|
-
|
|
507
|
-
/* Generate the HTML for the current state of the time picker. */
|
|
508
|
-
_generateHTML: function (inst) {
|
|
509
|
-
|
|
510
|
-
var h, m, row, col, html, hoursHtml, minutesHtml = '',
|
|
511
|
-
showPeriod = (this._get(inst, 'showPeriod') == true),
|
|
512
|
-
showPeriodLabels = (this._get(inst, 'showPeriodLabels') == true),
|
|
513
|
-
showLeadingZero = (this._get(inst, 'showLeadingZero') == true),
|
|
514
|
-
showHours = (this._get(inst, 'showHours') == true),
|
|
515
|
-
showMinutes = (this._get(inst, 'showMinutes') == true),
|
|
516
|
-
amPmText = this._get(inst, 'amPmText'),
|
|
517
|
-
rows = this._get(inst, 'rows'),
|
|
518
|
-
amRows = 0,
|
|
519
|
-
pmRows = 0,
|
|
520
|
-
amItems = 0,
|
|
521
|
-
pmItems = 0,
|
|
522
|
-
amFirstRow = 0,
|
|
523
|
-
pmFirstRow = 0,
|
|
524
|
-
hours = Array(),
|
|
525
|
-
hours_options = this._get(inst, 'hours'),
|
|
526
|
-
hoursPerRow = null,
|
|
527
|
-
hourCounter = 0,
|
|
528
|
-
hourLabel = this._get(inst, 'hourText'),
|
|
529
|
-
showCloseButton = this._get(inst, 'showCloseButton'),
|
|
530
|
-
closeButtonText = this._get(inst, 'closeButtonText'),
|
|
531
|
-
showNowButton = this._get(inst, 'showNowButton'),
|
|
532
|
-
nowButtonText = this._get(inst, 'nowButtonText'),
|
|
533
|
-
showDeselectButton = this._get(inst, 'showDeselectButton'),
|
|
534
|
-
deselectButtonText = this._get(inst, 'deselectButtonText'),
|
|
535
|
-
showButtonPanel = showCloseButton || showNowButton || showDeselectButton;
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
// prepare all hours and minutes, makes it easier to distribute by rows
|
|
540
|
-
for (h = hours_options.starts; h <= hours_options.ends; h++) {
|
|
541
|
-
hours.push (h);
|
|
542
|
-
}
|
|
543
|
-
hoursPerRow = Math.ceil(hours.length / rows); // always round up
|
|
544
|
-
|
|
545
|
-
if (showPeriodLabels) {
|
|
546
|
-
for (hourCounter = 0; hourCounter < hours.length; hourCounter++) {
|
|
547
|
-
if (hours[hourCounter] < 12) {
|
|
548
|
-
amItems++;
|
|
549
|
-
}
|
|
550
|
-
else {
|
|
551
|
-
pmItems++;
|
|
552
|
-
}
|
|
553
|
-
}
|
|
554
|
-
hourCounter = 0;
|
|
555
|
-
|
|
556
|
-
amRows = Math.floor(amItems / hours.length * rows);
|
|
557
|
-
pmRows = Math.floor(pmItems / hours.length * rows);
|
|
558
|
-
|
|
559
|
-
// assign the extra row to the period that is more densely populated
|
|
560
|
-
if (rows != amRows + pmRows) {
|
|
561
|
-
// Make sure: AM Has Items and either PM Does Not, AM has no rows yet, or AM is more dense
|
|
562
|
-
if (amItems && (!pmItems || !amRows || (pmRows && amItems / amRows >= pmItems / pmRows))) {
|
|
563
|
-
amRows++;
|
|
564
|
-
} else {
|
|
565
|
-
pmRows++;
|
|
566
|
-
}
|
|
567
|
-
}
|
|
568
|
-
amFirstRow = Math.min(amRows, 1);
|
|
569
|
-
pmFirstRow = amRows + 1;
|
|
570
|
-
|
|
571
|
-
if (amRows == 0) {
|
|
572
|
-
hoursPerRow = Math.ceil(pmItems / pmRows);
|
|
573
|
-
} else if (pmRows == 0) {
|
|
574
|
-
hoursPerRow = Math.ceil(amItems / amRows);
|
|
575
|
-
} else {
|
|
576
|
-
hoursPerRow = Math.ceil(Math.max(amItems / amRows, pmItems / pmRows));
|
|
577
|
-
}
|
|
578
|
-
}
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
html = '<table class="ui-timepicker-table ui-widget-content ui-corner-all"><tr>';
|
|
582
|
-
|
|
583
|
-
if (showHours) {
|
|
584
|
-
|
|
585
|
-
html += '<td class="ui-timepicker-hours">' +
|
|
586
|
-
'<div class="ui-timepicker-title ui-widget-header ui-helper-clearfix ui-corner-all">' +
|
|
587
|
-
hourLabel +
|
|
588
|
-
'</div>' +
|
|
589
|
-
'<table class="ui-timepicker">';
|
|
590
|
-
|
|
591
|
-
for (row = 1; row <= rows; row++) {
|
|
592
|
-
html += '<tr>';
|
|
593
|
-
// AM
|
|
594
|
-
if (row == amFirstRow && showPeriodLabels) {
|
|
595
|
-
html += '<th rowspan="' + amRows.toString() + '" class="periods" scope="row">' + amPmText[0] + '</th>';
|
|
596
|
-
}
|
|
597
|
-
// PM
|
|
598
|
-
if (row == pmFirstRow && showPeriodLabels) {
|
|
599
|
-
html += '<th rowspan="' + pmRows.toString() + '" class="periods" scope="row">' + amPmText[1] + '</th>';
|
|
600
|
-
}
|
|
601
|
-
for (col = 1; col <= hoursPerRow; col++) {
|
|
602
|
-
if (showPeriodLabels && row < pmFirstRow && hours[hourCounter] >= 12) {
|
|
603
|
-
html += this._generateHTMLHourCell(inst, undefined, showPeriod, showLeadingZero);
|
|
604
|
-
} else {
|
|
605
|
-
html += this._generateHTMLHourCell(inst, hours[hourCounter], showPeriod, showLeadingZero);
|
|
606
|
-
hourCounter++;
|
|
607
|
-
}
|
|
608
|
-
}
|
|
609
|
-
html += '</tr>';
|
|
610
|
-
}
|
|
611
|
-
html += '</table>' + // Close the hours cells table
|
|
612
|
-
'</td>'; // Close the Hour td
|
|
613
|
-
}
|
|
614
|
-
|
|
615
|
-
if (showMinutes) {
|
|
616
|
-
html += '<td class="ui-timepicker-minutes">';
|
|
617
|
-
html += this._generateHTMLMinutes(inst);
|
|
618
|
-
html += '</td>';
|
|
619
|
-
}
|
|
620
|
-
|
|
621
|
-
html += '</tr>';
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
if (showButtonPanel) {
|
|
625
|
-
var buttonPanel = '<tr><td colspan="3"><div class="ui-timepicker-buttonpane ui-widget-content">';
|
|
626
|
-
if (showNowButton) {
|
|
627
|
-
buttonPanel += '<button type="button" class="ui-timepicker-now ui-state-default ui-corner-all" '
|
|
628
|
-
+ ' data-timepicker-instance-id="#' + inst.id.replace(/\\\\/g,"\\") + '" >'
|
|
629
|
-
+ nowButtonText + '</button>';
|
|
630
|
-
}
|
|
631
|
-
if (showDeselectButton) {
|
|
632
|
-
buttonPanel += '<button type="button" class="ui-timepicker-deselect ui-state-default ui-corner-all" '
|
|
633
|
-
+ ' data-timepicker-instance-id="#' + inst.id.replace(/\\\\/g,"\\") + '" >'
|
|
634
|
-
+ deselectButtonText + '</button>';
|
|
635
|
-
}
|
|
636
|
-
if (showCloseButton) {
|
|
637
|
-
buttonPanel += '<button type="button" class="ui-timepicker-close ui-state-default ui-corner-all" '
|
|
638
|
-
+ ' data-timepicker-instance-id="#' + inst.id.replace(/\\\\/g,"\\") + '" >'
|
|
639
|
-
+ closeButtonText + '</button>';
|
|
640
|
-
}
|
|
641
|
-
|
|
642
|
-
html += buttonPanel + '</div></td></tr>';
|
|
643
|
-
}
|
|
644
|
-
html += '</table>';
|
|
645
|
-
|
|
646
|
-
return html;
|
|
647
|
-
},
|
|
648
|
-
|
|
649
|
-
/* Special function that update the minutes selection in currently visible timepicker
|
|
650
|
-
* called on hour selection when onMinuteShow is defined */
|
|
651
|
-
_updateMinuteDisplay: function (inst) {
|
|
652
|
-
var newHtml = this._generateHTMLMinutes(inst);
|
|
653
|
-
inst.tpDiv.find('td.ui-timepicker-minutes').html(newHtml);
|
|
654
|
-
this._rebindDialogEvents(inst);
|
|
655
|
-
// after the picker html is appended bind the click & double click events (faster in IE this way
|
|
656
|
-
// then letting the browser interpret the inline events)
|
|
657
|
-
// yes I know, duplicate code, sorry
|
|
658
|
-
/* .find('.ui-timepicker-minute-cell')
|
|
659
|
-
.bind("click", { fromDoubleClick:false }, $.proxy($.timepicker.selectMinutes, this))
|
|
660
|
-
.bind("dblclick", { fromDoubleClick:true }, $.proxy($.timepicker.selectMinutes, this));
|
|
661
|
-
*/
|
|
662
|
-
|
|
663
|
-
},
|
|
664
|
-
|
|
665
|
-
/*
|
|
666
|
-
* Generate the minutes table
|
|
667
|
-
* This is separated from the _generateHTML function because is can be called separately (when hours changes)
|
|
668
|
-
*/
|
|
669
|
-
_generateHTMLMinutes: function (inst) {
|
|
670
|
-
|
|
671
|
-
var m, row, html = '',
|
|
672
|
-
rows = this._get(inst, 'rows'),
|
|
673
|
-
minutes = Array(),
|
|
674
|
-
minutes_options = this._get(inst, 'minutes'),
|
|
675
|
-
minutesPerRow = null,
|
|
676
|
-
minuteCounter = 0,
|
|
677
|
-
showMinutesLeadingZero = (this._get(inst, 'showMinutesLeadingZero') == true),
|
|
678
|
-
onMinuteShow = this._get(inst, 'onMinuteShow'),
|
|
679
|
-
minuteLabel = this._get(inst, 'minuteText');
|
|
680
|
-
|
|
681
|
-
if ( ! minutes_options.starts) {
|
|
682
|
-
minutes_options.starts = 0;
|
|
683
|
-
}
|
|
684
|
-
if ( ! minutes_options.ends) {
|
|
685
|
-
minutes_options.ends = 59;
|
|
686
|
-
}
|
|
687
|
-
for (m = minutes_options.starts; m <= minutes_options.ends; m += minutes_options.interval) {
|
|
688
|
-
minutes.push(m);
|
|
689
|
-
}
|
|
690
|
-
minutesPerRow = Math.round(minutes.length / rows + 0.49); // always round up
|
|
691
|
-
|
|
692
|
-
/*
|
|
693
|
-
* The minutes table
|
|
694
|
-
*/
|
|
695
|
-
// if currently selected minute is not enabled, we have a problem and need to select a new minute.
|
|
696
|
-
if (onMinuteShow &&
|
|
697
|
-
(onMinuteShow.apply((inst.input ? inst.input[0] : null), [inst.hours , inst.minutes]) == false) ) {
|
|
698
|
-
// loop minutes and select first available
|
|
699
|
-
for (minuteCounter = 0; minuteCounter < minutes.length; minuteCounter += 1) {
|
|
700
|
-
m = minutes[minuteCounter];
|
|
701
|
-
if (onMinuteShow.apply((inst.input ? inst.input[0] : null), [inst.hours, m])) {
|
|
702
|
-
inst.minutes = m;
|
|
703
|
-
break;
|
|
704
|
-
}
|
|
705
|
-
}
|
|
706
|
-
}
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
html += '<div class="ui-timepicker-title ui-widget-header ui-helper-clearfix ui-corner-all">' +
|
|
711
|
-
minuteLabel +
|
|
712
|
-
'</div>' +
|
|
713
|
-
'<table class="ui-timepicker">';
|
|
714
|
-
|
|
715
|
-
minuteCounter = 0;
|
|
716
|
-
for (row = 1; row <= rows; row++) {
|
|
717
|
-
html += '<tr>';
|
|
718
|
-
while (minuteCounter < row * minutesPerRow) {
|
|
719
|
-
var m = minutes[minuteCounter];
|
|
720
|
-
var displayText = '';
|
|
721
|
-
if (m !== undefined ) {
|
|
722
|
-
displayText = (m < 10) && showMinutesLeadingZero ? "0" + m.toString() : m.toString();
|
|
723
|
-
}
|
|
724
|
-
html += this._generateHTMLMinuteCell(inst, m, displayText);
|
|
725
|
-
minuteCounter++;
|
|
726
|
-
}
|
|
727
|
-
html += '</tr>';
|
|
728
|
-
}
|
|
729
|
-
|
|
730
|
-
html += '</table>';
|
|
731
|
-
|
|
732
|
-
return html;
|
|
733
|
-
},
|
|
734
|
-
|
|
735
|
-
/* Generate the content of a "Hour" cell */
|
|
736
|
-
_generateHTMLHourCell: function (inst, hour, showPeriod, showLeadingZero) {
|
|
737
|
-
|
|
738
|
-
var displayHour = hour;
|
|
739
|
-
if ((hour > 12) && showPeriod) {
|
|
740
|
-
displayHour = hour - 12;
|
|
741
|
-
}
|
|
742
|
-
if ((displayHour == 0) && showPeriod) {
|
|
743
|
-
displayHour = 12;
|
|
744
|
-
}
|
|
745
|
-
if ((displayHour < 10) && showLeadingZero) {
|
|
746
|
-
displayHour = '0' + displayHour;
|
|
747
|
-
}
|
|
748
|
-
|
|
749
|
-
var html = "";
|
|
750
|
-
var enabled = true;
|
|
751
|
-
var onHourShow = this._get(inst, 'onHourShow'); //custom callback
|
|
752
|
-
|
|
753
|
-
if (hour == undefined) {
|
|
754
|
-
html = '<td><span class="ui-state-default ui-state-disabled"> </span></td>';
|
|
755
|
-
return html;
|
|
756
|
-
}
|
|
757
|
-
|
|
758
|
-
if (onHourShow) {
|
|
759
|
-
enabled = onHourShow.apply((inst.input ? inst.input[0] : null), [hour]);
|
|
760
|
-
}
|
|
761
|
-
|
|
762
|
-
if (enabled) {
|
|
763
|
-
html = '<td class="ui-timepicker-hour-cell" data-timepicker-instance-id="#' + inst.id.replace(/\\\\/g,"\\") + '" data-hour="' + hour.toString() + '">' +
|
|
764
|
-
'<a class="ui-state-default ' +
|
|
765
|
-
(hour == inst.hours ? 'ui-state-active' : '') +
|
|
766
|
-
'">' +
|
|
767
|
-
displayHour.toString() +
|
|
768
|
-
'</a></td>';
|
|
769
|
-
}
|
|
770
|
-
else {
|
|
771
|
-
html =
|
|
772
|
-
'<td>' +
|
|
773
|
-
'<span class="ui-state-default ui-state-disabled ' +
|
|
774
|
-
(hour == inst.hours ? ' ui-state-active ' : ' ') +
|
|
775
|
-
'">' +
|
|
776
|
-
displayHour.toString() +
|
|
777
|
-
'</span>' +
|
|
778
|
-
'</td>';
|
|
779
|
-
}
|
|
780
|
-
return html;
|
|
781
|
-
},
|
|
782
|
-
|
|
783
|
-
/* Generate the content of a "Hour" cell */
|
|
784
|
-
_generateHTMLMinuteCell: function (inst, minute, displayText) {
|
|
785
|
-
var html = "";
|
|
786
|
-
var enabled = true;
|
|
787
|
-
var onMinuteShow = this._get(inst, 'onMinuteShow'); //custom callback
|
|
788
|
-
if (onMinuteShow) {
|
|
789
|
-
//NEW: 2011-02-03 we should give the hour as a parameter as well!
|
|
790
|
-
enabled = onMinuteShow.apply((inst.input ? inst.input[0] : null), [inst.hours,minute]); //trigger callback
|
|
791
|
-
}
|
|
792
|
-
|
|
793
|
-
if (minute == undefined) {
|
|
794
|
-
html = '<td><span class="ui-state-default ui-state-disabled"> </span></td>';
|
|
795
|
-
return html;
|
|
796
|
-
}
|
|
797
|
-
|
|
798
|
-
if (enabled) {
|
|
799
|
-
html = '<td class="ui-timepicker-minute-cell" data-timepicker-instance-id="#' + inst.id.replace(/\\\\/g,"\\") + '" data-minute="' + minute.toString() + '" >' +
|
|
800
|
-
'<a class="ui-state-default ' +
|
|
801
|
-
(minute == inst.minutes ? 'ui-state-active' : '') +
|
|
802
|
-
'" >' +
|
|
803
|
-
displayText +
|
|
804
|
-
'</a></td>';
|
|
805
|
-
}
|
|
806
|
-
else {
|
|
807
|
-
|
|
808
|
-
html = '<td>' +
|
|
809
|
-
'<span class="ui-state-default ui-state-disabled" >' +
|
|
810
|
-
displayText +
|
|
811
|
-
'</span>' +
|
|
812
|
-
'</td>';
|
|
813
|
-
}
|
|
814
|
-
return html;
|
|
815
|
-
},
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
/* Detach a timepicker from its control.
|
|
819
|
-
@param target element - the target input field or division or span */
|
|
820
|
-
_destroyTimepicker: function(target) {
|
|
821
|
-
var $target = $(target);
|
|
822
|
-
var inst = $.data(target, PROP_NAME);
|
|
823
|
-
if (!$target.hasClass(this.markerClassName)) {
|
|
824
|
-
return;
|
|
825
|
-
}
|
|
826
|
-
var nodeName = target.nodeName.toLowerCase();
|
|
827
|
-
$.removeData(target, PROP_NAME);
|
|
828
|
-
if (nodeName == 'input') {
|
|
829
|
-
inst.append.remove();
|
|
830
|
-
inst.trigger.remove();
|
|
831
|
-
$target.removeClass(this.markerClassName)
|
|
832
|
-
.unbind('focus.timepicker', this._showTimepicker)
|
|
833
|
-
.unbind('click.timepicker', this._adjustZIndex);
|
|
834
|
-
} else if (nodeName == 'div' || nodeName == 'span')
|
|
835
|
-
$target.removeClass(this.markerClassName).empty();
|
|
836
|
-
},
|
|
837
|
-
|
|
838
|
-
/* Enable the date picker to a jQuery selection.
|
|
839
|
-
@param target element - the target input field or division or span */
|
|
840
|
-
_enableTimepicker: function(target) {
|
|
841
|
-
var $target = $(target),
|
|
842
|
-
target_id = $target.attr('id'),
|
|
843
|
-
inst = $.data(target, PROP_NAME);
|
|
844
|
-
|
|
845
|
-
if (!$target.hasClass(this.markerClassName)) {
|
|
846
|
-
return;
|
|
847
|
-
}
|
|
848
|
-
var nodeName = target.nodeName.toLowerCase();
|
|
849
|
-
if (nodeName == 'input') {
|
|
850
|
-
target.disabled = false;
|
|
851
|
-
var button = this._get(inst, 'button');
|
|
852
|
-
$(button).removeClass('ui-state-disabled').disabled = false;
|
|
853
|
-
inst.trigger.filter('button').
|
|
854
|
-
each(function() { this.disabled = false; }).end();
|
|
855
|
-
}
|
|
856
|
-
else if (nodeName == 'div' || nodeName == 'span') {
|
|
857
|
-
var inline = $target.children('.' + this._inlineClass);
|
|
858
|
-
inline.children().removeClass('ui-state-disabled');
|
|
859
|
-
inline.find('button').each(
|
|
860
|
-
function() { this.disabled = false }
|
|
861
|
-
)
|
|
862
|
-
}
|
|
863
|
-
this._disabledInputs = $.map(this._disabledInputs,
|
|
864
|
-
function(value) { return (value == target_id ? null : value); }); // delete entry
|
|
865
|
-
},
|
|
866
|
-
|
|
867
|
-
/* Disable the time picker to a jQuery selection.
|
|
868
|
-
@param target element - the target input field or division or span */
|
|
869
|
-
_disableTimepicker: function(target) {
|
|
870
|
-
var $target = $(target);
|
|
871
|
-
var inst = $.data(target, PROP_NAME);
|
|
872
|
-
if (!$target.hasClass(this.markerClassName)) {
|
|
873
|
-
return;
|
|
874
|
-
}
|
|
875
|
-
var nodeName = target.nodeName.toLowerCase();
|
|
876
|
-
if (nodeName == 'input') {
|
|
877
|
-
var button = this._get(inst, 'button');
|
|
878
|
-
|
|
879
|
-
$(button).addClass('ui-state-disabled').disabled = true;
|
|
880
|
-
target.disabled = true;
|
|
881
|
-
|
|
882
|
-
inst.trigger.filter('button').
|
|
883
|
-
each(function() { this.disabled = true; }).end();
|
|
884
|
-
|
|
885
|
-
}
|
|
886
|
-
else if (nodeName == 'div' || nodeName == 'span') {
|
|
887
|
-
var inline = $target.children('.' + this._inlineClass);
|
|
888
|
-
inline.children().addClass('ui-state-disabled');
|
|
889
|
-
inline.find('button').each(
|
|
890
|
-
function() { this.disabled = true }
|
|
891
|
-
)
|
|
892
|
-
|
|
893
|
-
}
|
|
894
|
-
this._disabledInputs = $.map(this._disabledInputs,
|
|
895
|
-
function(value) { return (value == target ? null : value); }); // delete entry
|
|
896
|
-
this._disabledInputs[this._disabledInputs.length] = $target.attr('id');
|
|
897
|
-
},
|
|
898
|
-
|
|
899
|
-
/* Is the first field in a jQuery collection disabled as a timepicker?
|
|
900
|
-
@param target_id element - the target input field or division or span
|
|
901
|
-
@return boolean - true if disabled, false if enabled */
|
|
902
|
-
_isDisabledTimepicker: function (target_id) {
|
|
903
|
-
if ( ! target_id) { return false; }
|
|
904
|
-
for (var i = 0; i < this._disabledInputs.length; i++) {
|
|
905
|
-
if (this._disabledInputs[i] == target_id) { return true; }
|
|
906
|
-
}
|
|
907
|
-
return false;
|
|
908
|
-
},
|
|
909
|
-
|
|
910
|
-
/* Check positioning to remain on screen. */
|
|
911
|
-
_checkOffset: function (inst, offset, isFixed) {
|
|
912
|
-
var tpWidth = inst.tpDiv.outerWidth();
|
|
913
|
-
var tpHeight = inst.tpDiv.outerHeight();
|
|
914
|
-
var inputWidth = inst.input ? inst.input.outerWidth() : 0;
|
|
915
|
-
var inputHeight = inst.input ? inst.input.outerHeight() : 0;
|
|
916
|
-
var viewWidth = document.documentElement.clientWidth + $(document).scrollLeft();
|
|
917
|
-
var viewHeight = document.documentElement.clientHeight + $(document).scrollTop();
|
|
918
|
-
|
|
919
|
-
offset.left -= (this._get(inst, 'isRTL') ? (tpWidth - inputWidth) : 0);
|
|
920
|
-
offset.left -= (isFixed && offset.left == inst.input.offset().left) ? $(document).scrollLeft() : 0;
|
|
921
|
-
offset.top -= (isFixed && offset.top == (inst.input.offset().top + inputHeight)) ? $(document).scrollTop() : 0;
|
|
922
|
-
|
|
923
|
-
// now check if datepicker is showing outside window viewport - move to a better place if so.
|
|
924
|
-
offset.left -= Math.min(offset.left, (offset.left + tpWidth > viewWidth && viewWidth > tpWidth) ?
|
|
925
|
-
Math.abs(offset.left + tpWidth - viewWidth) : 0);
|
|
926
|
-
offset.top -= Math.min(offset.top, (offset.top + tpHeight > viewHeight && viewHeight > tpHeight) ?
|
|
927
|
-
Math.abs(tpHeight + inputHeight) : 0);
|
|
928
|
-
|
|
929
|
-
return offset;
|
|
930
|
-
},
|
|
931
|
-
|
|
932
|
-
/* Find an object's position on the screen. */
|
|
933
|
-
_findPos: function (obj) {
|
|
934
|
-
var inst = this._getInst(obj);
|
|
935
|
-
var isRTL = this._get(inst, 'isRTL');
|
|
936
|
-
while (obj && (obj.type == 'hidden' || obj.nodeType != 1)) {
|
|
937
|
-
obj = obj[isRTL ? 'previousSibling' : 'nextSibling'];
|
|
938
|
-
}
|
|
939
|
-
var position = $(obj).offset();
|
|
940
|
-
return [position.left, position.top];
|
|
941
|
-
},
|
|
942
|
-
|
|
943
|
-
/* Retrieve the size of left and top borders for an element.
|
|
944
|
-
@param elem (jQuery object) the element of interest
|
|
945
|
-
@return (number[2]) the left and top borders */
|
|
946
|
-
_getBorders: function (elem) {
|
|
947
|
-
var convert = function (value) {
|
|
948
|
-
return { thin: 1, medium: 2, thick: 3}[value] || value;
|
|
949
|
-
};
|
|
950
|
-
return [parseFloat(convert(elem.css('border-left-width'))),
|
|
951
|
-
parseFloat(convert(elem.css('border-top-width')))];
|
|
952
|
-
},
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
/* Close time picker if clicked elsewhere. */
|
|
956
|
-
_checkExternalClick: function (event) {
|
|
957
|
-
if (!$.timepicker._curInst) { return; }
|
|
958
|
-
var $target = $(event.target);
|
|
959
|
-
if ($target[0].id != $.timepicker._mainDivId &&
|
|
960
|
-
$target.parents('#' + $.timepicker._mainDivId).length == 0 &&
|
|
961
|
-
!$target.hasClass($.timepicker.markerClassName) &&
|
|
962
|
-
!$target.hasClass($.timepicker._triggerClass) &&
|
|
963
|
-
$.timepicker._timepickerShowing && !($.timepicker._inDialog && $.blockUI))
|
|
964
|
-
$.timepicker._hideTimepicker();
|
|
965
|
-
},
|
|
966
|
-
|
|
967
|
-
/* Hide the time picker from view.
|
|
968
|
-
@param input element - the input field attached to the time picker */
|
|
969
|
-
_hideTimepicker: function (input) {
|
|
970
|
-
var inst = this._curInst;
|
|
971
|
-
if (!inst || (input && inst != $.data(input, PROP_NAME))) { return; }
|
|
972
|
-
if (this._timepickerShowing) {
|
|
973
|
-
var showAnim = this._get(inst, 'showAnim');
|
|
974
|
-
var duration = this._get(inst, 'duration');
|
|
975
|
-
var postProcess = function () {
|
|
976
|
-
$.timepicker._tidyDialog(inst);
|
|
977
|
-
this._curInst = null;
|
|
978
|
-
};
|
|
979
|
-
if ($.effects && $.effects[showAnim]) {
|
|
980
|
-
inst.tpDiv.hide(showAnim, $.timepicker._get(inst, 'showOptions'), duration, postProcess);
|
|
981
|
-
}
|
|
982
|
-
else {
|
|
983
|
-
inst.tpDiv[(showAnim == 'slideDown' ? 'slideUp' :
|
|
984
|
-
(showAnim == 'fadeIn' ? 'fadeOut' : 'hide'))]((showAnim ? duration : null), postProcess);
|
|
985
|
-
}
|
|
986
|
-
if (!showAnim) { postProcess(); }
|
|
987
|
-
|
|
988
|
-
this._timepickerShowing = false;
|
|
989
|
-
|
|
990
|
-
this._lastInput = null;
|
|
991
|
-
if (this._inDialog) {
|
|
992
|
-
this._dialogInput.css({ position: 'absolute', left: '0', top: '-100px' });
|
|
993
|
-
if ($.blockUI) {
|
|
994
|
-
$.unblockUI();
|
|
995
|
-
$('body').append(this.tpDiv);
|
|
996
|
-
}
|
|
997
|
-
}
|
|
998
|
-
this._inDialog = false;
|
|
999
|
-
|
|
1000
|
-
var onClose = this._get(inst, 'onClose');
|
|
1001
|
-
if (onClose) {
|
|
1002
|
-
onClose.apply(
|
|
1003
|
-
(inst.input ? inst.input[0] : null),
|
|
1004
|
-
[(inst.input ? inst.input.val() : ''), inst]); // trigger custom callback
|
|
1005
|
-
}
|
|
1006
|
-
|
|
1007
|
-
}
|
|
1008
|
-
},
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
/* Tidy up after a dialog display. */
|
|
1013
|
-
_tidyDialog: function (inst) {
|
|
1014
|
-
inst.tpDiv.removeClass(this._dialogClass).unbind('.ui-timepicker');
|
|
1015
|
-
},
|
|
1016
|
-
|
|
1017
|
-
/* Retrieve the instance data for the target control.
|
|
1018
|
-
@param target element - the target input field or division or span
|
|
1019
|
-
@return object - the associated instance data
|
|
1020
|
-
@throws error if a jQuery problem getting data */
|
|
1021
|
-
_getInst: function (target) {
|
|
1022
|
-
try {
|
|
1023
|
-
return $.data(target, PROP_NAME);
|
|
1024
|
-
}
|
|
1025
|
-
catch (err) {
|
|
1026
|
-
throw 'Missing instance data for this timepicker';
|
|
1027
|
-
}
|
|
1028
|
-
},
|
|
1029
|
-
|
|
1030
|
-
/* Get a setting value, defaulting if necessary. */
|
|
1031
|
-
_get: function (inst, name) {
|
|
1032
|
-
return inst.settings[name] !== undefined ?
|
|
1033
|
-
inst.settings[name] : this._defaults[name];
|
|
1034
|
-
},
|
|
1035
|
-
|
|
1036
|
-
/* Parse existing time and initialise time picker. */
|
|
1037
|
-
_setTimeFromField: function (inst) {
|
|
1038
|
-
if (inst.input.val() == inst.lastVal) { return; }
|
|
1039
|
-
var defaultTime = this._get(inst, 'defaultTime');
|
|
1040
|
-
|
|
1041
|
-
var timeToParse = defaultTime == 'now' ? this._getCurrentTimeRounded(inst) : defaultTime;
|
|
1042
|
-
if ((inst.inline == false) && (inst.input.val() != '')) { timeToParse = inst.input.val() }
|
|
1043
|
-
|
|
1044
|
-
if (timeToParse instanceof Date) {
|
|
1045
|
-
inst.hours = timeToParse.getHours();
|
|
1046
|
-
inst.minutes = timeToParse.getMinutes();
|
|
1047
|
-
} else {
|
|
1048
|
-
var timeVal = inst.lastVal = timeToParse;
|
|
1049
|
-
if (timeToParse == '') {
|
|
1050
|
-
inst.hours = -1;
|
|
1051
|
-
inst.minutes = -1;
|
|
1052
|
-
} else {
|
|
1053
|
-
var time = this.parseTime(inst, timeVal);
|
|
1054
|
-
inst.hours = time.hours;
|
|
1055
|
-
inst.minutes = time.minutes;
|
|
1056
|
-
}
|
|
1057
|
-
}
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
$.timepicker._updateTimepicker(inst);
|
|
1061
|
-
},
|
|
1062
|
-
|
|
1063
|
-
/* Update or retrieve the settings for an existing time picker.
|
|
1064
|
-
@param target element - the target input field or division or span
|
|
1065
|
-
@param name object - the new settings to update or
|
|
1066
|
-
string - the name of the setting to change or retrieve,
|
|
1067
|
-
when retrieving also 'all' for all instance settings or
|
|
1068
|
-
'defaults' for all global defaults
|
|
1069
|
-
@param value any - the new value for the setting
|
|
1070
|
-
(omit if above is an object or to retrieve a value) */
|
|
1071
|
-
_optionTimepicker: function(target, name, value) {
|
|
1072
|
-
var inst = this._getInst(target);
|
|
1073
|
-
if (arguments.length == 2 && typeof name == 'string') {
|
|
1074
|
-
return (name == 'defaults' ? $.extend({}, $.timepicker._defaults) :
|
|
1075
|
-
(inst ? (name == 'all' ? $.extend({}, inst.settings) :
|
|
1076
|
-
this._get(inst, name)) : null));
|
|
1077
|
-
}
|
|
1078
|
-
var settings = name || {};
|
|
1079
|
-
if (typeof name == 'string') {
|
|
1080
|
-
settings = {};
|
|
1081
|
-
settings[name] = value;
|
|
1082
|
-
}
|
|
1083
|
-
if (inst) {
|
|
1084
|
-
if (this._curInst == inst) {
|
|
1085
|
-
this._hideTimepicker();
|
|
1086
|
-
}
|
|
1087
|
-
extendRemove(inst.settings, settings);
|
|
1088
|
-
this._updateTimepicker(inst);
|
|
1089
|
-
}
|
|
1090
|
-
},
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
/* Set the time for a jQuery selection.
|
|
1094
|
-
@param target element - the target input field or division or span
|
|
1095
|
-
@param time String - the new time */
|
|
1096
|
-
_setTimeTimepicker: function(target, time) {
|
|
1097
|
-
var inst = this._getInst(target);
|
|
1098
|
-
if (inst) {
|
|
1099
|
-
this._setTime(inst, time);
|
|
1100
|
-
this._updateTimepicker(inst);
|
|
1101
|
-
this._updateAlternate(inst, time);
|
|
1102
|
-
}
|
|
1103
|
-
},
|
|
1104
|
-
|
|
1105
|
-
/* Set the time directly. */
|
|
1106
|
-
_setTime: function(inst, time, noChange) {
|
|
1107
|
-
var origHours = inst.hours;
|
|
1108
|
-
var origMinutes = inst.minutes;
|
|
1109
|
-
if (time instanceof Date) {
|
|
1110
|
-
inst.hours = time.getHours();
|
|
1111
|
-
inst.minutes = time.getMinutes();
|
|
1112
|
-
} else {
|
|
1113
|
-
var time = this.parseTime(inst, time);
|
|
1114
|
-
inst.hours = time.hours;
|
|
1115
|
-
inst.minutes = time.minutes;
|
|
1116
|
-
}
|
|
1117
|
-
|
|
1118
|
-
if ((origHours != inst.hours || origMinutes != inst.minutes) && !noChange) {
|
|
1119
|
-
inst.input.trigger('change');
|
|
1120
|
-
}
|
|
1121
|
-
this._updateTimepicker(inst);
|
|
1122
|
-
this._updateSelectedValue(inst);
|
|
1123
|
-
},
|
|
1124
|
-
|
|
1125
|
-
/* Return the current time, ready to be parsed, rounded to the closest 5 minute */
|
|
1126
|
-
_getCurrentTimeRounded: function (inst) {
|
|
1127
|
-
var currentTime = new Date(),
|
|
1128
|
-
currentMinutes = currentTime.getMinutes(),
|
|
1129
|
-
// round to closest 5
|
|
1130
|
-
adjustedMinutes = Math.round( currentMinutes / 5 ) * 5;
|
|
1131
|
-
currentTime.setMinutes(adjustedMinutes);
|
|
1132
|
-
return currentTime;
|
|
1133
|
-
},
|
|
1134
|
-
|
|
1135
|
-
/*
|
|
1136
|
-
* Parse a time string into hours and minutes
|
|
1137
|
-
*/
|
|
1138
|
-
parseTime: function (inst, timeVal) {
|
|
1139
|
-
var retVal = new Object();
|
|
1140
|
-
retVal.hours = -1;
|
|
1141
|
-
retVal.minutes = -1;
|
|
1142
|
-
|
|
1143
|
-
if(!timeVal)
|
|
1144
|
-
return '';
|
|
1145
|
-
|
|
1146
|
-
var timeSeparator = this._get(inst, 'timeSeparator'),
|
|
1147
|
-
amPmText = this._get(inst, 'amPmText'),
|
|
1148
|
-
showHours = this._get(inst, 'showHours'),
|
|
1149
|
-
showMinutes = this._get(inst, 'showMinutes'),
|
|
1150
|
-
optionalMinutes = this._get(inst, 'optionalMinutes'),
|
|
1151
|
-
showPeriod = (this._get(inst, 'showPeriod') == true),
|
|
1152
|
-
p = timeVal.indexOf(timeSeparator);
|
|
1153
|
-
|
|
1154
|
-
// check if time separator found
|
|
1155
|
-
if (p != -1) {
|
|
1156
|
-
retVal.hours = parseInt(timeVal.substr(0, p), 10);
|
|
1157
|
-
retVal.minutes = parseInt(timeVal.substr(p + 1), 10);
|
|
1158
|
-
}
|
|
1159
|
-
// check for hours only
|
|
1160
|
-
else if ( (showHours) && ( !showMinutes || optionalMinutes ) ) {
|
|
1161
|
-
retVal.hours = parseInt(timeVal, 10);
|
|
1162
|
-
}
|
|
1163
|
-
// check for minutes only
|
|
1164
|
-
else if ( ( ! showHours) && (showMinutes) ) {
|
|
1165
|
-
retVal.minutes = parseInt(timeVal, 10);
|
|
1166
|
-
}
|
|
1167
|
-
|
|
1168
|
-
if (showHours) {
|
|
1169
|
-
var timeValUpper = timeVal.toUpperCase();
|
|
1170
|
-
if ((retVal.hours < 12) && (showPeriod) && (timeValUpper.indexOf(amPmText[1].toUpperCase()) != -1)) {
|
|
1171
|
-
retVal.hours += 12;
|
|
1172
|
-
}
|
|
1173
|
-
// fix for 12 AM
|
|
1174
|
-
if ((retVal.hours == 12) && (showPeriod) && (timeValUpper.indexOf(amPmText[0].toUpperCase()) != -1)) {
|
|
1175
|
-
retVal.hours = 0;
|
|
1176
|
-
}
|
|
1177
|
-
}
|
|
1178
|
-
|
|
1179
|
-
return retVal;
|
|
1180
|
-
},
|
|
1181
|
-
|
|
1182
|
-
selectNow: function(event) {
|
|
1183
|
-
var id = $(event.target).attr("data-timepicker-instance-id"),
|
|
1184
|
-
$target = $(id),
|
|
1185
|
-
inst = this._getInst($target[0]);
|
|
1186
|
-
//if (!inst || (input && inst != $.data(input, PROP_NAME))) { return; }
|
|
1187
|
-
var currentTime = new Date();
|
|
1188
|
-
inst.hours = currentTime.getHours();
|
|
1189
|
-
inst.minutes = currentTime.getMinutes();
|
|
1190
|
-
this._updateSelectedValue(inst);
|
|
1191
|
-
this._updateTimepicker(inst);
|
|
1192
|
-
this._hideTimepicker();
|
|
1193
|
-
},
|
|
1194
|
-
|
|
1195
|
-
deselectTime: function(event) {
|
|
1196
|
-
var id = $(event.target).attr("data-timepicker-instance-id"),
|
|
1197
|
-
$target = $(id),
|
|
1198
|
-
inst = this._getInst($target[0]);
|
|
1199
|
-
inst.hours = -1;
|
|
1200
|
-
inst.minutes = -1;
|
|
1201
|
-
this._updateSelectedValue(inst);
|
|
1202
|
-
this._hideTimepicker();
|
|
1203
|
-
},
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
selectHours: function (event) {
|
|
1207
|
-
var $td = $(event.currentTarget),
|
|
1208
|
-
id = $td.attr("data-timepicker-instance-id"),
|
|
1209
|
-
newHours = parseInt($td.attr("data-hour")),
|
|
1210
|
-
fromDoubleClick = event.data.fromDoubleClick,
|
|
1211
|
-
$target = $(id),
|
|
1212
|
-
inst = this._getInst($target[0]),
|
|
1213
|
-
showMinutes = (this._get(inst, 'showMinutes') == true);
|
|
1214
|
-
|
|
1215
|
-
// don't select if disabled
|
|
1216
|
-
if ( $.timepicker._isDisabledTimepicker($target.attr('id')) ) { return false }
|
|
1217
|
-
|
|
1218
|
-
$td.parents('.ui-timepicker-hours:first').find('a').removeClass('ui-state-active');
|
|
1219
|
-
$td.children('a').addClass('ui-state-active');
|
|
1220
|
-
inst.hours = newHours;
|
|
1221
|
-
|
|
1222
|
-
// added for onMinuteShow callback
|
|
1223
|
-
var onMinuteShow = this._get(inst, 'onMinuteShow');
|
|
1224
|
-
if (onMinuteShow) {
|
|
1225
|
-
// this will trigger a callback on selected hour to make sure selected minute is allowed.
|
|
1226
|
-
this._updateMinuteDisplay(inst);
|
|
1227
|
-
}
|
|
1228
|
-
|
|
1229
|
-
this._updateSelectedValue(inst);
|
|
1230
|
-
|
|
1231
|
-
inst._hoursClicked = true;
|
|
1232
|
-
if ((inst._minutesClicked) || (fromDoubleClick) || (showMinutes == false)) {
|
|
1233
|
-
$.timepicker._hideTimepicker();
|
|
1234
|
-
}
|
|
1235
|
-
// return false because if used inline, prevent the url to change to a hashtag
|
|
1236
|
-
return false;
|
|
1237
|
-
},
|
|
1238
|
-
|
|
1239
|
-
selectMinutes: function (event) {
|
|
1240
|
-
var $td = $(event.currentTarget),
|
|
1241
|
-
id = $td.attr("data-timepicker-instance-id"),
|
|
1242
|
-
newMinutes = parseInt($td.attr("data-minute")),
|
|
1243
|
-
fromDoubleClick = event.data.fromDoubleClick,
|
|
1244
|
-
$target = $(id),
|
|
1245
|
-
inst = this._getInst($target[0]),
|
|
1246
|
-
showHours = (this._get(inst, 'showHours') == true);
|
|
1247
|
-
|
|
1248
|
-
// don't select if disabled
|
|
1249
|
-
if ( $.timepicker._isDisabledTimepicker($target.attr('id')) ) { return false }
|
|
1250
|
-
|
|
1251
|
-
$td.parents('.ui-timepicker-minutes:first').find('a').removeClass('ui-state-active');
|
|
1252
|
-
$td.children('a').addClass('ui-state-active');
|
|
1253
|
-
|
|
1254
|
-
inst.minutes = newMinutes;
|
|
1255
|
-
this._updateSelectedValue(inst);
|
|
1256
|
-
|
|
1257
|
-
inst._minutesClicked = true;
|
|
1258
|
-
if ((inst._hoursClicked) || (fromDoubleClick) || (showHours == false)) {
|
|
1259
|
-
$.timepicker._hideTimepicker();
|
|
1260
|
-
// return false because if used inline, prevent the url to change to a hashtag
|
|
1261
|
-
return false;
|
|
1262
|
-
}
|
|
1263
|
-
|
|
1264
|
-
// return false because if used inline, prevent the url to change to a hashtag
|
|
1265
|
-
return false;
|
|
1266
|
-
},
|
|
1267
|
-
|
|
1268
|
-
_updateSelectedValue: function (inst) {
|
|
1269
|
-
var newTime = this._getParsedTime(inst);
|
|
1270
|
-
if (inst.input) {
|
|
1271
|
-
inst.input.val(newTime);
|
|
1272
|
-
inst.input.trigger('change');
|
|
1273
|
-
}
|
|
1274
|
-
var onSelect = this._get(inst, 'onSelect');
|
|
1275
|
-
if (onSelect) { onSelect.apply((inst.input ? inst.input[0] : null), [newTime, inst]); } // trigger custom callback
|
|
1276
|
-
this._updateAlternate(inst, newTime);
|
|
1277
|
-
return newTime;
|
|
1278
|
-
},
|
|
1279
|
-
|
|
1280
|
-
/* this function process selected time and return it parsed according to instance options */
|
|
1281
|
-
_getParsedTime: function(inst) {
|
|
1282
|
-
|
|
1283
|
-
if (inst.hours == -1 && inst.minutes == -1) {
|
|
1284
|
-
return '';
|
|
1285
|
-
}
|
|
1286
|
-
|
|
1287
|
-
// default to 0 AM if hours is not valid
|
|
1288
|
-
if ((inst.hours < inst.hours.starts) || (inst.hours > inst.hours.ends )) { inst.hours = 0; }
|
|
1289
|
-
// default to 0 minutes if minute is not valid
|
|
1290
|
-
if ((inst.minutes < inst.minutes.starts) || (inst.minutes > inst.minutes.ends)) { inst.minutes = 0; }
|
|
1291
|
-
|
|
1292
|
-
var period = "",
|
|
1293
|
-
showPeriod = (this._get(inst, 'showPeriod') == true),
|
|
1294
|
-
showLeadingZero = (this._get(inst, 'showLeadingZero') == true),
|
|
1295
|
-
showHours = (this._get(inst, 'showHours') == true),
|
|
1296
|
-
showMinutes = (this._get(inst, 'showMinutes') == true),
|
|
1297
|
-
optionalMinutes = (this._get(inst, 'optionalMinutes') == true),
|
|
1298
|
-
amPmText = this._get(inst, 'amPmText'),
|
|
1299
|
-
selectedHours = inst.hours ? inst.hours : 0,
|
|
1300
|
-
selectedMinutes = inst.minutes ? inst.minutes : 0,
|
|
1301
|
-
displayHours = selectedHours ? selectedHours : 0,
|
|
1302
|
-
parsedTime = '';
|
|
1303
|
-
|
|
1304
|
-
// fix some display problem when hours or minutes are not selected yet
|
|
1305
|
-
if (displayHours == -1) { displayHours = 0 }
|
|
1306
|
-
if (selectedMinutes == -1) { selectedMinutes = 0 }
|
|
1307
|
-
|
|
1308
|
-
if (showPeriod) {
|
|
1309
|
-
if (inst.hours == 0) {
|
|
1310
|
-
displayHours = 12;
|
|
1311
|
-
}
|
|
1312
|
-
if (inst.hours < 12) {
|
|
1313
|
-
period = amPmText[0];
|
|
1314
|
-
}
|
|
1315
|
-
else {
|
|
1316
|
-
period = amPmText[1];
|
|
1317
|
-
if (displayHours > 12) {
|
|
1318
|
-
displayHours -= 12;
|
|
1319
|
-
}
|
|
1320
|
-
}
|
|
1321
|
-
}
|
|
1322
|
-
|
|
1323
|
-
var h = displayHours.toString();
|
|
1324
|
-
if (showLeadingZero && (displayHours < 10)) { h = '0' + h; }
|
|
1325
|
-
|
|
1326
|
-
var m = selectedMinutes.toString();
|
|
1327
|
-
if (selectedMinutes < 10) { m = '0' + m; }
|
|
1328
|
-
|
|
1329
|
-
if (showHours) {
|
|
1330
|
-
parsedTime += h;
|
|
1331
|
-
}
|
|
1332
|
-
if (showHours && showMinutes && (!optionalMinutes || m != 0)) {
|
|
1333
|
-
parsedTime += this._get(inst, 'timeSeparator');
|
|
1334
|
-
}
|
|
1335
|
-
if (showMinutes && (!optionalMinutes || m != 0)) {
|
|
1336
|
-
parsedTime += m;
|
|
1337
|
-
}
|
|
1338
|
-
if (showHours) {
|
|
1339
|
-
if (period.length > 0) { parsedTime += this._get(inst, 'periodSeparator') + period; }
|
|
1340
|
-
}
|
|
1341
|
-
|
|
1342
|
-
return parsedTime;
|
|
1343
|
-
},
|
|
1344
|
-
|
|
1345
|
-
/* Update any alternate field to synchronise with the main field. */
|
|
1346
|
-
_updateAlternate: function(inst, newTime) {
|
|
1347
|
-
var altField = this._get(inst, 'altField');
|
|
1348
|
-
if (altField) { // update alternate field too
|
|
1349
|
-
$(altField).each(function(i,e) {
|
|
1350
|
-
$(e).val(newTime);
|
|
1351
|
-
});
|
|
1352
|
-
}
|
|
1353
|
-
},
|
|
1354
|
-
|
|
1355
|
-
_getTimeAsDateTimepicker: function(input) {
|
|
1356
|
-
var inst = this._getInst(input);
|
|
1357
|
-
if (inst.hours == -1 && inst.minutes == -1) {
|
|
1358
|
-
return '';
|
|
1359
|
-
}
|
|
1360
|
-
|
|
1361
|
-
// default to 0 AM if hours is not valid
|
|
1362
|
-
if ((inst.hours < inst.hours.starts) || (inst.hours > inst.hours.ends )) { inst.hours = 0; }
|
|
1363
|
-
// default to 0 minutes if minute is not valid
|
|
1364
|
-
if ((inst.minutes < inst.minutes.starts) || (inst.minutes > inst.minutes.ends)) { inst.minutes = 0; }
|
|
1365
|
-
|
|
1366
|
-
return new Date(0, 0, 0, inst.hours, inst.minutes, 0);
|
|
1367
|
-
},
|
|
1368
|
-
/* This might look unused but it's called by the $.fn.timepicker function with param getTime */
|
|
1369
|
-
/* added v 0.2.3 - gitHub issue #5 - Thanks edanuff */
|
|
1370
|
-
_getTimeTimepicker : function(input) {
|
|
1371
|
-
var inst = this._getInst(input);
|
|
1372
|
-
return this._getParsedTime(inst);
|
|
1373
|
-
},
|
|
1374
|
-
_getHourTimepicker: function(input) {
|
|
1375
|
-
var inst = this._getInst(input);
|
|
1376
|
-
if ( inst == undefined) { return -1; }
|
|
1377
|
-
return inst.hours;
|
|
1378
|
-
},
|
|
1379
|
-
_getMinuteTimepicker: function(input) {
|
|
1380
|
-
var inst= this._getInst(input);
|
|
1381
|
-
if ( inst == undefined) { return -1; }
|
|
1382
|
-
return inst.minutes;
|
|
1383
|
-
}
|
|
1384
|
-
|
|
1385
|
-
});
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
/* Invoke the timepicker functionality.
|
|
1390
|
-
@param options string - a command, optionally followed by additional parameters or
|
|
1391
|
-
Object - settings for attaching new timepicker functionality
|
|
1392
|
-
@return jQuery object */
|
|
1393
|
-
$.fn.timepicker = function (options) {
|
|
1394
|
-
|
|
1395
|
-
/* Initialise the time picker. */
|
|
1396
|
-
if (!$.timepicker.initialized) {
|
|
1397
|
-
$(document).mousedown($.timepicker._checkExternalClick).
|
|
1398
|
-
find('body').append($.timepicker.tpDiv);
|
|
1399
|
-
$.timepicker.initialized = true;
|
|
1400
|
-
}
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
var otherArgs = Array.prototype.slice.call(arguments, 1);
|
|
1405
|
-
if (typeof options == 'string' && (options == 'getTime' || options == 'getTimeAsDate' || options == 'getHour' || options == 'getMinute' ))
|
|
1406
|
-
return $.timepicker['_' + options + 'Timepicker'].
|
|
1407
|
-
apply($.timepicker, [this[0]].concat(otherArgs));
|
|
1408
|
-
if (options == 'option' && arguments.length == 2 && typeof arguments[1] == 'string')
|
|
1409
|
-
return $.timepicker['_' + options + 'Timepicker'].
|
|
1410
|
-
apply($.timepicker, [this[0]].concat(otherArgs));
|
|
1411
|
-
return this.each(function () {
|
|
1412
|
-
typeof options == 'string' ?
|
|
1413
|
-
$.timepicker['_' + options + 'Timepicker'].
|
|
1414
|
-
apply($.timepicker, [this].concat(otherArgs)) :
|
|
1415
|
-
$.timepicker._attachTimepicker(this, options);
|
|
1416
|
-
});
|
|
1417
|
-
};
|
|
1418
|
-
|
|
1419
|
-
/* jQuery extend now ignores nulls! */
|
|
1420
|
-
function extendRemove(target, props) {
|
|
1421
|
-
$.extend(target, props);
|
|
1422
|
-
for (var name in props)
|
|
1423
|
-
if (props[name] == null || props[name] == undefined)
|
|
1424
|
-
target[name] = props[name];
|
|
1425
|
-
return target;
|
|
1426
|
-
};
|
|
1427
|
-
|
|
1428
|
-
$.timepicker = new Timepicker(); // singleton instance
|
|
1429
|
-
$.timepicker.initialized = false;
|
|
1430
|
-
$.timepicker.uuid = new Date().getTime();
|
|
1431
|
-
$.timepicker.version = "0.3.2";
|
|
1432
|
-
|
|
1433
|
-
// Workaround for #4055
|
|
1434
|
-
// Add another global to avoid noConflict issues with inline event handlers
|
|
1435
|
-
window['TP_jQuery_' + tpuuid] = $;
|
|
1436
|
-
|
|
1437
|
-
})(jQuery);
|