fdbq-rails 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: f9195b6626e0cf218de00b495a3617f1cb460f8a50fbee7add7c93b5e44ebccc
+  data.tar.gz: 2d8c3c1606629fa1ed0e934168edd8fba4a699fcc7dfd3a4cd5af0f203014784
+SHA512:
+  metadata.gz: 5c98ef23951c9f362f4da0c4a8eb0922615bae697f1b2cc6281277da879dc33ca016c2f1258ab3ae68f1d2c40805810ef881769f74cdc7bf96ef3466d73e0770
+  data.tar.gz: 69cc776c15caaa9acc52b9286be0706870c36fe4711f19e2c2acdc0cf443773c60dd7f00c7e81d7299673e215b59b2d842b5c5e397c25aeeb9379a571a62fa89

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2020 Roman Solomud
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,49 @@
+# Fdbq::Rails
+
+A Rails integration of <TBD> with an ORM recording of submits.
+
+## Installation
+
+##### Terminal
+
+`gem install fdbq-rails`
+
+##### Gemfile
+
+`gem 'fdbq-rails'`
+
+##### Rails
+
+Generate configuration files
++ `rails g fdbq:rails:install`
+
+Mount into your application
++ update `config/routes.rb` with `mount Fdbq::Rails::Engine, at: '<your path>'`
+
+Update configuration for fton-end
++ update `config/fdbq.yml` configuration file
+
+## Usage
+
+
+Aadd to your layout or view plugin
++ `fdbq_render`
+
+To fetch list of submitted responses use
++ `fdbq_responses` helper that works within controller, helper or view.
+or
++ `Fdbq::Feedback.all` to query directly thru ActiveRecord model.
+
+## Contributing
+
+- fork it
+- commit
+- submit PR
+
+## TODO
+
+- [ ] Add JS plugin
+- [ ] Add MongoDB support
+
+## License
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,22 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Fdbq::Rails'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("spec/dummy/Rakefile", __dir__)
+load 'rails/tasks/engine.rake'
+
+load 'rails/tasks/statistics.rake'
+
+require 'bundler/gem_tasks'

data/app/assets/config/fdbq_rails_manifest.js

@@ -0,0 +1,2 @@
+//= link_directory ../stylesheets .css
+//= link_directory ../javascripts .js

data/app/assets/javascripts/fdbq.js

@@ -0,0 +1 @@
+//= require @softserveopensource/fdbq

data/app/assets/stylesheets/fdbq.css

@@ -0,0 +1,3 @@
+/*
+ *= require @softserveopensource/fdbq/theme
+*/

data/app/controllers/fdbq/feedback_controller.rb

@@ -0,0 +1,20 @@
+module Fdbq
+  class FeedbackController < Fdbq::Rails.controller_parent.constantize
+    skip_before_action :verify_authenticity_token, only: :create
+
+    def create
+      @feedback = Fdbq::Feedback.new(fields: permitted_params.to_h)
+      @feedback.save
+
+      respond_to do |format|
+        format.json { render(status: @feedback.persisted? ? 201 : 422) }
+      end
+    end
+
+    private
+
+    def permitted_params
+      params.require(Fdbq.param_key).permit(*params[Fdbq.param_key]&.keys)
+    end
+  end
+end

data/app/models/fdbq/feedback.rb

@@ -0,0 +1,20 @@
+module Fdbq
+  class Feedback < Rails.model_parent.constantize
+    self.table_name = "fdbq_feedback"
+
+    serialize :fields, Hash
+
+
+    validate :required_fields
+
+    private
+
+    def required_fields
+      Fdbq.questions.select(&:required?).each do |question|
+        next if question.answered?(fields.to_h)
+
+        self.errors.add(:fields, :invalid)
+      end
+    end
+  end
+end

data/app/views/fdbq/feedback/create.json.jbuilder

@@ -0,0 +1,7 @@
+json.call(@feedback, :id, :fields)
+json.created_at @feedback.created_at&.iso8601
+json.updated_at @feedback.updated_at&.iso8601
+
+if @feedback.errors.present?
+  json.errors @feedback.errors.messages
+end

data/config/routes.rb

@@ -0,0 +1,3 @@
+Fdbq::Rails::Engine.routes.draw do
+  resource :feedback, only: :create, controller: 'feedback'
+end 

data/lib/fdbq/fdbq.rb

