c80_contest 0.1.6 → 0.1.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0d8a3b15d6fb1d31fca19f00fbe01e4ac31ea4d1
-  data.tar.gz: bffa9d4f37dcd1896513664f46b2b102eff3ec97
+  metadata.gz: a8589be081b886f52a64155f93fd213212bdb464
+  data.tar.gz: 0f520526b5c616e128d99cebad12fe29176d629e
 SHA512:
-  metadata.gz: 649796c9086fcf6ea4fc67efab0157b7c4cc6413eabe377e0f63222b0346b66c7b146c47948d4abb335cd81bbb7ff7232fc1b23a1bc0736d1100495450d4ec75
-  data.tar.gz: 55feae3396d6ee27b9a436f9a91487e5713cd0c1daedd1b57231d264e125ddde538681d24644423660645396ee0c7f7fbc3fc9fba5704b254a3f16bcd85c6281
+  metadata.gz: 54652353065ecc637623af8f306769d15392ee352461f3843a146c937ed52a80cdcb69f35dd0528db276701465bfffa98c5d55357c6edbd58027cd5ed8d32ea9
+  data.tar.gz: ac0b82549ed7284a26b7fe29c851614ef0d7a7beca11ac8ec56ae51ec9298389440332dc76593dfe19c65cee292659f31fb6c5ca6c8d0f42e28b8744ea8d31f1

data/app/assets/javascripts/c80_contest.js.coffee

@@ -1,3 +1,4 @@
 #= require_directory ./lib/fileinput
-#= require_directory ./lib/jqx
+# require_directory ./lib/jqx
+#= require_directory ./lib/numbered
 #= require c80_contest/frontend/ajax_bid_form

data/app/assets/javascripts/c80_contest/frontend/ajax_bid_form.js

@@ -106,8 +106,14 @@ $(function () {
                 });
 
                 //noinspection JSUnresolvedFunction
