summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMichiK <6341204+der-michik@users.noreply.github.com>2018-12-07 23:34:30 +0100
committermsquare <msquare@notrademark.de>2018-12-08 11:12:08 +0100
commitf83e754f8491d895502484637db289f7321bfc1a (patch)
treeb164f45a9f92f26f5ab05180fa28a7696524e4d5
parent5891dff5849db8ff5f09b350c8c9805625fe532c (diff)
Fix the timepicker in shifts view
This is one part of #516.
-rw-r--r--resources/assets/js/forms.js8
-rw-r--r--resources/views/pages/user-shifts.html10
2 files changed, 10 insertions, 8 deletions
diff --git a/resources/assets/js/forms.js b/resources/assets/js/forms.js
index 24f94cf3..2531f04e 100644
--- a/resources/assets/js/forms.js
+++ b/resources/assets/js/forms.js
@@ -118,7 +118,7 @@ $(function () {
elem.children('input').attr('type', 'text');
elem.children().on('click', function (ev) {
ev.stopImmediatePropagation();
- if (typeof elem.data('DateTimePicker') === "undefined") {
+ if (typeof elem.data('DateTimePicker') === 'undefined') {
elem.datetimepicker(opts);
elem.data('DateTimePicker').show();
} else {
@@ -133,16 +133,16 @@ $(function () {
*/
$(function () {
$('.input-group.time').each(function () {
- var elem = $(this);
+ var elem = $(this).children('input').first();
var opts = {
locale: 'en',
format: 'HH:mm',
widgetPositioning: {horizontal: 'auto', vertical: 'bottom'}
};
$.extend(opts, elem.data());
- elem.children('input').attr('type', 'text');
+ elem.attr('type', 'text');
elem.datetimepicker(opts);
- elem.children('input').on('click', function (ev) {
+ elem.on('click', function (ev) {
ev.stopImmediatePropagation();
elem.data('DateTimePicker').toggle();
});
diff --git a/resources/views/pages/user-shifts.html b/resources/views/pages/user-shifts.html
index f467c6fd..4a2dc04d 100644
--- a/resources/views/pages/user-shifts.html
+++ b/resources/views/pages/user-shifts.html
@@ -5,9 +5,10 @@
<h1>%title%</h1>
<div class="form-group">%start_select%</div>
<div class="form-group">
- <div class="input-group time" data-locale="%short_locale%">
+ <div class="input-group time">
<input type="time" class="form-control" id="start_time" name="start_time" size="5"
- pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%start_time%">
+ pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%start_time%"
+ data-locale="%short_locale%">
<div class="input-group-btn">
<button class="btn btn-default" title="Now" type="button">
<span class="glyphicon glyphicon-time"></span>
@@ -18,9 +19,10 @@
&#8211;
<div class="form-group">%end_select%</div>
<div class="form-group">
- <div class="input-group time" data-locale="%short_locale%">
+ <div class="input-group time">
<input type="time" class="form-control" id="end_time" name="end_time" size="5"
- pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%end_time%">
+ pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%end_time%"
+ data-locale="%short_locale%">
<div class="input-group-btn">
<button class="btn btn-default" title="Now" type="button">
<span class="glyphicon glyphicon-time"></span>