@@ -0,0 +1,19 @@
+require 'fdbq/plugin'
+
+module Fdbq
+  def self.param_key
+    Plugin.instance.param_key
+  end
+
+  def self.questions
+    Plugin.instance.questions
+  end
+
+  def self.configure(&block)
+    Plugin.instance.instance_eval(&block)
+  end
+
+  def self.current_instance
+    Plugin.instance.settings
+  end
+end

data/lib/fdbq/plugin.rb

@@ -0,0 +1,42 @@
+require 'yaml'
+require 'singleton'
+
+require 'fdbq/question'
+
+module Fdbq
+  class Plugin
+    DEFAULT_PARAM_KEY = :feedback
+
+    attr_accessor :config_file_path
+    attr_accessor :param_key
+
+    include ::Singleton
+
+    instance.param_key = DEFAULT_PARAM_KEY
+
+    def reset!
+      self.param_key = DEFAULT_PARAM_KEY
+      self.config_file_path = nil
+    end
+
+    def questions
+      config.dig('questions').to_a.map(&Question.method(:new))
+    end
+
+    def settings
+      config.tap do |c|
+        c['questions']&.map! { |el| el.merge('name' => build_param_key(el['name'])) }
+
+        c['submit'] = { url: Rails::Engine.routes.url_helpers.feedback_path }
+      end
+    end
+
+    def config
+      YAML.load_file(config_file_path).to_h
+    end
+
+    def build_param_key(question_name)
+      "#{param_key}[#{question_name}]"
+    end
+  end
+end

data/lib/fdbq/question.rb

@@ -0,0 +1,23 @@
+module Fdbq
+  class Question
+    attr_accessor :label, :name, :value, :placeholder, :type, :required, :hint
+
+    def initialize(attrs = {})
+      attrs.to_h.each_pair do |k, v|
+        self.send("#{k}=", v)
+      end
+    end
+
+    def param_key
+      name.to_s
+    end
+
+    def answered?(answers)
+      answers.to_h.stringify_keys[param_key].present?
+    end
+
+    def required?
+      !!required
+    end
+  end
+end

data/lib/fdbq/rails/engine.rb

@@ -0,0 +1,17 @@
+module Fdbq
+  module Rails
+    class Engine < ::Rails::Engine
+      isolate_namespace Fdbq
+      engine_name 'fdbq'
+
+      initializer "fdbq.assets.precompile" do |app|
+        app.config.assets.precompile += %w( fdbq.* )
+      end
+
+      initializer "fdbq.engine" do |app|
+        ActionController::Base.send :include, Fdbq::Rails::Helpers
+        ActionView::Base.send :include, Fdbq::Rails::Helpers
+      end
+    end
+  end
+end

data/lib/fdbq/rails/helpers.rb

@@ -0,0 +1,13 @@
+module Fdbq
+  module Rails
+    module Helpers
+      def fdbq_responses
+        Fdbq::Feedback.all
+      end
+
+      def fdbq_render
+        javascript_tag "(new Fdbq(#{Fdbq.current_instance.to_json})).init();"
+      end
+    end
+  end
+end

data/lib/fdbq/rails/version.rb

@@ -0,0 +1,5 @@
+module Fdbq
+  module Rails
+    VERSION = '0.1.0'
+  end
+end

data/lib/fdbq/rails.rb

@@ -0,0 +1,29 @@
+require 'jbuilder'
+
+require "fdbq/fdbq"
+require "fdbq/rails/engine"
+require 'fdbq/rails/helpers'
+
+module Fdbq
+  module Rails
+    def self.controller_parent
+      if latest?
+        'ApplicationController'
+      else
+        'ActionController::Base'
+      end
+    end
+
+    def self.model_parent
+      if latest?
+        'ApplicationRecord'
+      else
+        'ActiveRecord::Base'
+      end
+    end
+
+    def self.latest?
+      ::Rails.version.to_i >= 5
+    end
+  end
+end

data/lib/fdbq/railtie.rb

@@ -0,0 +1,4 @@
+module Fdbq
+  class Railtie < ::Rails::Railtie
+  end
+end

data/lib/fdbq/version.rb

@@ -0,0 +1,3 @@
+module Fdbq
+  VERSION = '0.1.0'
+end

data/lib/fdbq-rails.rb

@@ -0,0 +1,3 @@
+require "fdbq/railtie"
+require "fdbq/rails"
+ 

