tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-07-31 01:34:09 +02:00
Code Issues Packages Projects Releases Wiki Activity

datetime-picker.js: Show an icon inside the flatpickr input

Browse Source
This commit is contained in:
Johannes Meyer 2021-04-16 11:17:19 +02:00
parent 5a6e3cf32f
commit 4236dd84d9
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
public/js/icinga/behavior/datetime-picker.js
View File

@ -9,6 +9,7 @@
try { try {
var Flatpickr = require('icinga/ipl/vendor/flatpickr'); var Flatpickr = require('icinga/ipl/vendor/flatpickr');
var notjQuery = require('icinga/ipl/notjQuery');
} catch (e) { } catch (e) {
console.warn('Unable to provide datetime picker. Libraries not available:', e); console.warn('Unable to provide datetime picker. Libraries not available:', e);
return; return;
@ -102,6 +103,8 @@
var fp = Flatpickr(this, options); var fp = Flatpickr(this, options);
fp.calendarContainer.classList.add('icinga-datetime-picker'); fp.calendarContainer.classList.add('icinga-datetime-picker');
this.parentNode.insertBefore(_this.renderIcon(), fp.altInput.nextSibling);
_this._pickers.set(fp, containerId); _this._pickers.set(fp, containerId);
}); });
}; };
@ -174,6 +177,10 @@
} }
}; };
DatetimePicker.prototype.renderIcon = function () {
return notjQuery.render('<i class="icon fa fa-calendar" role="image"></i>');
};
Icinga.Behaviors.DatetimePicker = DatetimePicker; Icinga.Behaviors.DatetimePicker = DatetimePicker;
})(Icinga, jQuery); })(Icinga, jQuery);