From 7969db6e3264a971ddd2280c4d5663dc91e4c702 Mon Sep 17 00:00:00 2001 From: Lazar Obradovic Date: Fri, 12 Jan 2018 16:33:03 +0100 Subject: [PATCH] try 3 --- code/html/checkboxes.js | 94 +++++++++++++++++++++-------------------- 1 file changed, 48 insertions(+), 46 deletions(-) diff --git a/code/html/checkboxes.js b/code/html/checkboxes.js index 115dd4f3..a77b7703 100644 --- a/code/html/checkboxes.js +++ b/code/html/checkboxes.js @@ -1,5 +1,5 @@ // Generated by CoffeeScript 1.6.2 -/*eslint quotes: ["error", "single"]*/ +/*eslint quotes: ["error", "double"]*/ /*eslint-env es6*/ (function() { @@ -36,8 +36,10 @@ this.elem = $(elem); opts = $.extend({}, iOSCheckbox.defaults, options); for (key in opts) { - value = opts[key]; - this[key] = value; + if ({}.hasOwnProperty.call(opts, key)) { + value = opts[key]; + this[key] = value; + } } this.elem.data(this.dataName, this); this.wrapCheckboxWithDivs(); @@ -48,27 +50,27 @@ iOSCheckbox.prototype.calculateDimensions = function() { if (this.resizeHandle) { - this.optionallyResize('handle'); + this.optionallyResize("handle"); } if (this.resizeContainer) { - this.optionallyResize('container'); + this.optionallyResize("container"); } return this.initialPosition(); }; iOSCheckbox.prototype.isDisabled = function() { - return this.elem.is(':disabled'); + return this.elem.is(":disabled"); }; iOSCheckbox.prototype.wrapCheckboxWithDivs = function() { this.elem.wrap("
"); this.container = this.elem.parent(); this.offLabel = $("").appendTo(this.container); - this.offSpan = this.offLabel.children('span'); + this.offSpan = this.offLabel.children("span"); this.onLabel = $("").appendTo(this.container); this.onBorder = $("
").appendTo(this.container); this.offBorder = $("
").appendTo(this.container); - this.onSpan = this.onLabel.children('span'); + this.onSpan = this.onLabel.children("span"); this.handle = $("
").appendTo(this.container); this.handleCenter = $("
").appendTo(this.handle); this.handleRight = $("
").appendTo(this.handle); @@ -92,12 +94,12 @@ iOSCheckbox.prototype.optionallyResize = function(mode) { var newWidth, offLabelWidth, offSpan, onLabelWidth, onSpan; - onSpan = this.onLabel.find('span'); + onSpan = this.onLabel.find("span"); onLabelWidth = this._getDimension(onSpan, "width"); - onLabelWidth += parseInt(onSpan.css('padding-left'), 10); - offSpan = this.offLabel.find('span'); + onLabelWidth += parseInt(onSpan.css("padding-left"), 10); + offSpan = this.offLabel.find("span"); offLabelWidth = this._getDimension(offSpan, "width"); - offLabelWidth += parseInt(offSpan.css('padding-right'), 10); + offLabelWidth += parseInt(offSpan.css("padding-right"), 10); if (mode === "container") { newWidth = onLabelWidth > offLabelWidth ? onLabelWidth : offLabelWidth; newWidth += this._getDimension(this.handle, "width") + this.handleMargin; @@ -125,7 +127,7 @@ x = event.pageX || event.originalEvent.changedTouches[0].pageX; iOSCheckbox.currentlyClicking = this.handle; iOSCheckbox.dragStartPosition = x; - return iOSCheckbox.handleLeftOffset = parseInt(this.handle.css('left'), 10) || 0; + return iOSCheckbox.handleLeftOffset = parseInt(this.handle.css("left"), 10) || 0; }; iOSCheckbox.prototype.onDragMove = function(event, x) { @@ -167,14 +169,14 @@ } if (iOSCheckbox.dragging) { p = (x - iOSCheckbox.dragStartPosition) / this.rightSide; - this.elem.prop('checked', p >= 0.5).change(); + this.elem.prop("checked", p >= 0.5).change(); } else { - this.elem.prop('checked', !this.elem.prop('checked')).change(); + this.elem.prop("checked", !this.elem.prop("checked")).change(); } iOSCheckbox.currentlyClicking = null; iOSCheckbox.dragging = null; if (typeof this.onChange === "function") { - this.onChange(this.elem, this.elem.prop('checked')); + this.onChange(this.elem, this.elem.prop("checked")); } return this.didChange(); }; @@ -184,7 +186,7 @@ }; iOSCheckbox.prototype.didChange = function() { - var new_left; + var newLeft; if (this.isDisabled()) { this.container.addClass(this.disabledClass); @@ -192,18 +194,18 @@ } else { this.container.removeClass(this.disabledClass); } - new_left = this.elem.prop('checked') ? this.rightSide + 2 : 0; + newLeft = this.elem.prop("checked") ? this.rightSide + 2 : 0; this.handle.animate({ - left: new_left + left: newLeft }, this.duration); this.onLabel.animate({ - width: new_left + this.handleRadius + width: newLeft + this.handleRadius }, this.duration); this.offSpan.animate({ - marginRight: -new_left + marginRight: - newLeft }, this.duration); return this.onSpan.animate({ - marginLeft: new_left - this.rightSide + marginLeft: newLeft - this.rightSide }, this.duration); }; @@ -216,16 +218,16 @@ }; localMouseUp = function(event) { self.onGlobalUp.apply(self, arguments); - $(document).unbind('mousemove touchmove', localMouseMove); - return $(document).unbind('mouseup touchend', localMouseUp); + $(document).unbind("mousemove touchmove", localMouseMove); + return $(document).unbind("mouseup touchend", localMouseUp); }; this.elem.change(function() { return self.refresh(); }); - return this.container.bind('mousedown touchstart', function(event) { + return this.container.bind("mousedown touchstart", function(event) { self.onMouseDown.apply(self, arguments); - $(document).bind('mousemove touchmove', localMouseMove); - return $(document).bind('mouseup touchend', localMouseUp); + $(document).bind("mousemove touchmove", localMouseMove); + return $(document).bind("mouseup touchend", localMouseUp); }); }; @@ -244,7 +246,7 @@ offset -= 3; } this.rightSide = containerWidth - this._getDimension(this.handle, "width") - offset; - if (this.elem.is(':checked')) { + if (this.elem.is(":checked")) { this.handle.css({ left: this.rightSide }); @@ -295,17 +297,17 @@ iOSCheckbox.defaults = { duration: 200, - checkedLabel: 'ON', - uncheckedLabel: 'OFF', + checkedLabel: "ON", + uncheckedLabel: "OFF", resizeHandle: true, resizeContainer: true, - disabledClass: 'iPhoneCheckDisabled', - containerClass: 'iPhoneCheckContainer', - labelOnClass: 'iPhoneCheckLabelOn', - labelOffClass: 'iPhoneCheckLabelOff', - handleClass: 'iPhoneCheckHandle', - handleCenterClass: 'iPhoneCheckHandleCenter', - handleRightClass: 'iPhoneCheckHandleRight', + disabledClass: "iPhoneCheckDisabled", + containerClass: "iPhoneCheckContainer", + labelOnClass: "iPhoneCheckLabelOn", + labelOffClass: "iPhoneCheckLabelOff", + handleClass: "iPhoneCheckHandle", + handleCenterClass: "iPhoneCheckHandleCenter", + handleRightClass: "iPhoneCheckHandleRight", dragThreshold: 5, handleMargin: 15, handleRadius: 4, @@ -325,7 +327,7 @@ args = 1 <= arguments.length ? __slice.call(arguments, 0) : []; dataName = (_ref = (_ref1 = args[0]) != null ? _ref1.dataName : void 0) != null ? _ref : iOSCheckbox.defaults.dataName; - _ref2 = this.filter(':checkbox'); + _ref2 = this.filter(":checkbox"); for (_i = 0, _len = _ref2.length; _i < _len; _i++) { checkbox = _ref2[_i]; existingControl = $(checkbox).data(dataName); @@ -349,14 +351,14 @@ } opts = $.extend({}, options, { resizeHandle: false, - disabledClass: 'iOSCheckDisabled', - containerClass: 'iOSCheckContainer', - labelOnClass: 'iOSCheckLabelOn', - labelOffClass: 'iOSCheckLabelOff', - handleClass: 'iOSCheckHandle', - handleCenterClass: 'iOSCheckHandleCenter', - handleRightClass: 'iOSCheckHandleRight', - dataName: 'iOSCheckbox' + disabledClass: "iOSCheckDisabled", + containerClass: "iOSCheckContainer", + labelOnClass: "iOSCheckLabelOn", + labelOffClass: "iOSCheckLabelOff", + handleClass: "iOSCheckHandle", + handleCenterClass: "iOSCheckHandleCenter", + handleRightClass: "iOSCheckHandleRight", + dataName: "iOSCheckbox" }); return this.iphoneStyle(opts); };