data/lib/generators/fdbq/rails/install_generator.rb

@@ -0,0 +1,37 @@
+require 'rails/generators/migration'
+
+module Fdbq
+  module Rails
+    module Generators
+      class InstallGenerator < ::Rails::Generators::Base
+        include ::Rails::Generators::Migration
+
+        source_root File.expand_path("../../../templates", __FILE__)
+
+        desc "This generator creates a plugin configuration files and a migration"
+
+        class << self
+          def next_migration_number(dirname)
+            if ActiveRecord::Base.timestamped_migrations
+              Time.now.utc.strftime("%Y%m%d%H%M%S")
+            else
+              "%.3d" % (current_migration_number(dirname) + 1)
+            end
+          end
+        end
+
+        def copy_config
+          template "fdbq.yml", "config/fdbq.yml"
+        end
+
+        def copy_migration
+          migration_template "create_fdbq_feedback.rb", "db/migrate/create_fdbq_feedback.rb"
+        end
+
+        def copy_initializer
+          template "fdbq.rb", "config/initializers/fdbq.rb"
+        end
+      end
+    end
+  end
+end

data/lib/generators/templates/create_fdbq_feedback.rb

@@ -0,0 +1,9 @@
+class CreateFdbqFeedback < ActiveRecord::Migration[4.2]
+  def change
+    create_table :fdbq_feedback do |t|
+      t.text :fields
+
+      t.timestamps
+    end
+  end
+end

data/lib/generators/templates/fdbq.rb

@@ -0,0 +1,5 @@
+Fdbq.configure do |config|
+  config.config_file_path = Rails.root.join('config', 'fdbq.yml').to_s
+
+  config.param_key = :feedback
+end

data/lib/generators/templates/fdbq.yml

@@ -0,0 +1,23 @@
+placement: bottom right
+modal:
+  title: 
+subHeader:
+  title: 
+  description: 
+questions:
+  # -
+  #   name: # [String]
+  #   label: # [String]
+  #   value: # [String]
+  #   placeholder: # [String]
+  #   type: # [String]
+  #   required: # [Boolean]
+  #   hint: # [String]
+  # -
+  #   name: # [String]
+  #   label: # [String]
+  #   value: # [String]
+  #   placeholder: # [String]
+  #   type: # [String]
+  #   required: # [Boolean]
+  #   hint: # [String]

data/vendor/assets/javascripts/@softserveopensource/fdbq/README.md

