uix_validations 0.4.8 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a254f90a464bf33df3268f32d5377fdced7ac3df496822c04e561b1eea2e421d
-  data.tar.gz: 95cbb87f1c44232884a53a5faab40307d9464c1a14c05680002e37e4a1a6378d
+  metadata.gz: 9f42e5cab37cb240ef7553b7854285893179f6077cd6c79176eca95884f61176
+  data.tar.gz: 3508693ed965fa9a2807cc8c9fd769f510c345802fbab894b6b63f79efa86f05
 SHA512:
-  metadata.gz: ba558ae7f924f986aced1d6d0980e303675ec99842c281d1596e1f293b2ffd3e194eb4cb12f8753e83a7c928b2998befa2e1bbab12422846eb056dc3f042ce28
-  data.tar.gz: 1ee2527edeeb504527250a499164bb6ecc3c5bd050fe3c54f57d61300aab3706a325b61d5ad1e5929a1628f38f1789e13af93a30b43131c4ee6a271a522045da
+  metadata.gz: 11bd1069604223f419cea9bbae0a77cbc9223d493392e2dc06c97741815970820d6099251b5ec47fce5809d8589bedbf090e29bf2db68f94759ae72120cac5e9
+  data.tar.gz: 2c651e8b7fc01c5061c738ce91a67206947ea12fbd8ccd291caf983141f6624c323821af06fc0baab764d70fd365b0caec3abd7c32c2044ec5e25906a5f190a5

data/vendor/assets/javascripts/uix_validations.js

@@ -0,0 +1,106 @@
+// Regex list
+var numberPattern = /^[0-9]*$/;
+var characterPattern = /^[a-zA-Z]*$/;
+var nonDigitPattern = /^[^0-9]*$/;
+
+// From https://stackoverflow.com/questions/46155/how-to-validate-an-email-address-in-javascript
+var emailPattern = /\S+@\S+\.\S+/;
+
+// From https://stackoverflow.com/questions/14850553/javascript-regex-for-password-containing-at-least-8-characters-1-number-1-uppe
+var strongPasswordPattern = /^(?=.*\d)[0-9a-zA-Z]{8,}$/;
+
+var veryStrongPasswordPattern = /^(?=.*[A-Z])(?=.*[!@#$&*.,_-])(?=.*[0-9])(?=.*[a-z]).{8,}$/
+
+// Flow
+// onClick -> set default
+// checkinputValue-> 
+//   if (while is typing value is valid) { SET VALID  }
+//   else { SET default }
+// checkinputout->
+//   if (onFocusOut is valid) { SET VALID  }
+//   else { SET INVALID }
+
+// Generic functions
+function validatePattern(fieldId, validId, regex) {
+  var field = document.querySelector(fieldId);
+  field.addEventListener("click", () => {
+    var valid = document.querySelector(validId);
+    setDefaultClass(valid);
+    checkInputValue(field, valid, regex)
+    checkInputOut(field, valid, regex);
+  });
+}
+function checkInputValue(field, valid, regex) {
+  field.addEventListener("keyup", () => {
+    switchClasses(field, valid, regex, ['uix-defaulf', 'uix-valid']);
+    // find way to get class type
+  });
+}
+function checkInputOut(field, valid, regex) {
+  field.addEventListener("focusout", () => {
+    switchClasses(field, valid, regex);
+    // find way to get class type
+  });
+}
+function setClasses(element, classIn) {
+  element.className = 'uix-validation ' + classIn;
+} 
+function setDefaultClass(element) {
+  element.className = 'uix-validation uix-default';
+  element.style.visibility = 'inherit';
+}
+function switchClasses(field, valid, regex, classes = ['uix-invalid', 'uix-valid']) {
+  if(regex.test(field.value) && field.value != '') {
+    setClasses(valid, classes[1]);
+  }
+  else {
+    setClasses(valid, classes[0]);
+  }
+}
+
+// Specific functions
+// Number
+function validateNumber(fieldId, validId) {
+  validatePattern(fieldId, validId, numberPattern);
+}
+function validateNumberRange(fieldId, validId, range=[0,10]) {
+  var numberRangePattern = new RegExp(`^\\d{`+range[0]+`,`+range[1]+`}$`);
+  validatePattern(fieldId, validId, numberRangePattern);
+}
+// Character
+function validateCharacter(fieldId, validId) {
+  validatePattern(fieldId, validId, characterPattern);
+}
+function validateCharacterLength(fieldId, validId, range=[0,10]) {
+  var characterRangePattern = new RegExp(`^\[a-zA-Z]{`+range[0]+`,`+range[1]+`}$`);
+  validatePattern(fieldId, validId, characterRangePattern);
+}
+// Non digit
+function validateNonDigit(fieldId, validId) {
+  validatePattern(fieldId, validId, nonDigitPattern);
+}
+function validateNonDigitLength(fieldId, validId, range=[0,10]) {
+  var nonDigitRangePattern = new RegExp(`^\\D{`+range[0]+`,`+range[1]+`}$`);
+  validatePattern(fieldId, validId, nonDigitRangePattern);
+}
+// Email
+function validateEmail(fieldId, validId) {
+  validatePattern(fieldId, validId, emailPattern);
+}
+// Range
+function validateJustLength(fieldId, validId, range=[0,10]) {
+  var rangePattern = new RegExp(`^\\S{`+range[0]+`,`+range[1]+`}$`);
+  validatePattern(fieldId, validId, rangePattern);
+}
+// Any regex
+function validateRegex(fieldId, validId, regex) {
+  validatePattern(fieldId, validId, regex);
+}
+// Strong Password
+function validateStrongPassword(fieldId, validId) {
+  validatePattern(fieldId, validId, strongPasswordPattern);
+}
+// Very Strong Password
+function validateVeryStrongPassword(fieldId, validId) {
+  validatePattern(fieldId, validId, veryStrongPasswordPattern);
+}

data/vendor/assets/stylesheets/uix_validations.scss

@@ -0,0 +1,23 @@
+.uix-validation {
+  padding: 1%;
+  font-size: 90%;
+  color: #232323;
+  width: 100%;
+  visibility: hidden;
+}
+.uix-default {
+  background: #ffffff;
+}
+.uix-valid {
+  color: #04a100;
+  font-weight: 400;
+  // background: #64e066;
+
+}
+.uix-invalid {
+  color: #cf0a0a;
+  font-weight: 400;
+  // background: #ff8484;
+}
+
+// old #5bff5e

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: uix_validations
 version: !ruby/object:Gem::Version
-  version: 0.4.8
+  version: 0.5.0
 platform: ruby
 authors:
 - Lucas Andrade
@@ -65,7 +65,9 @@ email:
 executables: []
 extensions: []
 extra_rdoc_files: []
-files: []
+files:
+- vendor/assets/javascripts/uix_validations.js
+- vendor/assets/stylesheets/uix_validations.scss
 homepage: https://github.com/LucasAndrad/uix_validations
 licenses:
 - MIT