ct_table_for 0.1.12.beta → 0.1.13.beta

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b2a7d0d6484646061c28ff85ae59ad56509c564d
-  data.tar.gz: 34e0bc8965f42d14261eceeb1f4700b9fff485e6
+  metadata.gz: 2d919b7dfe484a4150f43f2a2679fafc718b80e1
+  data.tar.gz: 7b86f06ecafbca0bc9401aa6f29d50d2ee0e66f4
 SHA512:
-  metadata.gz: 249d7282ad3527f3e7ba12a85a78f1f26ad657849235130d538d338d8ad94535ebc27620e8bc8abe3458fb18286525ee8c84580003a338f523481b839e4144ed
-  data.tar.gz: bed34560a91d7dee7ecf5276e17fea7ea617537da3378eaac01de667e314b0120ed667038ddbc81860a75cd3a56f4ed63bd3cf5707b74847973537486a086e6f
+  metadata.gz: facae6310e063ca4d30b2c73beae3ad346e975f5d4f30bc87097a981e7952912d5271682212563100868fa4a18142ca25d006b8fb4f931283a65bf274fa526a5
+  data.tar.gz: 6a0321ab6e28ffad1abb2b67c69d944b2a582a859f7afe38d6ce46e0162fe0a19075e7fafc1e6e52a6cab37363a43b6be9b275022727fa886af858c5f9968592

data/README.md

@@ -36,6 +36,12 @@ or in sass
 @import "table_for"
 ```
 
+And require the necessary javascript in `application.js` if you are using the `clickable` row option (`jQuery` is required):
+
+```js
+//= require table_for
+```
+
 ## Usage
 
 To get started, just use the `table_for_for` helper. Here's an example:
@@ -44,6 +50,22 @@ To get started, just use the `table_for_for` helper. Here's an example:
 <%= table_for Model, @collection %>
 ```
 
+#### Clickable rows
+
+To make rows clickable just add corresponding option to `table_for` helper:
+
+```erb
+<%= table_for Model, @collection, options: { clickable: true } %>
+```
+
+It builds a call to a named RESTful route for a given record from a collection.
+Also, you can specify your own nested resources path by passing an `array` of symbols:
+
+```erb
+<%= table_for Model, @collection, options: { clickable: [:bo, :admin] } %>
+```
+
+
 ### Customizing
 
 Create config variables in your app's /config/initializers/ct_table_for.rb

data/app/assets/javascripts/table_for.js

@@ -0,0 +1,20 @@
+// Clickable table rows.
+// Set the class 'table-clickable' in table and
+// in tr set 'data-link' and (optional) 'data-target'
+// in td set 'data-link-enabled' to false for disable in specicif cells
+$('table.table-clickable').each(function(index, table){
+  $(table).find('tbody tr').each(function(index, trow){
+    $(trow).click(function(evnt){
+      var link = $(this).attr('data-link');
+      var linkTarget = $(this).attr('data-target');
+      var linkEnabled = true
+      if( $(evnt.target).attr('data-link-enabled') == 'false' ||
+        $(evnt.target).parents('td[data-link-enabled="false"]').length > 0 ){
+        linkEnabled= false
+      }
+
+      if( !linkTarget ){ linkTarget = '_self'; }
+      if( link && linkEnabled){ window.open(link, linkTarget); }
+    });
+  });
+});

data/app/assets/stylesheets/table_for.scss.erb

@@ -37,3 +37,13 @@ $table-for-breakpoint: <%= CtTableFor.table_for_breakpoint %> !default;
     }
 	}
 }
+
+// clickable options
+.table-for.table-clickable {
+  tr[data-link] {
+    cursor: pointer;
+    td[data-link-enabled="false"] {
+      cursor: default;
+    }
+  }
+}

data/app/helpers/ct_table_for/application_helper.rb

@@ -18,13 +18,14 @@ module CtTableFor
     #   id: "my-id",                         // String: adds custom id to <table> element
     #   class: "my-custom-css",              // String: add custom class to <table> element
     #   tr_class: "my-custom-css"            // String: add custom class to <tr> element