@@ -0,0 +1,120 @@
+## Table of contents
+
+- [Installation](#installation)
+- [Configuration](#configuration)
+
+## Installation
+
+* Add package to a project
+
+  * using Yarn
+
+    `yarn add fdbq`
+
+  * using NPM
+
+    `npm i -S fdbq`
+
+* Add javascript file
+
+  `import "fdbq"`
+
+* Include default theme (optional)
+
+  `import "fdbq/theme.css"`
+
+* Enable on a page
+
+  ```
+    var instance = new Fdbq(config);
+    instance.init();
+  ```
+
+## Configuration
+
+```
+{
+  mountNode: "body",
+  placement: "bottom right",
+  modal: {
+    title: "Help us get better",
+  },
+  submit: {
+    url: "http://localhost:3000/api/test-feedback"
+  },
+  subHeader: {
+    title: "Feedback",
+    description: "Please take a short survey"
+  },
+  questions: [
+    {
+      name: "feedback[usage]",
+      label: "Please share your feedback upon usage of Practice Dashboard",
+      value: "",
+      placeholder: "Type here",
+      type: "text",
+      required: true,
+      hint: "Please, describe your opinion about the service we provide."
+    }
+  ]
+}
+```
+
+##### Instance configuration
+
+| Setting                  | Required | Type                | Options                          | Default   | Description                   |
+| ------------------------ | -------- | ------------------- | -------------------------------- | --------- | ----------------------------- |
+| `mountNode`              | No       | String              |                                  |`"body" `  | Root node to mount lugin into |
+| `placement`              | Yes      | String              | `bottom`, `top`, `left`, `right` |           | Button placement on a screen  |
+| `modal`                  | No       | Object              |                                  |           | Modal settings                |
+| `submit`                 | Yes      | Object              |                                  |  `func`   | Modal submit handler. Default handler submit on `url` |
+| `subHeader`              | No       | String              |                                  |           | Modal body sub-header         |
+| `questions`              | No       | Array[Object]       |                                  | `[]`      | List of questions for a modal |
+
+##### Modal configuration `modal`
+
+| Setting  | Required | Type                | Options                          | Default   | Description |
+| -------- | -------- | ------------------- | -------------------------------- | --------- | ----------- |
+| `title`  | No       | String              |                                  |`"" `      | Modal title |
+
+##### Modal configuration `subHeader`
+
+| Setting       | Required | Type                | Options                          | Default   | Description            |
+| ------------- | -------- | ------------------- | -------------------------------- | --------- | ---------------------- |
+| `title`       | No       | String              |                                  |`"" `      | Modal body title       |
+| `description` | No       | String              |                                  |`"" `      | Modal body description |
+
+##### Modal configuration `submit`
+
+* as `Function`
+
+  ```
+  {
+    // ...
+    submit: function(fields, instance) {
+      console.log(fields, instance);
+    },
+    // ...
+  }
+  ```
+
+* as `Object`
+
+| Setting | Required | Type                | Options                          | Default   | Description                                    |
+| ------- | -------- | ------------------- | -------------------------------- | --------- | ---------------------------------------------- |
+| `url`   | Yes      | String              |                                  |`"" `      | Submit url for the form. (Uses `POST` request) |
+
+##### Modal configuration `questions`
+
+| Setting       | Required | Type    | Options          | Default | Description                                    |
+| ------------- | -------- | ------- | ---------------- | ------- | ---------------------------------------------- |
+| `name`        | Yes      | String  |                  |         | Name for a input field. Used as submit param   |
+| `label`       | Yes      | String  |                  |         | Input field label                              |
+| `value`       | No       | String  |                  |         | Default value for the input                    |
+| `placeholder` | No       | String  |                  |         | Input placeholder                              |
+| `type`        | Yes      | String  | `Text`, `String` |         | Input field type. Rendered in different style  |
+| `required`    | No       | Boolean |                  | `false` | Input required flag                            |
+| `hint`        | No       | String  |                  |         | Hint text for input field                      |
+
+
+> Check out a configuration example in `examples/basic/index.html`

data/vendor/assets/javascripts/@softserveopensource/fdbq/index.js

@@ -0,0 +1,393 @@
+(function() {
+  var TOGGLE_REGEX = /(^show | show | show$)/i;
+  var SUCCESS_STATUS_CODE = /^20\d$/;
+
+  function parameterize(object) {
+    var parts = [];
+
+    for(var prop in object) {
+      parts.push(encodeURIComponent(prop)+"="+encodeURIComponent(object[prop]));
+    }
+
+    return parts.join("&");
+  }
+
+  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"]');
+  }
+
+  function arrayFind(array, prop, value) {
+    for(var i = 0; i < array.length; i++) {
+      if(array[i] && array[i][prop] === value) return array[i];
+    }
+  }
+
+  function validField(field, config) {
+    var isValid = true;
+
+    if(!field) return false;
+
+    if(config.required && !field.value) isValid = false;
+
+    return isValid;
+  }
+
+  function buildField(type, options) {
+    var node = document.createElement("div");
+    node.className = FdbqClassName("fdbq-field", "-"+type, options.error ? "has-errors" : "");
+    node.dataset.fdbq = "field-container";
+    node.dataset.id = questionID(options);
+
+    return node;
+  }
+
+  function buildInput(type, props, options) {
+    var node = document.createElement(type);
+
+    for(var prop in props) {
+      node[prop] = props[prop];
+    }
+
+    node.className = FdbqClassName("fdbq-input", node.className);
+    node.dataset.fdbq = "field";
+
+    return node;
+  }
+
+  function httpSubmit(params, instance) {
+    if(!instance.config.submit.url) return;
+
+    var xmlHttp = new XMLHttpRequest();
+
+    xmlHttp.onreadystatechange = function() { 
+      if(xmlHttp.readyState == 4 && SUCCESS_STATUS_CODE.test(xmlHttp.status)) {
+        instance.onCloseClick();
+      }
+    };
+
+    xmlHttp.open("POST", instance.config.submit.url, true);
+    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
+    xmlHttp.send(parameterize(params));
+  }
+
+  function renderModalBody(node, instance) {
+    node.appendChild(FdbqModalHead(instance));
+    node.appendChild(FdbqModalBody(instance));
+  }
+
+  function renderModalFields(container, instance) {
+    for(var i = 0; i < instance.config.questions.length; i++) {
+      var field = FdbqField(instance.config.questions[i], instance);
+
+      if(!field) continue;
+
+      container.appendChild(field);
+    }
+  }
+
+  function renderFields(node, instance) {
+    if(!Array.isArray(instance.config.questions) || !instance.config.questions.length) return;
+
+    child = document.createElement("div");
+    child.className = "fdbq-modal-fields";
+    child.id = instance.fieldsContainerSelector;
+
+    renderModalFields(child, instance);
+
+    node.appendChild(child);
+  }
+
+  function FdbqFieldsReplaceInvalid(instance) {
+    if(!instance.errors || !instance.config || !instance.config.questions) return;
+
+    var fields = document.querySelector('#'+instance.modalSelector+' .fdbq-modal-fields');
+
+    if(!fields) return;
+
+    for(var i = 0; i < instance.errors.length; i++) {
+      var fieldID = instance.errors[i];
+      var config = arrayFind(instance.config.questions, function(el) { return questionID(el) === fieldID; });
+      var field = queryField(fieldID, instance);
+
+      if(!config || !field) continue;
+
+      fields.replaceChild(FdbqField(config, instance), field);
+    }
+  }
+
+  function FdbqUUID(id) { return id+"-"+Math.random().toString(36).substr(2, 9); };
+  function FdbqClassName() {
+    var classList = [];
+
+    for(var i = 0; i < arguments.length; i++) {
+      if(arguments[i]) classList.push(arguments[i]);
+    }
+
+    return classList.join(" ");
+  }
+
+  function FdbqFieldsReset(instance) {
+    var fields = document.getElementById(instance.fieldsContainerSelector);
+
+    if(!fields) return;
+
+    fields.innerHTML = "";
+    renderModalFields(fields, instance);
+  }
+
+  function FdbqTextField(config, instance) {
+    var child;
+    var inputID = questionID(config);
+    var node = buildField("text", Object.assign({}, config, { error: instance.errors.indexOf(inputID) >= 0 }));
+    var fieldID = FdbqUUID("fdbq-field-text-"+inputID);
+
+    if(config.label) {
+      child = document.createElement("label");
+      child.innerHTML = (config.required ? '<abbr title="required">*</abbr>' : "")+config.label;
+      child.htmlFor = fieldID;
+
+      node.appendChild(child);
+    }
+
+    node.appendChild(buildInput("textarea", {
+      id: fieldID,
+      rows: config.rows ? parseInt(config.rows, 10) : 3,
+      value: config.value || "",
+      placeholder: config.placeholder
+    }, { type: "text", id: inputID }));
+
+    if(config.hint) {
+      child = document.createElement("div");
+      child.className = "fdbq-field-hint";
+      child.innerHTML = config.hint;
+
+      node.appendChild(child);
+    }
+
+    return node;
+  }
+
+  function FdbqStringField(config, instance) {
+    var child;
+    var inputID = questionID(config);
+    var node = buildField("string", Object.assign({}, config, { error: instance.errors.indexOf(inputID) >= 0 }));
+    var fieldID = FdbqUUID("fdbq-field-string-"+inputID);
+
+    if(config.label) {
+      child = document.createElement("label");
+      child.innerHTML = (config.required ? '<abbr title="required">*</abbr>' : "")+config.label;
+      child.htmlFor = fieldID;
+
+      node.appendChild(child);
+    }
+
+    node.appendChild(buildInput("input", {
+      id: fieldID,
+      type: "text",
+      rows: config.rows ? parseInt(config.rows, 10) : 3,
+      value: config.value || "",
+      placeholder: config.placeholder
+    }, { error: instance.errors.indexOf(config.id) >= 0, type: "string", id: config.id }));
+
+    if(config.hint) {
+      child = document.createElement("div");
+      child.className = "fdbq-field-hint";
+      child.innerHTML = config.hint;
+
+      node.appendChild(child);
+    }
+
+    return node;
+  }
+
+  function FdbqField(config, instance) {
+    switch(config.type) {
+      case "text":
+        return FdbqTextField(config, instance);
+      default:
+        return FdbqStringField(config, instance);
+    }
+  }
+
+  function FdbqModalHead(instance) {
+    var node = document.createElement("div");
+    node.className = "fdbq-modal-head";
+
+    // heading;
+    var heading = document.createElement("h4");
+    heading.innerText = instance.config.modal && instance.config.modal.title || "";
+
+    // close button;
+    var closeButton = document.createElement("button");
+    closeButton.innerHTML = "&times;";
+    closeButton.className = "close";
+    closeButton.id = instance.modalCloseSelector;
+
+    node.appendChild(heading);
+    node.appendChild(closeButton);
+
+    return node;
+  }
+
+  function FdbqModalBodyHeading(instance) {
+    if(!instance.config.subHeader) return null;
+
+    var node = document.createElement("div");
+    node.className = "fdbq-modal-heading";
+
+    // heading;
+    if(instance.config.subHeader.title) {
+      var child = document.createElement("h5");
+      child.className = "sub-heading";
+      child.innerText = instance.config.subHeader.title;
+
+      node.appendChild(child);
+    }
+
+    // sub-title;
+    if(instance.config.subHeader.description) {
+      child = document.createElement("div");
+      child.className = "sub-heading-description";
+      child.innerHTML = instance.config.subHeader.description;
+
+      node.appendChild(child);
+    }
+
+    return node;
+  }
+
+  function FdbqActions(instance) {
+    var node = document.createElement("div");
+    node.className = "fdbq-modal-actions";
+
+    var child = document.createElement("button");
+    child.className = "submit";
+    child.id = instance.modalSubmitSelector;
+    child.innerText = "Submit";
+
+    node.appendChild(child);
+
+    return node;
+  }
+
+  function FdbqModalBody(instance) {
+    var node = document.createElement("div");
+    node.className = "fdbq-modal-body";
+
+    var child = FdbqModalBodyHeading(instance);
+
+    if(child) node.appendChild(child);
+
+    renderFields(node, instance);
+
+    child = FdbqActions(instance);
+
+    if(child) node.appendChild(child);
+
+    return node;
+  }
+
+  function FdbqModal(instance) {
+    var overlay = document.createElement("div");
+    var node = document.createElement("div");
+    node.className = "fdbq-modal";
+    node.id = instance.modalContainerSelector;
+
+    renderModalBody(node, instance);
+    
+    overlay.className = "fdbq-modal-overlay";
+    overlay.appendChild(node);
+    overlay.id = instance.modalSelector;
+
+    return overlay;
+  }
+
+  function FdbqAction(instance) {
+    var node = document.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>';
+
+    return node;
+  }
+
+  window.Fdbq = function(config) {
+    this.init = function() {
+      var modal = FdbqModal(this);
+      var action = FdbqAction(this);
+
+      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);
+
+      if(button) button.addEventListener("click", this.onActionClick.bind(this));
+      if(closeButton) closeButton.addEventListener("click", this.onCloseClick.bind(this));
+      if(submitButton) submitButton.addEventListener("click", this.onSubmitClick.bind(this));
+
+    };
+
+    this.mountNode = function() { return document.querySelector(this.config.mountNode) || document.body; };
+    this.onActionClick = function(event) {
+      var modal = document.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);
+
+      if(!modal || !TOGGLE_REGEX.test(modal.className)) return;
+      modal.className = modal.className.replace(TOGGLE_REGEX, "").trim();
+      this.errors = [];
+      FdbqFieldsReset(this);
+    };
+    this.onSubmitClick = function(event) {
+      this.errors = [];
+      if(!this.config.submit || !this.config.questions) return;
+
+      var callback = typeof(this.config.submit) === "function" ? this.config.submit : httpSubmit;
+      var params = {};
+
+      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"]');
+
+        if(!field) continue;
+
+        if(validField(field, q)) {
+          params[q.name] = field.value;
+        } else {
+          this.errors.push(id);
+        }
+      }
+
+      if(this.errors.length) {
+        FdbqFieldsReplaceInvalid(this);
+
+        return false;
+      }
+
+      callback(params, this);
+
+      return true;
+    };
+
+    // props;
+    this.config = config || {};
+    this.errors = [];
+    this.identifier = FdbqUUID("fdbq");
+    this.buttonSelector = this.identifier+"-button";
+    this.modalSelector = this.identifier+"-modal";
+    this.modalContainerSelector = this.identifier+"-modal-container";
+    this.fieldsContainerSelector = this.identifier+"-fields";
+    this.modalCloseSelector = this.modalSelector+"-close";
+    this.modalSubmitSelector = this.modalSelector+"-submit";
+  };
+})();

