snaptable 2.2.4 → 3.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 116494e78d771e3bfc4e6e354a11dc0b96cd4da7b265135f4382c00a204c4cc1
-  data.tar.gz: 1978b61ee80c3405e2075b2f4f69a533218b2112e44e74bed0343c4f7a2c2907
+  metadata.gz: 277fe830bde38834c01c0cedf76baf9fdfd1f884823c052cbe480bf840a982c6
+  data.tar.gz: 955421611309c919843daf076892f086baf25a09ccbe3b8f0eab4df78fba33ed
 SHA512:
-  metadata.gz: 56b0ef96cae11ce4f2c485fef01185a962881f33054d783d273b4f8c953738a41c69bd29a33c24e9bcb90dc0a01c6d247e4063a8bc9dba29137dd5d731e1807e
-  data.tar.gz: 248667837e08cea9bb4748c8fc633c8cb798bce2f6efcb9d45ba8a1ac6313fb5dfbd4e33074b8bce2518e387fba48419c38e31c95a57fa2bd96c4d210f46145b
+  metadata.gz: d06b3919053af0a68e8c825238d4e9d72ca08a6e8da650528ecbfd30d447f0ef304575f0b97f35143f5fa748e719ea64dfe899f1a42a658d717a6ac2b64bbdc0
+  data.tar.gz: b5ceb7fdf56348f5346fcd288c419d4cc6475ca9ae55b877006cac052143fdd768eeb4cb9e9a32ecaa4d2a21dd5e5037ea9124661daec20df2da45bbcc2e6ab7

data/README.md

@@ -171,7 +171,7 @@ class ArticleTable < BaseTable
     end
 
     def self.fields
-      { articles: [:title, :content], user: [:name, :email], category: [:name] }
+      { articles: [:title, :content], users: [:name, :email], categories: [:name] }
     end
 
   end

data/app/assets/javascripts/snaptable.js

@@ -10,6 +10,4 @@
 // Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
 // about supported directives.
 //
-//= require jquery
-//= require jquery_ujs
 //= require_tree ./snaptable

data/app/assets/javascripts/snaptable/table.js

@@ -3,43 +3,53 @@
 
 /* Admin table */
 
