active_element 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: afb96a2b7a2ca7ac8768510fbb0c528d64be469548ea93c992fa219115a8d0d1
-  data.tar.gz: 212b8c645330e6c77da4a42eeb4040ad4d86a6c4c87bd3b555cebab4e26ee087
+  metadata.gz: 26b1ee53510a64cb3215d2fc26b93bea88eb02e6dc9da9ceed48c64af7bdd4eb
+  data.tar.gz: e942cc5ce6c22b456c40aa999304681970bb760a437bafd9a7f65a6365f8a487
 SHA512:
-  metadata.gz: ce1ced7c4762bcde8c4d23bd0a57f41502ee72a2bb23bbd9b5f5cbceba9b855550185af044e424eabf4cd4875563df8989295b9a7360a0b79ce4af1f337e447f
-  data.tar.gz: 7529e884ff689f4b9bd301d05335e7fa2f0d898eb53e6af0d5a4cfe4c5ad79f536585392a5d03bcdbbf8bd7d15f28d6cb836957edc8761aab8a11dcbcb5db8d3
+  metadata.gz: e3d5d2b2882d1e3ddcbe4c3d3c3aadd39bac2762148812d463d6e6df81972f54108f3ac43b195525550ea8cf6e19b30cb8e59431033b161b771e2a863f5269f9
+  data.tar.gz: d6d4a623ff93445d973ab43ac94c74eb617f6ab73f3ab49bffee3f9a018bda34acc2e9a020c38f537ca8e49c5d3bb4386ef62102cf7b2e4ce2ba0bb1220cc7b6

data/.rubocop.yml

@@ -5,3 +5,15 @@ require:
 
 AllCops:
   NewCops: enable
+  Exclude:
+  - 'bin/**/*'
+  - 'spec/dummy/bin/**/*'
+  - 'rspec-documentation/**/*'
+
+RSpec/MultipleMemoizedHelpers:
+  Max: 8
+
+Metrics/ParameterLists:
+  Exclude:
+  - 'lib/active_element/components/**/*.rb'
+  - 'lib/active_element/active_element_component.rb'

data/.strong_versions.yml

@@ -0,0 +1,2 @@
+ignore:
+  - bootstrap

data/Gemfile

@@ -5,11 +5,20 @@ source 'https://rubygems.org'
 # Specify your gem's dependencies in active_element.gemspec
 gemspec
 
+gem 'devise', '~> 4.9'
+gem 'devpack', '~> 0.4.1'
+gem 'factory_bot_rails', '~> 5.2'
 gem 'rake', '~> 13.0'
-
-gem 'rspec', '~> 3.0'
+gem 'rspec', '~> 3.12'
+gem 'rspec-documentation'
+gem 'rspec-file_fixtures', '~> 0.1.6'
+gem 'rspec-html', '~> 0.3.2'
+gem 'rspec-its', '~> 1.3'
+gem 'rspec-rails', '~> 6.0'
 gem 'rubocop', '~> 1.51'
 gem 'rubocop-rails', '~> 2.19'
 gem 'rubocop-rake', '~> 0.6.0'
 gem 'rubocop-rspec', '~> 2.22'
+gem 'sqlite3', '~> 1.6'
 gem 'strong_versions', '~> 0.4.5'
+gem 'webmock', '~> 3.18'

data/Gemfile.lock

@@ -2,43 +2,229 @@ PATH
   remote: .
   specs:
     active_element (0.0.1)
+      bootstrap (~> 5.3.0alpha3)
+      faraday (~> 2.7)
+      kaminari (~> 1.2)
+      rails (~> 6.1)
+      rouge (~> 4.1)
+      sassc (~> 2.4)
 
 GEM
   remote: https://rubygems.org/
   specs:
-    activesupport (7.0.4.3)
+    actioncable (6.1.7.3)
+      actionpack (= 6.1.7.3)
+      activesupport (= 6.1.7.3)
+      nio4r (~> 2.0)
+      websocket-driver (>= 0.6.1)
+    actionmailbox (6.1.7.3)
+      actionpack (= 6.1.7.3)
+      activejob (= 6.1.7.3)
+      activerecord (= 6.1.7.3)
+      activestorage (= 6.1.7.3)
+      activesupport (= 6.1.7.3)
+      mail (>= 2.7.1)
+    actionmailer (6.1.7.3)
+      actionpack (= 6.1.7.3)
+      actionview (= 6.1.7.3)
+      activejob (= 6.1.7.3)
+      activesupport (= 6.1.7.3)
+      mail (~> 2.5, >= 2.5.4)
+      rails-dom-testing (~> 2.0)
+    actionpack (6.1.7.3)
+      actionview (= 6.1.7.3)
+      activesupport (= 6.1.7.3)
+      rack (~> 2.0, >= 2.0.9)
+      rack-test (>= 0.6.3)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.0, >= 1.2.0)
+    actiontext (6.1.7.3)
+      actionpack (= 6.1.7.3)
+      activerecord (= 6.1.7.3)
+      activestorage (= 6.1.7.3)
+      activesupport (= 6.1.7.3)
+      nokogiri (>= 1.8.5)
+    actionview (6.1.7.3)
+      activesupport (= 6.1.7.3)
+      builder (~> 3.1)
+      erubi (~> 1.4)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.1, >= 1.2.0)
+    activejob (6.1.7.3)
+      activesupport (= 6.1.7.3)
+      globalid (>= 0.3.6)
+    activemodel (6.1.7.3)
+      activesupport (= 6.1.7.3)
+    activerecord (6.1.7.3)
+      activemodel (= 6.1.7.3)
+      activesupport (= 6.1.7.3)
+    activestorage (6.1.7.3)
+      actionpack (= 6.1.7.3)
+      activejob (= 6.1.7.3)
+      activerecord (= 6.1.7.3)
+      activesupport (= 6.1.7.3)
+      marcel (~> 1.0)
+      mini_mime (>= 1.1.0)
+    activesupport (6.1.7.3)
       concurrent-ruby (~> 1.0, >= 1.0.2)
       i18n (>= 1.6, < 2)
       minitest (>= 5.1)
       tzinfo (~> 2.0)
+      zeitwerk (~> 2.3)
+    addressable (2.8.4)
+      public_suffix (>= 2.0.2, < 6.0)
     ast (2.4.2)
+    autoprefixer-rails (10.4.13.0)
+      execjs (~> 2)
+    bcrypt (3.1.18)
+    bootstrap (5.3.0.alpha3)
+      autoprefixer-rails (>= 9.1.0)
+      popper_js (>= 2.11.7, < 3)
+      sassc-rails (>= 2.0.0)
+    builder (3.2.4)
     concurrent-ruby (1.2.2)
+    crack (0.4.5)
+      rexml
+    crass (1.0.6)
+    date (3.3.3)
+    devise (4.9.2)
+      bcrypt (~> 3.0)
+      orm_adapter (~> 0.1)
+      railties (>= 4.1.0)
+      responders
+      warden (~> 1.2.3)
+    devpack (0.4.1)
     diff-lcs (1.5.0)
+    erubi (1.12.0)
+    execjs (2.8.1)
+    factory_bot (5.2.0)
+      activesupport (>= 4.2.0)
+    factory_bot_rails (5.2.0)
+      factory_bot (~> 5.2.0)
+      railties (>= 4.2.0)
+    faraday (2.7.4)
+      faraday-net_http (>= 2.0, < 3.1)
+      ruby2_keywords (>= 0.0.4)
+    faraday-net_http (3.0.2)
+    ffi (1.15.5)
+    globalid (1.1.0)
+      activesupport (>= 5.0)
+    hashdiff (1.0.1)
     i18n (1.13.0)
       concurrent-ruby (~> 1.0)
     json (2.6.3)