data/vendor/assets/javascripts/@softserveopensource/fdbq/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@softserveopensource/fdbq",
+  "version": "0.1.0",
+  "description": "A simple lightweight survey for your website",
+  "main": "index.js",
+  "author": "SoftServe OpenSource",
+  "license": "MIT",
+  "homepage": "https://github.com/SoftServeInc/fdbq#readme",
+  "scripts": {
+    "test": "jest"
+  },
+  "devDependencies": {
+    "jest": "^24.9.0",
+    "serve": "^11.3.0"
+  },
+  "files": [
+    "index.js",
+    "theme.css"
+  ],
+  "repository": {
+    "url": "git+https://github.com/SoftServeInc/fdbq.git",
+    "type": "git"
+  },
+  "bugs": {
+    "url": "https://github.com/SoftServeInc/fdbq/issues"
+  },
+  "directories": {
+    "example": "examples"
+  },
+  "keywords": [
+    "Feedback"
+  ]
+}

data/vendor/assets/javascripts/@softserveopensource/fdbq/theme.css

@@ -0,0 +1,228 @@
+
+.fdbq-modal-overlay {
+  position: fixed;
+  z-index: 10000;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.3);
+  overflow-y: scroll;
+  display: none;
+}
+
+.fdbq-modal-overlay.show {
+  display: block;
+}
+
+.fdbq-modal {
+  width: 40%;
+  margin: 40px auto;
+  background-color: #ffffff;
+}
+
+.fdbq-modal .fdbq-modal-head {
+  display: flex;
+  margin: 0;
+  padding: 0;
+  align-items: center;
+  background-color: #000000;
+}
+
+.fdbq-modal .fdbq-modal-head h4 {
+  width: 100%;
+  color: #ffffff;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  margin-left: 15px;
+  margin-right: 15px;
+  font-size: 18px;
+  text-transform: uppercase;
+}
+
+.fdbq-modal .fdbq-modal-head .close {
+  padding: 0 10px;
+  margin: 0 5px 0 0;
+  border: none;
+  background-color: transparent;
+  color: #ffffff;
+  font-size: 33px;
+  line-height: 100%;
+}
+
+.fdbq-modal .fdbq-modal-head .close:focus {
+  outline: none;
+}
+
+.fdbq-modal .fdbq-modal-head .close:hover {
+  cursor: pointer;
+}
+
+.fdbq-modal .fdbq-modal-body {
+  padding: 30px 15px;
+}
+
+.fdbq-modal .fdbq-modal-body .fdbq-modal-actions {
+  margin-top: 30px;
+  padding: 0;
+}
+
+.fdbq-modal .fdbq-modal-body .fdbq-modal-heading {
+  margin-bottom: 30px;
+}
+
+.fdbq-modal .fdbq-modal-body .fdbq-modal-heading h5 {
+  margin: 0;
+  font-size: 22px;
+  font-weight: bold;
+  text-transform: uppercase;
+}
+
+.fdbq-modal .fdbq-modal-body .fdbq-modal-heading .sub-heading-description {
+  padding-top: 10px;
+  color: #000000;
+}
+
+.fdbq-modal .fdbq-modal-body .fdbq-modal-heading h5:after {
+  display: block;
+  margin-top: 10px;
+  content: "";
+  width: 23%;
+  height: 2px;
+  background-color: #000000;
+}
+
+.fdbq-modal .fdbq-modal-body .fdbq-modal-actions .submit {
+  background-color: #ffffff;
+  border: 2px solid #000000;
+  color: #000000;
+  font-size: 16px;
+  text-transform: uppercase;
+  padding: 5px 30px;
+  font-weight: bold;
+}
+
+.fdbq-modal .fdbq-modal-body .fdbq-modal-actions .submit:hover,
+.fdbq-modal .fdbq-modal-body .fdbq-modal-actions .submit:focus {
+  background-color: #000000;
+  color: #ffffff;
+  cursor: pointer;
+  transition: background-color .5s;
+}
+
+.fdbq-modal .fdbq-field {
+  display: flex;
+  flex-direction: column;
+}
+
+.fdbq-modal .fdbq-field abbr {
+  color: red;
+  padding-right: 3px;
+}
+
+.fdbq-modal .fdbq-field label {
+  display: block;
+  margin-bottom: 5px;
+  color: #909090;
+  font-weight: bold;
+}
+
+.fdbq-modal .fdbq-field.has-errors label {
+  color: red !important;
+}
+
+.fdbq-modal .fdbq-field.has-errors .fdbq-input {
+  border-color: red !important;
+}
+
+.fdbq-modal .fdbq-field .fdbq-input {
+  padding: 15px;
+  border: none;
+  display: flex;
+  border: 2px solid #000000;
+  font-size: 14px;
+  color: #000000;
+  line-height: 15px;
+}
+
+.fdbq-modal .fdbq-field .fdbq-input:focus {
+  outline: none;
+}
+
+.fdbq-modal .fdbq-field + .fdbq-field {
+  margin-top: 15px;
+}
+
+.fdbq-modal .fdbq-field .fdbq-field-hint {
+  padding-top: 5px;
+  font-size: 14px;
+  color: #909090;
+}
+
+.fdbq-toggle {
+  padding: 5px;
+  margin: 0;
+  background-color: #000000;
+  border: none;
+}
+
+.fdbq-toggle:hover, .fdbq-toggle:focus {
+  cursor: pointer;
+  outline: none;
+  background-color: #303030;
+  transition: background-color .5s;
+}
+
+.fdbq-toggle .fdbq-icon-action {
+  display: inline-block;
+  width: 45px;
+  height: 45px;
+  background: url("data:image/png;base64,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") center top no-repeat;
+  background-size: contain;
+}
+
+.fdbq-toggle.bottom {
+  position: fixed;
+  bottom: 5%;  
+}
+
+.fdbq-toggle.top {
+  position: fixed;
+  top: 5%;
+}
+
+.fdbq-toggle.center {
+  position: fixed;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+
+.fdbq-toggle.middle {
+  position: fixed;
+  top: 50%;
+  transform: translate(0, -50%);
+}
+
+.fdbq-toggle.right {
+  position: fixed;
+  right: 5%;
+}
+
+.fdbq-toggle.left {
+  position: fixed;
+  left: 5%;
+}
+
+
+.fdbq-toggle.right.bottom,
+.fdbq-toggle.left.bottom  {
+  position: fixed;
+  bottom: 5%;
+}
+
+.fdbq-toggle.right.top,
+.fdbq-toggle.left.top  {
+  top: 5%;
+  position: fixed;
+}

metadata

@@ -0,0 +1,120 @@
+--- !ruby/object:Gem::Specification
+name: fdbq-rails
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- SoftServe OpenSource
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2020-02-07 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3'
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 6.0.2
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3'
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 6.0.2
+- !ruby/object:Gem::Dependency
+  name: jbuilder
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: sqlite3
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Fdbq::Rails. A Rails integration for Fdbq JS plugin.
+email:
+- opensource@softserveinc.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/assets/config/fdbq_rails_manifest.js
+- app/assets/javascripts/fdbq.js
+- app/assets/stylesheets/fdbq.css
+- app/controllers/fdbq/feedback_controller.rb
+- app/models/fdbq/feedback.rb
+- app/views/fdbq/feedback/create.json.jbuilder
+- config/routes.rb
+- lib/fdbq-rails.rb
+- lib/fdbq/fdbq.rb
+- lib/fdbq/plugin.rb
+- lib/fdbq/question.rb
+- lib/fdbq/rails.rb
+- lib/fdbq/rails/engine.rb
+- lib/fdbq/rails/helpers.rb
+- lib/fdbq/rails/version.rb
+- lib/fdbq/railtie.rb
+- lib/fdbq/version.rb
+- lib/generators/fdbq/rails/install_generator.rb
+- lib/generators/templates/create_fdbq_feedback.rb
+- lib/generators/templates/fdbq.rb
+- lib/generators/templates/fdbq.yml
+- vendor/assets/javascripts/@softserveopensource/fdbq/README.md
+- vendor/assets/javascripts/@softserveopensource/fdbq/index.js
+- vendor/assets/javascripts/@softserveopensource/fdbq/package.json
+- vendor/assets/javascripts/@softserveopensource/fdbq/theme.css
+homepage: https://github.com/SoftServeInc/fdbq-rails
+licenses:
+- MIT
+metadata:
+  allowed_push_host: https://rubygems.org
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.0.6
+signing_key: 
+specification_version: 4
+summary: Fdbq::Rails. A Rails integration for Fdbq JS plugin.
+test_files: []