+    #  clickable: true || Array              // Boolean or Array of nested resources for polymorphic_url
     #}
     ####################################################################################
 
     def table_for model, collection, options: {}
       custom_id = options[:id].present? ? %Q{id="#{options[:id]}"} : ""
       html = %Q{<div class="table-for-wrapper #{CtTableFor.table_for_wrapper_default_class}">}
-        html << %Q{<table #{custom_id} class="table-for #{CtTableFor.table_for_default_class} #{options[:class]}">}
+        html << %Q{<table #{custom_id} class="table-for #{CtTableFor.table_for_default_class} #{options[:class]} #{("table-clickable") if options[:clickable]}">}
           html << table_for_header(model, has_actions: options[:actions].present?, options: options)
           html << table_for_content(model, collection, options: options)
         html << %Q{</table>}
@@ -62,7 +63,7 @@ module CtTableFor
         if collection.present?
           custom_tr_class = options[:tr_class].present? ? %Q{class="#{options[:tr_class]}"} : ""
           collection.each do |record|
-            html << %Q{<tr data-colection-id="#{record.try(:id)}" #{custom_tr_class}>}
+            html << %Q{<tr data-colection-id="#{record.try(:id)}" #{custom_tr_class} #{row_data_link(record, options)}>}
               table_for_attributes(model, options).each do |attribute|
                 attribute, *params = attribute.split(":")
                 html << table_for_cell( model, record, attribute, cell_options: params )
@@ -81,6 +82,16 @@ module CtTableFor
       html.html_safe
     end
 
+    def row_data_link(record, options)
+      return unless options[:clickable]
+      if options[:clickable].kind_of?(Array)
+        nested_resources = (options[:clickable] || []) + [record]
+      else
+        nested_resources = record
+      end
+      "data-link =" << polymorphic_url(nested_resources)
+    end
+
     def table_for_cell model, record, attribute, cell_options: {}
       html = ""
       value = record.try(attribute.to_sym)
@@ -125,8 +136,8 @@ module CtTableFor
               html << value.to_s
             else
               html << value.to_s.truncate(
-                CtTableFor.table_for_truncate_length, 
-                separator: CtTableFor.table_for_truncate_separator, 
+                CtTableFor.table_for_truncate_length,
+                separator: CtTableFor.table_for_truncate_separator,
                 omission: CtTableFor.table_for_truncate_omission
               )
             end
@@ -143,7 +154,7 @@ module CtTableFor
       html << image_tag(record.send(attribute).url(size), class: CtTableFor.table_for_cell_for_image_image_class, style: "max-height: 100px;")
       html.html_safe
     end
-    
+
     def table_for_cell_for_locale model, attribute, value, cell_options: {}
       html = model.human_attribute_name("#{attribute.underscore}.#{value.underscore}")
     end
@@ -152,7 +163,7 @@ module CtTableFor
     def table_for_actions(record, options: {} )
       return "" if options[:actions].blank?
       html = ""
-      html << %Q{<td>}
+      html << %Q{<td data-link-enabled="false">}
         html << %Q{<div class="btn-group btn-group-sm" role="group" aria-label="#{I18n.t(:actions, scope: [:table_for]).capitalize}">}
         nesting = (options[:actions][:premodel] || []) + [record]
         buttons, *btn_options = options[:actions][:buttons].split(":")

data/lib/ct_table_for/version.rb

@@ -1,3 +1,3 @@
 module CtTableFor
-  VERSION = '0.1.12.beta'
+  VERSION = '0.1.13.beta'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ct_table_for
 version: !ruby/object:Gem::Version
-  version: 0.1.12.beta
+  version: 0.1.13.beta
 platform: ruby
 authors:
 - Agustí B.R.
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-07-05 00:00:00.000000000 Z
+date: 2017-11-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -38,6 +38,7 @@ files:
 - LICENSE
 - README.md
 - Rakefile
+- app/assets/javascripts/table_for.js
 - app/assets/stylesheets/table_for.scss.erb
 - app/helpers/ct_table_for/application_helper.rb
 - config/locales/ca.yml