-                $form.find('input#bid_phone').jqxMaskedInput({
-                    mask: '+# (###) ###-##-##'
+                // $form.find('input#bid_phone').jqxMaskedInput({
+                //     mask: '+# (###) ###-##-##'
+                // });
+
+                var numberedFromClass = new Numbered('form#form_bid input#bid_phone', {
+                    mask: '+# (###) ###-##-##',
+                    empty: '_',
+                    placeholder: true
                 });
 
                 setTimeout(function () {

data/app/assets/javascripts/lib/numbered/numbered.js

@@ -0,0 +1,240 @@
+/*! numbered v1.0.2 | pavel-yagodin | MIT License | https://github.com/CSSSR/jquery.numbered */
+(function (root, factory) {
+	if (typeof define === 'function' && define.amd) {
+		define([], factory);
+	} else if (typeof exports === 'object') {
+		module.exports = factory();
+	} else {
+		root.Numbered = factory();
+	}
+}(this, function () {
+	'use strict';
+
+	var defaults = {
+		mask: '+7 (###) ### - ## - ##',
+		numbered: '#',
+		empty: '_',
+		placeholder: false
+	};
+
+	var Numbered = function (target, params) {
+		var self = this;
+
+		if (typeof target !== 'object') {
+			self.inputs = document.querySelectorAll(target);
+		} else if (typeof target.length !== 'undefined') {
+			self.inputs = target;
+		} else {
+			self.inputs = [target];
+		}
+		self.inputs = Array.prototype.slice.call(self.inputs);
+
+		params = params || (typeof self.inputs[0].numbered !== 'undefined' ? self.inputs[0].numbered.params : {});
+
+		for (var def in defaults) {
+			if (typeof params[def] === 'undefined') {
+				params[def] = defaults[def];
+			}
+		}
+
+		self.params = params;
+		self.config = {};
+
+		self.config.placeholder = self.params.mask.replace(new RegExp(self.params.numbered, 'g'), self.params.empty);
+		self.config.numbered    = self.params.numbered.replace(/([()[\]\.^\#$|?+-])/g, '\\\\$1');
+		self.config.numberedCol = self.params.mask.split(self.params.numbered).length -1;
+		self.config.empty       = self.params.empty.replace(/([()[\]\.^\#$|?+-])/g, '\\$1');
+		self.config.mask        = self.params.mask.replace(/([()[\]\.^\#$|?+-])/g, '\\$1').replace(new RegExp(self.config.numbered, 'g'), '(\\d)');
+		self.config.maskNums    = self.params.mask.replace(/[^\d]/gi, '').split('');
+		self.config.maskNumsCol = self.config.maskNums.length;
+		self.config.regexp      = new RegExp('^' + self.config.mask + '$');
+		self.config.events      = ['input', 'change', 'click', 'focusin', 'blur'];
+
+
+
+		self._eventFire = function(el, etype){
+			if (el.fireEvent) {
+				el.fireEvent('on' + etype);
+			} else {
+				var evObj = document.createEvent('Events');
+				evObj.initEvent(etype, true, false);
+				el.dispatchEvent(evObj);
+			}
+		};
+
+		self._getSelectionRange = function (oElm) {
+			var r = { text: '', start: 0, end: 0, length: 0 };
+			if (oElm.setSelectionRange) {
+				r.start= oElm.selectionStart;
+				r.end = oElm.selectionEnd;
+				r.text = (r.start != r.end) ? oElm.value.substring(r.start, r.end): '';
+			} else if (document.selection) {
+				var oR;
+				if (oElm.tagName && oElm.tagName === 'TEXTAREA') {
+					var oS = document.selection.createRange().duplicate();
+					oR = oElm.createTextRange();
+					var sB = oS.getBookmark();
+					oR.moveToBookmark(sB);
+				} else {
+					oR = document.selection.createRange().duplicate();
+				}
+
+				r.text = oR.text;
+				for (; oR.moveStart('character', -1) !== 0; r.start++);
+				r.end = r.text.length + r.start;
+			}
+			r.length = r.text.length;
+			return r;
+		};
+
+
+		self.magic = function (event) {
+			var numbered = this.numbered;
+			var value = numbered.input.value || ' ';
+			var valueFormatted = value.replace(/[^\d]/gi, '').split('').join('');
+			var valueFormattedArr = valueFormatted.split('');
+			var valueFormattedCol = valueFormattedArr.length;
+			var valueFormattedIndex = 0;
+			var positionStart = -1;
+			var positionEnd = -1;
+			var positionOld = self._getSelectionRange(numbered.input);
+			var maskNumsIndex = 0;
+			var valueFormattedRes = [];
+			var maskSplit = numbered.params.mask.split('');
+
+			for (var key in maskSplit) {
+				var val = maskSplit[key];
+				key = parseInt(key);
+				if (maskNumsIndex <= numbered.config.maskNumsCol && val == numbered.config.maskNums[maskNumsIndex] && val == valueFormattedArr[valueFormattedIndex]) {
+					valueFormattedRes.push(val);
+					maskNumsIndex++;
+					valueFormattedIndex++;
+				} else if(val == numbered.params.numbered) {
+					if (positionStart < 0) {
+						positionStart = key;
+					}
+					if(valueFormattedIndex < valueFormattedCol) {
+						valueFormattedRes.push(valueFormattedArr[valueFormattedIndex]);
+						valueFormattedIndex++;
+						positionEnd = key;
+					} else {
+						valueFormattedRes.push(numbered.params.empty);
+					}
+				} else {
+					valueFormattedRes.push(val);
+				}
+			}
+			value = valueFormattedRes.join('');
+
+
+			var position = (positionEnd >= 0 ? positionEnd + 1 : positionStart);
+			if (event.type !== 'click') {
+				if ((event.type === 'blur' || event.type === 'change') && valueFormattedIndex - maskNumsIndex === 0 && !numbered.params.placeholder) {
+					this.value = '';
+				} else if (numbered.oldValue !== numbered.input.value || event.type === 'focusin') {
+					this.value = value;
+				}
+			}
+
+			if(event.type !== 'change' && event.type !== 'blur' && (event.type !== 'click' || (numbered.lastEvent === 'focusin' && event.type === 'click'))) {
+				if (numbered.input.setSelectionRange) {
+					numbered.input.setSelectionRange(position, position);
+				} else if (numbered.input.createTextRange) {
+					var range = numbered.input.createTextRange();
+					range.collapse(true);
+					range.moveEnd('character', position);
+					range.moveStart('character', position);
+					range.select();
+				}
+			}
+
+			numbered.oldValue = this.value;
+			numbered.lastEvent = event.type;
+			return event.target;
+		};
+
+		for (var index in self.inputs) {
+			var $input = self.inputs[index];
+			var is = false;
+			if (typeof $input.numbered === 'оbject' || typeof $input.numbered !== 'undefined') {
+				is = true;
+			}
+			$input.numbered = {
+				input: self.inputs[index],
+				config: self.config,
+				params: self.params,
+				oldValue: false
+			};
+
+			if (!is) {
+				for (var key in self.config.events) {
+					$input.addEventListener(self.config.events[key], self.magic);
+				}
+				self._eventFire($input, 'blur');
+			}
+			self.inputs[index] = $input;
+		}
+
+		self.destroy = function () {
+			var self = this;
+			for (var index in self.inputs) {
+				var $input = self.inputs[index];
+
+				for (var key in self.config.events) {
+					$input.removeEventListener(self.config.events[key], self.magic);
+					$input.numbered = null;
+				}
+			}
+			return null;
+		};
+
+		self.validate = function () {
+			var self = this;
+			var res = self.inputs.length > 1 ? [] : false;
+			for (var index in self.inputs) {
+				var $input = self.inputs[index];
+				var validate;
+
+				if (self.inputs[index].numbered.config.regexp.test(self.inputs[index].numbered.input.value)) {
+					validate = 1;
+				} else if (self.inputs[index].numbered.input.value === '' || self.inputs[index].numbered.input.value === self.inputs[index].numbered.config.placeholder) {
+					validate = 0;
+				} else {
+					validate = -1;
+				}
+
+				if (self.inputs.length > 1) {
+					res.push(validate);
+				} else {
+					res = validate;
+				}
+			}
+			return res;
+		};
+
+		self.reInit = function () {
+			var self = this;
+			var res = self.inputs.length > 1 ? [] : false;
+			for (var index in self.inputs) {
+				var $input = self.inputs[index];
+				self._eventFire($input, 'blur');
+			}
+			return res;
+		};
+
+		self.setVal = function (value) {
+			var self = this;
+			var res = self.inputs.length > 1 ? [] : false;
+			for (var index in self.inputs) {
+				var $input = self.inputs[index];
+				$input.value = value;
+				self._eventFire($input, 'blur');
+			}
+			return res;
+		};
+
+		return self;
+	};
+
+	return Numbered;
+}));

data/lib/c80_contest/version.rb

@@ -1,3 +1,3 @@
 module C80Contest
-  VERSION = '0.1.6'
+  VERSION = '0.1.7'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: c80_contest
 version: !ruby/object:Gem::Version
-  version: 0.1.6
+  version: 0.1.7
 platform: ruby
 authors:
 - C80609A
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-05-25 00:00:00.000000000 Z
+date: 2017-06-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -265,6 +265,7 @@ files:
 - app/assets/javascripts/lib/fileinput/themes/gly/theme.js
 - app/assets/javascripts/lib/jqx/jqxcore.js
 - app/assets/javascripts/lib/jqx/jqxmaskedinput.js
+- app/assets/javascripts/lib/numbered/numbered.js
 - app/assets/stylesheets/c80_contest.scss
 - app/assets/stylesheets/c80_contest/backend/bid_page.scss
 - app/assets/stylesheets/c80_contest/backend/settings_page.scss