+    kaminari (1.2.2)
+      activesupport (>= 4.1.0)
+      kaminari-actionview (= 1.2.2)
+      kaminari-activerecord (= 1.2.2)
+      kaminari-core (= 1.2.2)
+    kaminari-actionview (1.2.2)
+      actionview
+      kaminari-core (= 1.2.2)
+    kaminari-activerecord (1.2.2)
+      activerecord
+      kaminari-core (= 1.2.2)
+    kaminari-core (1.2.2)
+    loofah (2.21.3)
+      crass (~> 1.0.2)
+      nokogiri (>= 1.12.0)
+    mail (2.8.1)
+      mini_mime (>= 0.1.1)
+      net-imap
+      net-pop
+      net-smtp
+    marcel (1.0.2)
+    method_source (1.0.0)
+    mini_mime (1.1.2)
+    mini_portile2 (2.8.2)
     minitest (5.18.0)
+    net-imap (0.3.4)
+      date
+      net-protocol
+    net-pop (0.1.2)
+      net-protocol
+    net-protocol (0.2.1)
+      timeout
+    net-smtp (0.3.3)
+      net-protocol
+    nio4r (2.5.9)
+    nokogiri (1.15.1)
+      mini_portile2 (~> 2.8.2)
+      racc (~> 1.4)
+    orm_adapter (0.5.0)
     paint (2.3.0)
     parallel (1.23.0)
     parser (3.2.2.1)
       ast (~> 2.4.1)
-    rack (3.0.7)
+    popper_js (2.11.7)
+    public_suffix (5.0.1)
+    racc (1.6.2)
+    rack (2.2.7)
+    rack-test (2.1.0)
+      rack (>= 1.3)
+    rails (6.1.7.3)
+      actioncable (= 6.1.7.3)
+      actionmailbox (= 6.1.7.3)
+      actionmailer (= 6.1.7.3)
+      actionpack (= 6.1.7.3)
+      actiontext (= 6.1.7.3)
+      actionview (= 6.1.7.3)
+      activejob (= 6.1.7.3)
+      activemodel (= 6.1.7.3)
+      activerecord (= 6.1.7.3)
+      activestorage (= 6.1.7.3)
+      activesupport (= 6.1.7.3)
+      bundler (>= 1.15.0)
+      railties (= 6.1.7.3)
+      sprockets-rails (>= 2.0.0)
+    rails-dom-testing (2.0.3)
+      activesupport (>= 4.2.0)
+      nokogiri (>= 1.6)
+    rails-html-sanitizer (1.5.0)
+      loofah (~> 2.19, >= 2.19.1)
+    railties (6.1.7.3)
+      actionpack (= 6.1.7.3)
+      activesupport (= 6.1.7.3)
+      method_source
+      rake (>= 12.2)
+      thor (~> 1.0)
     rainbow (3.1.1)
     rake (13.0.6)
     regexp_parser (2.8.0)
+    responders (3.1.0)
+      actionpack (>= 5.2)
+      railties (>= 5.2)
     rexml (3.2.5)
+    rouge (4.1.1)
     rspec (3.12.0)
       rspec-core (~> 3.12.0)
       rspec-expectations (~> 3.12.0)
       rspec-mocks (~> 3.12.0)
     rspec-core (3.12.2)
       rspec-support (~> 3.12.0)
+    rspec-documentation (0.0.1)
     rspec-expectations (3.12.3)
       diff-lcs (>= 1.2.0, < 2.0)
       rspec-support (~> 3.12.0)
+    rspec-file_fixtures (0.1.6)
+      rspec (~> 3.0)
+    rspec-html (0.3.2)
+      nokogiri (~> 1.10)
+      rspec (~> 3.0)
+    rspec-its (1.3.0)
+      rspec-core (>= 3.0.0)
+      rspec-expectations (>= 3.0.0)
     rspec-mocks (3.12.5)
       diff-lcs (>= 1.2.0, < 2.0)
       rspec-support (~> 3.12.0)
+    rspec-rails (6.0.2)
+      actionpack (>= 6.1)
+      activesupport (>= 6.1)
+      railties (>= 6.1)
+      rspec-core (~> 3.12)
+      rspec-expectations (~> 3.12)
+      rspec-mocks (~> 3.12)
+      rspec-support (~> 3.12)
     rspec-support (3.12.0)
     rubocop (1.51.0)
       json (~> 2.3)
@@ -67,25 +253,66 @@ GEM
       rubocop-capybara (~> 2.17)
       rubocop-factory_bot (~> 2.22)
     ruby-progressbar (1.13.0)
