clock-input
Advanced tools
Comparing version 0.0.0 to 0.0.1
31
index.js
@@ -9,13 +9,11 @@ var domify = require('domify'); | ||
var tmpl = | ||
'<div class="clock-input">' + | ||
'<div class="hour-clock">' + | ||
'<div class="hour-labels">' + | ||
'<div class="minute-clock">' + | ||
'<div class="minute-labels"></div>' + | ||
'</div>' + | ||
'<div class="hour-clock">' + | ||
'<div class="hour-labels">' + | ||
'<div class="minute-clock">' + | ||
'<div class="minute-labels"></div>' + | ||
'</div>' + | ||
'</div>' + | ||
'<div data-ampm="am" class="ampm-select am">am</div>' + | ||
'<div data-ampm="pm" class="ampm-select pm">pm</div>' | ||
'</div>'; | ||
'</div>' + | ||
'<div data-ampm="am" class="ampm-select am">am</div>' + | ||
'<div data-ampm="pm" class="ampm-select pm">pm</div>' | ||
@@ -28,3 +26,5 @@ var ClockInput = function(element) { | ||
var self = this; | ||
var el = element.appendChild(domify(tmpl)); | ||
var el = element; | ||
element.appendChild(domify(tmpl)); | ||
element.className += ' clock-input'; | ||
@@ -73,3 +73,3 @@ // hour elements | ||
var minute_circle = document.querySelector('.minute-labels'); | ||
var minute_circle = el.querySelector('.minute-labels'); | ||
@@ -130,5 +130,2 @@ mk_circle(minute_circle, function(label, idx) { | ||
self.selected_time.setHours(hr); | ||
self.selected_time.setMinutes(min); | ||
if (hr >= 12) { | ||
@@ -152,5 +149,9 @@ self.ampm_offset = 12; | ||
var rounded_min = min - min % 5; | ||
self.selected_hour = self.hours[hr % 12]; | ||
self.selected_minute = self.minutes[min - min % 5]; | ||
self.selected_minute = self.minutes[rounded_min]; | ||
self.selected_time.setHours(hr); | ||
self.selected_time.setMinutes(rounded_min); | ||
classes(self.selected_hour).add('selected'); | ||
@@ -157,0 +158,0 @@ classes(self.selected_minute).add('selected'); |
{ | ||
"name": "clock-input", | ||
"version": "0.0.0", | ||
"version": "0.0.1", | ||
"description": "widget to select time", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
9629
231