+/* Admin table */
+
 function snapifyTable(snaptable) {
 
-  var tableButtons = snaptable.find(".table_buttons"),
-      editButton = tableButtons.find("a[class='edit']"),
-      deleteButton = tableButtons.find("a[class='delete']"),
-      showButton = tableButtons.find("a[class='show']"),
+  var tableButtons = snaptable.querySelector(".table_buttons"),
+      editButton = tableButtons.querySelector("a.edit"),
+      deleteButton = tableButtons.querySelector("a.delete"),
+      showButton = tableButtons.querySelector("a.show"),
       path = window.location.pathname + "/",
       urlParams = new URLSearchParams(location.search),
       token = urlParams.get('token');
   
   var paramsStr = (token ? ("?token=" + token) : "")
 
-  // add ajax to the pagination
-  snaptable.on("click", ".pagination a", function() {
-    $.getScript(this.href);
-    return false;
-  });
-
   // line clickable
-  snaptable.on("click", "tbody tr", function(e) {
-    var id = $(this).data("url");
-    if ( typeof id !== "undefined" && !$(this).hasClass("selected") ) {
-      snaptable.find("tr.selected").removeClass("selected");
-      $(this).addClass("selected");
-      deleteButton.add(editButton).add(showButton).addClass("on");
-      editButton.attr("href", path + id + "/edit" + paramsStr);
-      deleteButton.attr("href", path + id + paramsStr);
-      showButton.attr("href", path + id + paramsStr);
+  snaptable.querySelector("tbody").addEventListener("click", function(e) {
+    var target = e.target.parentElement; // td is clicked, tr is the direct parent
+    var id = target.dataset.url;
+    if (typeof id !== "undefined" && !target.classList.contains("selected")) {
+      // change selected row
+      var selected = snaptable.querySelector("tr.selected");
+      if (selected) {
+        snaptable.querySelector("tr.selected").classList.remove("selected");
+      }
+      target.classList.add("selected");
+      // update the buttons
+      if (showButton) {
+        showButton.classList.add("on");
+        showButton.setAttribute("href", path + id + paramsStr);
+      }
+      if (editButton) {
+        editButton.classList.add("on");
+        editButton.setAttribute("href", path + id + "/edit" + paramsStr);
+      }
+      if (deleteButton) {
+        deleteButton.classList.add("on");
+        deleteButton.setAttribute("href", path + id + paramsStr);
+      }      
     }
   });
 
-  // Double click
-  if(editButton.length) {
-    snaptable.on("dblclick", "tbody tr", function() {
-      var id = $(this).data("url");
+  if(editButton) {
+    snaptable.querySelector("tbody").addEventListener("dblclick", function(e) {
+      var target = e.target.parentElement; // td is clicked, tr is the direct parent
+      var id = target.dataset.url;
       if ( typeof id !== "undefined" ) {
-        window.location = path + id + "/edit";
+        window.location = path + id + "/edit" + paramsStr;
       }
     });
   }
@@ -48,14 +58,11 @@ function snapifyTable(snaptable) {
 
 function snapifyTables() {
 
-  $(".snaptable").each(function() {
-    snapifyTable($(this));
+  document.querySelectorAll(".snaptable").forEach(function(table) {
+    snapifyTable(table);
   })
 
 }
 
-$(document).on("ready turbolinks:load", function() {
-
-  snapifyTables();
-
-});
+document.addEventListener("ready", snapifyTables);
+document.addEventListener("turbolinks:load", snapifyTables);

data/app/views/snaptable/_search_field.html.erb

@@ -1,6 +1,6 @@
 <div class="search">
 	<p><%= t("table.search.title") %></p>
-	<%= form_tag request.fullpath, method: :get, remote: true do %>
+	<%= form_tag request.fullpath, method: :get do %>
 		<%= hidden_field_tag :table, presenter.table_name %>
 		<%= hidden_field_tag :buttons, presenter.instance_variable_get(:@buttons) %>
 		<%= search_field_tag :query, params[:query] %>

data/lib/snaptable/constructor/renderer.rb

@@ -10,9 +10,6 @@ module Snaptable
       def respond
         respond_to do |format|
           format.html
-          format.js do
-            render '/snaptable/sort', locals: { content: self.present(buttons: params[:buttons]) }
-          end
         end
       end
 

data/lib/snaptable/constructor/sortable.rb

@@ -4,7 +4,7 @@ module Snaptable
 
       def sortable(column)
         if model.reflect_on_association(column.gsub /_id/, '').nil?
-          view_context.link_to({sort: column, direction: direction(column), query: params[:query], paginate_key => page, table: table_name, buttons: @buttons}, {remote: true, class: css_class(column)}) do
+          view_context.link_to({sort: column, direction: direction(column), query: params[:query], paginate_key => page, table: table_name, buttons: @buttons}, {class: css_class(column)}) do
             model.human_attribute_name(column)
           end
         else

data/lib/snaptable/engine.rb

@@ -4,7 +4,6 @@ require 'snaptable/helpers/buttons_helper'
 module Snaptable
   class Engine < ::Rails::Engine
     require 'will_paginate'
-    require 'jquery-rails'
 
     initializer 'Snaptable.tables' do
       ActionController::Base.send :include, Helpers::TableHelper

data/lib/snaptable/version.rb

@@ -1,3 +1,3 @@
 module Snaptable
-  VERSION = "2.2.4"
+  VERSION = "3.0.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: snaptable
 version: !ruby/object:Gem::Version
-  version: 2.2.4
+  version: 3.0.0
 platform: ruby
 authors:
 - khcr
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-02-08 00:00:00.000000000 Z
+date: 2020-02-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -39,21 +39,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: sass-rails
-  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: jquery-rails
+  name: sassc-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -98,7 +84,6 @@ files:
 - app/views/snaptable/_buttons.html.erb
 - app/views/snaptable/_search_field.html.erb
 - app/views/snaptable/base.html.erb
-- app/views/snaptable/sort.js.erb
 - config/locales/en.yml
 - config/locales/fr.yml
 - lib/snaptable.rb
@@ -129,8 +114,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.7
+rubygems_version: 3.0.3
 signing_key: 
 specification_version: 4
 summary: A gem that generate HTML tables from your models in order to display them

data/app/views/snaptable/sort.js.erb

@@ -1,4 +0,0 @@
-var tableName = "<%= params[:table] %>";
-var snaptable = $(".snaptable." + tableName);
-snaptable.replaceWith('<%= j content %>');
-snapifyTable($(".snaptable." + tableName));