fdbq-rails 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: df314fdffb6053f9ca40c0dcac86002851f1f4fe8ab88991902b6a950f247df1
-  data.tar.gz: 5762c0e77c2d988c6e5b48952238c6850955b1a740246f20dfb744f95cc96e78
+  metadata.gz: c4bf0784cb1f57930ec68c0d1a29d7bcb84eb556e35a5d45bbdc9442b55b1774
+  data.tar.gz: 25ef57bb693b6d4ca2ac66d23e88741f1f08f2b21170e34086412fbbeab32e9a
 SHA512:
-  metadata.gz: cda69e3b03688976fa0a82acbbf0af8af3541cf9206778fffcc7ef4b06ea26d45278e645bf6548522d2c97bb910bc2f68eb6f9bde53edbdc331395e10016940c
-  data.tar.gz: bf1e5394c62c63ba91c3a7dcd798519d6158083fa862ddea1d2c82b2865f10e9cf70d89c613d28182b8a1b74ccd097f2c71cd81d57dfc81a46e714b9796207d7
+  metadata.gz: 77ea42ecc9115287d9e536e49f1d11b7b8fd275d18a2bf6b8929c8484fb4282b92ccbca13a2bcd00f11fd4d2c74ad959b2c8cd333f2e1c9ce308bbdd3dc106b9
+  data.tar.gz: 6bd832b581f30f4c46f8cbe58ab467f42aa7e31229a6158e8887148bc561a89b557fd3c4136360a2726d35951609ba6a1c0d47ce23fc68b3fa14b792c5b8227e

data/README.md

@@ -1,6 +1,6 @@
 # Fdbq::Rails
 