+    ruby2_keywords (0.0.5)
+    sassc (2.4.0)
+      ffi (~> 1.9)
+    sassc-rails (2.1.2)
+      railties (>= 4.0.0)
+      sassc (>= 2.0)
+      sprockets (> 3.0)
+      sprockets-rails
+      tilt
+    sprockets (4.2.0)
+      concurrent-ruby (~> 1.0)
+      rack (>= 2.2.4, < 4)
+    sprockets-rails (3.4.2)
+      actionpack (>= 5.2)
+      activesupport (>= 5.2)
+      sprockets (>= 3.0.0)
+    sqlite3 (1.6.3)
+      mini_portile2 (~> 2.8.0)
     strong_versions (0.4.5)
       i18n (>= 0.5)
       paint (~> 2.0)
+    thor (1.2.2)
+    tilt (2.1.0)
+    timeout (0.3.2)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
     unicode-display_width (2.4.2)
+    warden (1.2.9)
+      rack (>= 2.0.9)
+    webmock (3.18.1)
+      addressable (>= 2.8.0)
+      crack (>= 0.3.2)
+      hashdiff (>= 0.4.0, < 2.0.0)
+    websocket-driver (0.7.5)
+      websocket-extensions (>= 0.1.0)
+    websocket-extensions (0.1.5)
+    zeitwerk (2.6.8)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
   active_element!
+  devise (~> 4.9)
+  devpack (~> 0.4.1)
+  factory_bot_rails (~> 5.2)
   rake (~> 13.0)
-  rspec (~> 3.0)
+  rspec (~> 3.12)
+  rspec-documentation
+  rspec-file_fixtures (~> 0.1.6)
+  rspec-html (~> 0.3.2)
+  rspec-its (~> 1.3)
+  rspec-rails (~> 6.0)
   rubocop (~> 1.51)
   rubocop-rails (~> 2.19)
   rubocop-rake (~> 0.6.0)
   rubocop-rspec (~> 2.22)
+  sqlite3 (~> 1.6)
   strong_versions (~> 0.4.5)
+  webmock (~> 3.18)
 
 BUNDLED WITH
    2.1.4

data/Rakefile

@@ -2,6 +2,7 @@
 
 require 'bundler/gem_tasks'
 require 'rspec/core/rake_task'
+require 'active_element'
 
 RSpec::Core::RakeTask.new(:spec)
 

data/active_element.gemspec

@@ -29,4 +29,11 @@ Gem::Specification.new do |spec|
   spec.executables = spec.files.grep(%r{\Aexe/}) { |f| File.basename(f) }
   spec.require_paths = ['lib']
   spec.metadata['rubygems_mfa_required'] = 'true'
+
+  spec.add_runtime_dependency 'bootstrap', '~> 5.3.0alpha3'
+  spec.add_runtime_dependency 'faraday', '~> 2.7'
+  spec.add_runtime_dependency 'kaminari', '~> 1.2'
+  spec.add_runtime_dependency 'rails', '~> 6.1'
+  spec.add_runtime_dependency 'rouge', '~> 4.1'
+  spec.add_runtime_dependency 'sassc', '~> 2.4'
 end

data/app/assets/config/active_element/manifest.js

@@ -0,0 +1,2 @@
+//= link active_element/application.js
+//= link active_element/application.css

data/app/assets/javascripts/active_element/application.js

@@ -0,0 +1,10 @@
+//= require rails-ujs
+//= require bootstrap
+//= require active_element/setup
+//= require active_element/theme
+//= require active_element/secret
+//= require active_element/json_field
+//= require active_element/search_field
+//= require active_element/form
+//= require active_element/confirm
+//= require active_element/pagination

data/app/assets/javascripts/active_element/confirm.js

