diff options
Diffstat (limited to 'js/components/timepicker.js')
| -rwxr-xr-x | js/components/timepicker.js | 192 |
1 files changed, 0 insertions, 192 deletions
diff --git a/js/components/timepicker.js b/js/components/timepicker.js deleted file mode 100755 index 1b7a808..0000000 --- a/js/components/timepicker.js +++ /dev/null | |||
| @@ -1,192 +0,0 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | (function(addon) { | ||
| 3 | |||
| 4 | var component; | ||
| 5 | |||
| 6 | if (window.UIkit) { | ||
| 7 | component = addon(UIkit); | ||
| 8 | } | ||
| 9 | |||
| 10 | if (typeof define == "function" && define.amd) { | ||
| 11 | define("uikit-timepicker", ["uikit"], function(){ | ||
| 12 | return component || addon(UIkit); | ||
| 13 | }); | ||
| 14 | } | ||
| 15 | |||
| 16 | })(function(UI){ | ||
| 17 | |||
| 18 | "use strict"; | ||
| 19 | |||
| 20 | |||
| 21 | UI.component('timepicker', { | ||
| 22 | |||
| 23 | defaults: { | ||
| 24 | format : '24h', | ||
| 25 | delay : 0, | ||
| 26 | start : 0, | ||
| 27 | end : 24 | ||
| 28 | }, | ||
| 29 | |||
| 30 | boot: function() { | ||
| 31 | |||
| 32 | // init code | ||
| 33 | UI.$html.on("focus.timepicker.uikit", "[data-uk-timepicker]", function(e) { | ||
| 34 | |||
| 35 | var ele = UI.$(this); | ||
| 36 | |||
| 37 | if (!ele.data("timepicker")) { | ||
| 38 | var obj = UI.timepicker(ele, UI.Utils.options(ele.attr("data-uk-timepicker"))); | ||
| 39 | |||
| 40 | setTimeout(function(){ | ||
| 41 | obj.autocomplete.input.focus(); | ||
| 42 | }, 40); | ||
| 43 | } | ||
| 44 | }); | ||
| 45 | }, | ||
| 46 | |||
| 47 | init: function() { | ||
| 48 | |||
| 49 | var $this = this, times = getTimeRange(this.options.start, this.options.end), container; | ||
| 50 | |||
| 51 | this.options.minLength = 0; | ||
| 52 | this.options.template = '<ul class="uk-nav uk-nav-autocomplete uk-autocomplete-results">{{~items}}<li data-value="{{$item.value}}"><a>{{$item.value}}</a></li>{{/items}}</ul>'; | ||
| 53 | |||
| 54 | this.options.source = function(release) { | ||
| 55 | release(times[$this.options.format] || times['12h']); | ||
| 56 | }; | ||
| 57 | |||
| 58 | if (this.element.is('input')) { | ||
| 59 | this.element.wrap('<div class="uk-autocomplete"></div>'); | ||
| 60 | container = this.element.parent(); | ||
| 61 | } else { | ||
| 62 | container = this.element.addClass('uk-autocomplete'); | ||
| 63 | } | ||
| 64 | |||
| 65 | this.autocomplete = UI.autocomplete(container, this.options); | ||
| 66 | this.autocomplete.dropdown.addClass('uk-dropdown-small uk-dropdown-scrollable'); | ||
| 67 | |||
| 68 | this.autocomplete.on('show.uk.autocomplete', function() { | ||
| 69 | |||
| 70 | var selected = $this.autocomplete.dropdown.find('[data-value="'+$this.autocomplete.input.val()+'"]'); | ||
| 71 | |||
| 72 | setTimeout(function(){ | ||
| 73 | $this.autocomplete.pick(selected, true); | ||
| 74 | }, 10); | ||
| 75 | }); | ||
| 76 | |||
| 77 | this.autocomplete.input.on('focus', function(){ | ||
| 78 | |||
| 79 | $this.autocomplete.value = Math.random(); | ||
| 80 | $this.autocomplete.triggercomplete(); | ||
| 81 | |||
| 82 | }).on('blur', UI.Utils.debounce(function() { | ||
| 83 | $this.checkTime(); | ||
| 84 | }, 100)); | ||
| 85 | |||
| 86 | this.element.data("timepicker", this); | ||
| 87 | }, | ||
| 88 | |||
| 89 | checkTime: function() { | ||
| 90 | |||
| 91 | var arr, timeArray, meridian = 'AM', hour, minute, time = this.autocomplete.input.val(); | ||
| 92 | |||
| 93 | if (this.options.format == '12h') { | ||
| 94 | arr = time.split(' '); | ||
| 95 | timeArray = arr[0].split(':'); | ||
| 96 | meridian = arr[1]; | ||
| 97 | } else { | ||
| 98 | timeArray = time.split(':'); | ||
| 99 | } | ||
| 100 | |||
| 101 | hour = parseInt(timeArray[0], 10); | ||
| 102 | minute = parseInt(timeArray[1], 10); | ||
| 103 | |||
| 104 | if (isNaN(hour)) hour = 0; | ||
| 105 | if (isNaN(minute)) minute = 0; | ||
| 106 | |||
| 107 | if (this.options.format == '12h') { | ||
| 108 | if (hour > 12) { | ||
| 109 | hour = 12; | ||
| 110 | } else if (hour < 0) { | ||
| 111 | hour = 12; | ||
| 112 | } | ||
| 113 | |||
| 114 | if (meridian === 'am' || meridian === 'a') { | ||
| 115 | meridian = 'AM'; | ||
| 116 | } else if (meridian === 'pm' || meridian === 'p') { | ||
| 117 | meridian = 'PM'; | ||
| 118 | } | ||
| 119 | |||
| 120 | if (meridian !== 'AM' && meridian !== 'PM') { | ||
| 121 | meridian = 'AM'; | ||
| 122 | } | ||
| 123 | |||
| 124 | } else { | ||
| 125 | |||
| 126 | if (hour >= 24) { | ||
| 127 | hour = 23; | ||
| 128 | } else if (hour < 0) { | ||
| 129 | hour = 0; | ||
| 130 | } | ||
| 131 | } | ||
| 132 | |||
| 133 | if (minute < 0) { | ||
| 134 | minute = 0; | ||
| 135 | } else if (minute >= 60) { | ||
| 136 | minute = 0; | ||
| 137 | } | ||
| 138 | |||
| 139 | this.autocomplete.input.val(this.formatTime(hour, minute, meridian)).trigger('change'); | ||
| 140 | }, | ||
| 141 | |||
| 142 | formatTime: function(hour, minute, meridian) { | ||
| 143 | hour = hour < 10 ? '0' + hour : hour; | ||
| 144 | minute = minute < 10 ? '0' + minute : minute; | ||
| 145 | return hour + ':' + minute + (this.options.format == '12h' ? ' ' + meridian : ''); | ||
| 146 | } | ||
| 147 | }); | ||
| 148 | |||
| 149 | // helper | ||
| 150 | |||
| 151 | function getTimeRange(start, end) { | ||
| 152 | |||
| 153 | start = start || 0; | ||
| 154 | end = end || 24; | ||
| 155 | |||
| 156 | var times = {'12h':[], '24h':[]}, i, h; | ||
| 157 | |||
| 158 | for (i = start, h=''; i<end; i++) { | ||
| 159 | |||
| 160 | h = ''+i; | ||
| 161 | |||
| 162 | if (i<10) h = '0'+h; | ||
| 163 | |||
| 164 | times['24h'].push({value: (h+':00')}); | ||
| 165 | times['24h'].push({value: (h+':30')}); | ||
| 166 | |||
| 167 | if (i === 0) { | ||
| 168 | h = 12; | ||
| 169 | times['12h'].push({value: (h+':00 AM')}); | ||
| 170 | times['12h'].push({value: (h+':30 AM')}); | ||
| 171 | } | ||
| 172 | |||
| 173 | if (i > 0 && i<13 && i!==12) { | ||
| 174 | times['12h'].push({value: (h+':00 AM')}); | ||
| 175 | times['12h'].push({value: (h+':30 AM')}); | ||
| 176 | } | ||
| 177 | |||
| 178 | if (i >= 12) { | ||
| 179 | |||
| 180 | h = h-12; | ||
| 181 | if (h === 0) h = 12; | ||
| 182 | if (h < 10) h = '0'+String(h); | ||
| 183 | |||
| 184 | times['12h'].push({value: (h+':00 PM')}); | ||
| 185 | times['12h'].push({value: (h+':30 PM')}); | ||
| 186 | } | ||
| 187 | } | ||
| 188 | |||
| 189 | return times; | ||
| 190 | } | ||
| 191 | |||
| 192 | }); | ||