-A Rails integration of <TBD> with an ORM recording of submits.
+A Rails integration of [@softserveopensource/fdbq](https://www.npmjs.com/package/@softserveopensource/fdbq) with an ORM recording of submits.
 
 ## Installation
 
@@ -25,7 +25,6 @@ Update configuration for fton-end
 
 ## Usage
 
-
 Aadd to your layout or view plugin
 + `fdbq_render`
 
@@ -42,7 +41,6 @@ or
 
 ## TODO
 
-- [ ] Add JS plugin
 - [ ] Add MongoDB support
 
 ## License

data/lib/fdbq/rails/version.rb

@@ -1,5 +1,5 @@
 module Fdbq
   module Rails
-    VERSION = '0.1.1'
+    VERSION = '0.1.2'
   end
 end

data/vendor/node_modules/@softserveopensource/fdbq/README.md

@@ -119,3 +119,13 @@
 
 
 > Check out a configuration example in `examples/basic/index.html`
+
+##### Events
+
+* hook into a submit complete with `fdbq-complete` Event.
+
+  `document.addEventListener("fdbq-complete", function(event) { console.log(event.data, event.instance); });`
+
+###### TODO:
+
+- [ ] add more event hooks

data/vendor/node_modules/@softserveopensource/fdbq/index.js

@@ -1,7 +1,26 @@
-(function() {
+(function(W, D) {
   var TOGGLE_REGEX = /(^show | show | show$)/i;
   var SUCCESS_STATUS_CODE = /^20\d$/;
 
+  if(typeof window.CustomEvent !== "function") {
+    /**
+     * CustomEvent() polyfill
+     * https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#Polyfill
+     */
+
+    function CustomEvent(event, params) {
+      var evt = document.createEvent("CustomEvent");
+
+      params = params || {bubbles: false, cancelable: false, detail: null};
+      evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+
+      return evt;
+    }
+
+    CustomEvent.prototype = W.Event.prototype;
+    W.CustomEvent = CustomEvent;
+  }
+
   function parameterize(object) {
     var parts = [];
 
@@ -15,7 +34,7 @@
   function questionID(config) { return (config.name+"").replace(/[^\w\-]+/ig, ""); }
 
   function queryField(fieldID, instance) {
-    return document.querySelector('#'+instance.modalSelector+' [data-id="'+fieldID+'"][data-fdbq="field-container"]');
+    return D.querySelector('#'+instance.modalSelector+' [data-id="'+fieldID+'"][data-fdbq="field-container"]');
   }
 
   function arrayFind(array, prop, value) {
@@ -35,7 +54,7 @@
   }
 
   function buildField(type, options) {
-    var node = document.createElement("div");
+    var node = D.createElement("div");
     node.className = FdbqClassName("fdbq-field", "-"+type, options.error ? "has-errors" : "");
     node.dataset.fdbq = "field-container";
     node.dataset.id = questionID(options);
@@ -43,8 +62,8 @@
     return node;
   }
 
-  function buildInput(type, props, options) {
-    var node = document.createElement(type);
+  function buildInput(type, props) {
+    var node = D.createElement(type);
 
     for(var prop in props) {
       node[prop] = props[prop];
@@ -59,17 +78,23 @@
   function httpSubmit(params, instance) {
     if(!instance.config.submit.url) return;
 
-    var xmlHttp = new XMLHttpRequest();
+    var xhr = new XMLHttpRequest();
+
+    xhr.onreadystatechange = function() {
+      if(xhr.readyState === 4) {
+        if(SUCCESS_STATUS_CODE.test(xhr.status)) {
+          instance.onCloseClick();
+        }
 
-    xmlHttp.onreadystatechange = function() { 
-      if(xmlHttp.readyState == 4 && SUCCESS_STATUS_CODE.test(xmlHttp.status)) {
-        instance.onCloseClick();
+        if(typeof(Fdbq.events["fdbq-complete"]) === "function") {
+          Fdbq.events["fdbq-complete"](xhr, instance);
+        }
       }
     };
 
-    xmlHttp.open("POST", instance.config.submit.url, true);
-    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
-    xmlHttp.send(parameterize(params));
+    xhr.open("POST", instance.config.submit.url, true);
+    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
+    xhr.send(parameterize(params));
   }
 
   function renderModalBody(node, instance) {
@@ -90,7 +115,7 @@
   function renderFields(node, instance) {
     if(!Array.isArray(instance.config.questions) || !instance.config.questions.length) return;
 
-    child = document.createElement("div");
+    child = D.createElement("div");
     child.className = "fdbq-modal-fields";
     child.id = instance.fieldsContainerSelector;
 
@@ -102,7 +127,7 @@
   function FdbqFieldsReplaceInvalid(instance) {
     if(!instance.errors || !instance.config || !instance.config.questions) return;
 
-    var fields = document.querySelector('#'+instance.modalSelector+' .fdbq-modal-fields');
+    var fields = D.querySelector('#'+instance.modalSelector+' .fdbq-modal-fields');
 
     if(!fields) return;
 
@@ -129,7 +154,7 @@
   }
 
   function FdbqFieldsReset(instance) {
-    var fields = document.getElementById(instance.fieldsContainerSelector);
+    var fields = D.getElementById(instance.fieldsContainerSelector);
 
     if(!fields) return;
 
@@ -144,7 +169,7 @@
     var fieldID = FdbqUUID("fdbq-field-text-"+inputID);
 
     if(config.label) {
-      child = document.createElement("label");
+      child = D.createElement("label");
       child.innerHTML = (config.required ? '<abbr title="required">*</abbr>' : "")+config.label;
       child.htmlFor = fieldID;
 
@@ -159,7 +184,7 @@
     }, { type: "text", id: inputID }));
 
     if(config.hint) {
-      child = document.createElement("div");
+      child = D.createElement("div");
       child.className = "fdbq-field-hint";
       child.innerHTML = config.hint;
 
@@ -176,7 +201,7 @@
     var fieldID = FdbqUUID("fdbq-field-string-"+inputID);
 
     if(config.label) {
-      child = document.createElement("label");
+      child = D.createElement("label");
       child.innerHTML = (config.required ? '<abbr title="required">*</abbr>' : "")+config.label;
       child.htmlFor = fieldID;
 
@@ -192,7 +217,7 @@
     }, { error: instance.errors.indexOf(config.id) >= 0, type: "string", id: config.id }));
 
     if(config.hint) {
-      child = document.createElement("div");
+      child = D.createElement("div");
       child.className = "fdbq-field-hint";
       child.innerHTML = config.hint;
 
@@ -212,15 +237,15 @@
   }
 
   function FdbqModalHead(instance) {
-    var node = document.createElement("div");
+    var node = D.createElement("div");
     node.className = "fdbq-modal-head";
 
     // heading;
-    var heading = document.createElement("h4");
+    var heading = D.createElement("h4");
     heading.innerText = instance.config.modal && instance.config.modal.title || "";
 
     // close button;
-    var closeButton = document.createElement("button");
+    var closeButton = D.createElement("button");
     closeButton.innerHTML = "&times;";
     closeButton.className = "close";
     closeButton.id = instance.modalCloseSelector;
@@ -234,12 +259,12 @@
   function FdbqModalBodyHeading(instance) {
     if(!instance.config.subHeader) return null;
 
-    var node = document.createElement("div");
+    var node = D.createElement("div");
     node.className = "fdbq-modal-heading";
 
     // heading;
     if(instance.config.subHeader.title) {
-      var child = document.createElement("h5");
+      var child = D.createElement("h5");
       child.className = "sub-heading";
       child.innerText = instance.config.subHeader.title;
 
@@ -248,7 +273,7 @@
 
     // sub-title;
     if(instance.config.subHeader.description) {
-      child = document.createElement("div");
+      child = D.createElement("div");
       child.className = "sub-heading-description";
       child.innerHTML = instance.config.subHeader.description;
 
@@ -259,10 +284,10 @@
   }
 
   function FdbqActions(instance) {
-    var node = document.createElement("div");
+    var node = D.createElement("div");
     node.className = "fdbq-modal-actions";
 
-    var child = document.createElement("button");
+    var child = D.createElement("button");
     child.className = "submit";
     child.id = instance.modalSubmitSelector;
     child.innerText = "Submit";
@@ -273,7 +298,7 @@
   }
 
   function FdbqModalBody(instance) {
-    var node = document.createElement("div");
+    var node = D.createElement("div");
     node.className = "fdbq-modal-body";
 
     var child = FdbqModalBodyHeading(instance);
@@ -290,8 +315,8 @@
   }
 
   function FdbqModal(instance) {
-    var overlay = document.createElement("div");
-    var node = document.createElement("div");
+    var overlay = D.createElement("div");
+    var node = D.createElement("div");
     node.className = "fdbq-modal fdbq-"+(instance.config.appearance || "fade");
     node.id = instance.modalContainerSelector;
 
@@ -305,7 +330,7 @@
   }
 
   function FdbqAction(instance) {
-    var node = document.createElement("button");
+    var node = D.createElement("button");
     node.className = FdbqClassName("fdbq-toggle", instance.config.placement);
     node.id = instance.buttonSelector;
     node.innerHTML = instance.config.actionHTML || instance.config.actionText || '<i class="fdbq-icon-action"></i>';
@@ -313,7 +338,7 @@
     return node;
   }
 
-  window.Fdbq = function(config) {
+  W.Fdbq = function(config) {
     this.init = function() {
       var modal = FdbqModal(this);
       var action = FdbqAction(this);
@@ -321,9 +346,9 @@
       this.mountNode().appendChild(modal);
       this.mountNode().appendChild(action);
 
-      var button = document.getElementById(this.buttonSelector);
-      var closeButton = document.getElementById(this.modalCloseSelector);
-      var submitButton = document.getElementById(this.modalSubmitSelector);
+      var button = D.getElementById(this.buttonSelector);
+      var closeButton = D.getElementById(this.modalCloseSelector);
+      var submitButton = D.getElementById(this.modalSubmitSelector);
 
       if(button) {
         button.removeEventListener("click", this.onActionClick);
@@ -338,20 +363,20 @@
         submitButton.addEventListener("click", this.onSubmitClick.bind(this));
       }
 
-      document.removeEventListener("keydown", this.handleModalKeyboardNavigation);
-      document.addEventListener("keydown", this.handleModalKeyboardNavigation.bind(this));
+      D.removeEventListener("keydown", this.handleModalKeyboardNavigation);
+      D.addEventListener("keydown", this.handleModalKeyboardNavigation.bind(this));
     };
 
-    this.mountNode = function() { return document.querySelector(this.config.mountNode) || document.body; };
+    this.mountNode = function() { return D.querySelector(this.config.mountNode) || D.body; };
     this.onActionClick = function(event) {
-      var modal = document.getElementById(this.modalSelector);
+      var modal = D.getElementById(this.modalSelector);
 
       if(!modal || TOGGLE_REGEX.test(modal.className)) return;
 
       modal.className = modal.className+" show";
     };
     this.onCloseClick = function() {
-      var modal = document.getElementById(this.modalSelector);
+      var modal = D.getElementById(this.modalSelector);
 
       if(!modal || !TOGGLE_REGEX.test(modal.className)) return;
       modal.className = modal.className.replace(TOGGLE_REGEX, "").trim();
@@ -368,7 +393,7 @@
       for(var i = 0; i < this.config.questions.length; i++) {
         var q = this.config.questions[i];
         var id = questionID(q);
-        var field = document.querySelector('.fdbq-modal-fields [data-id="'+id+'"] [data-fdbq="field"]');
+        var field = D.querySelector('.fdbq-modal-fields [data-id="'+id+'"] [data-fdbq="field"]');
 
         if(!field) continue;
 
@@ -390,7 +415,7 @@
       return true;
     };
     this.handleModalKeyboardNavigation = function(event) {
-      if(event.keyCode === 27 || event.key === "Escape") {
+      if(event["keyCode"] === 27 || event.key === "Escape") {
         this.onCloseClick();
       }
     };
@@ -406,4 +431,8 @@
     this.modalCloseSelector = this.modalSelector+"-close";
     this.modalSubmitSelector = this.modalSelector+"-submit";
   };
-})();
+
+  W.Fdbq.events = {};
+  W.Fdbq.addEventListener = async function(eventName, callback) { Fdbq.events[eventName] = callback; };
+  W.Fdbq.removeEventListener = async function(eventName) { delete(Fdbq.events[eventName]); };
+})(window, document);

data/vendor/node_modules/@softserveopensource/fdbq/package.json

@@ -1,28 +1,27 @@
 {
-  "_from": "@softserveopensource/fdbq@0.1.1",
-  "_id": "@softserveopensource/fdbq@0.1.1",
+  "_from": "@softserveopensource/fdbq@^0.1.2",
+  "_id": "@softserveopensource/fdbq@0.1.2",
   "_inBundle": false,
-  "_integrity": "sha512-LkSCEEVJVL9J7bKy/8yxe4b093qvLi6US+/koferhO/HHcOxpcortbtxyRIr5BPybOQvaPdpCBD1CZVNla0O+g==",
+  "_integrity": "sha512-mC00T6/y2o9IvdbQvweldfi+jONA4F3zfOWCrhGVUN9Gt138Xvy8XGYg01dFWiZFL5WV/tWaUmr0D75uxqmB0Q==",
   "_location": "/@softserveopensource/fdbq",
   "_phantomChildren": {},
   "_requested": {
-    "type": "version",
+    "type": "range",
     "registry": true,
-    "raw": "@softserveopensource/fdbq@0.1.1",
+    "raw": "@softserveopensource/fdbq@^0.1.2",
     "name": "@softserveopensource/fdbq",
     "escapedName": "@softserveopensource%2ffdbq",
     "scope": "@softserveopensource",
-    "rawSpec": "0.1.1",
+    "rawSpec": "^0.1.2",
     "saveSpec": null,
-    "fetchSpec": "0.1.1"
+    "fetchSpec": "^0.1.2"
   },
   "_requiredBy": [
-    "#USER",
     "/"
   ],
-  "_resolved": "https://registry.npmjs.org/@softserveopensource/fdbq/-/fdbq-0.1.1.tgz",
-  "_shasum": "4a50eb16c812055ed2eeb3fc6f588189dd44e026",
-  "_spec": "@softserveopensource/fdbq@0.1.1",
+  "_resolved": "https://registry.npmjs.org/@softserveopensource/fdbq/-/fdbq-0.1.2.tgz",
+  "_shasum": "c5c6c595c6673961ee039708ba25a412f8599087",
+  "_spec": "@softserveopensource/fdbq@^0.1.2",
   "_where": "/Users/rsolomud/dev/rails/fdbq-rails/vendor",
   "author": {
     "name": "SoftServe OpenSource"
@@ -58,5 +57,5 @@
   "scripts": {
     "test": "jest"
   },
-  "version": "0.1.1"
+  "version": "0.1.2"
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: fdbq-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - SoftServe OpenSource