@@ -0,0 +1,67 @@
+(() => {
+  const cloneElement = (id) => ActiveElement.cloneElement('form', id);
+
+  window.addEventListener('DOMContentLoaded', () => {
+    const confirmLinks = document.querySelectorAll('[data-confirm-action="true"]');
+
+    confirmLinks.forEach((element) => {
+      const modal = cloneElement('modal');
+      const modalDialog = modal.querySelector('.modal-dialog');
+      const modalBody = modal.querySelector('[data-field-type="modal-body"]');
+      const modalFooter = modal.querySelector('[data-field-type="modal-footer"]');
+      const bootstrapModal = new bootstrap.Modal(modal);
+      const title = 'Confirm';
+      const titleElement = modal.querySelector('[data-field-type="modal-title"]');
+      const confirmButton = cloneElement('confirm-button');
+      const confirmButtonLink = confirmButton.querySelector('a');
+      const cancelButton = cloneElement('cancel-button');
+      const cancelButtonLink = confirmButton.querySelector('a');
+
+      element.dataset.actionConfirmed = 'false';
+      titleElement.append(title);
+      modalDialog.classList.remove('modal-xl');
+      modalBody.append('Are you sure you want to perform this action?');
+      modalFooter.append(cancelButton);
+      modalFooter.append(confirmButton);
+
+
+      if (element.dataset.method === 'delete') {
+        confirmButtonLink.classList.remove('btn-primary');
+        confirmButtonLink.classList.add('btn-danger');
+      }
+
+      cancelButton.addEventListener('click', (ev) => {
+        ev.stopPropagation();
+        ev.preventDefault();
+
+        bootstrapModal.hide();
+
+        return false;
+      });
+
+      confirmButtonLink.addEventListener('click', (ev) => {
+        ev.stopPropagation();
+        ev.preventDefault();
+
+        element.dataset.actionConfirmed = 'true';
+        element.click();
+
+        return false;
+      });
+
+      element.addEventListener('click', (ev) => {
+        if (element.dataset.actionConfirmed === 'true') {
+          element.dataset.actionConfirmed = 'false';
+
+          return true;
+        }
+
+        ev.stopPropagation();
+        ev.preventDefault();
+        bootstrapModal.show();
+
+        return false;
+      });
+    });
+  });
+})();

data/app/assets/javascripts/active_element/form.js

@@ -0,0 +1,61 @@
+(() => {
+  const cloneElement = (id) => ActiveElement.cloneElement('form', id);
+
+  const initExpandButtons = () => {
+    document.querySelectorAll('[data-field-type="form-expand"]').forEach((element) => {
+      const formId = element.dataset.formId;
+      const form = document.querySelector(`#${formId}`);
+      const wrapper = document.querySelector(`#form-wrapper-${formId}`);
+      const expandButton = cloneElement('expand-button');
+      const collapseButton = cloneElement('collapse-button');
+
+      collapseButton.classList.add('d-none');
+      wrapper.classList.add('collapsed');
+
+      const toggle = ({ show, ev }) => {
+        ev.stopPropagation();
+        form.classList.remove('d-none');
+        collapseButton.classList.toggle('d-none');
+        expandButton.classList.toggle('d-none');
+        wrapper.classList.toggle('collapsed');
+
+        return false;
+      };
+
+      expandButton.addEventListener('click', (ev) => toggle({ show: true, ev }));
+      collapseButton.addEventListener('click', (ev) => toggle({ show: false, ev }));
+
+      element.append(expandButton);
+      element.append(collapseButton);
+    });
+  };
+
+  const initPopupButtons = () => {
+    document.querySelectorAll('[data-field-type="form-modal"]').forEach((element) => {
+      const formId = element.dataset.formId;
+      const form = document.querySelector(`#${formId}`);
+      const wrapper = document.querySelector(`#form-wrapper-${formId}`);
+      const modal = cloneElement('modal');
+      const modalBody = modal.querySelector('[data-field-type="modal-body"]');
+      const bootstrapModal = new bootstrap.Modal(modal);
+      const title = element.dataset.formTitle;
+      const titleElement = modal.querySelector('[data-field-type="modal-title"]');
+      titleElement.append(title);
+
+      modalBody.append(form);
+
+      document.body.append(modal);
+
+      element.addEventListener('click', () => {
+        wrapper.classList.remove('d-none');
+        bootstrapModal.toggle();
+        return false;
+      });
+    });
+  };
+
+  window.addEventListener('DOMContentLoaded', () => {
+    initExpandButtons();
+    initPopupButtons();
+  });
+})();