custom_table 0.1.0

data/app/javascript/controllers/batch_actions_controller.js

@@ -0,0 +1,53 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+
+  static targets = [ "checkbox", "form" ]
+
+  connect() {
+    if (this.hasFormTarget && this.hasCheckboxTarget) {
+      console.log("Batch actions form", this.formTarget)
+      this.refresh();
+    }
+  }
+
+  submit(event) {
+
+    if (!this.hasCheckboxTarget) {
+      console.log("No checkbox targets at all")
+      return
+    }
+
+    // Clearing any matching hidden fields from form
+    this.formTarget.querySelectorAll('input[name="'+this.checkboxTargets[0].getAttribute("name")+'"]').forEach((cb) => {
+      cb.parentNode.removeChild(cb)
+    });
+
+    // Adding selected fields to form as hiddens
+    this.checkboxTargets.forEach((cb) => {
+
+      if (!cb.checked) return;
+
+      let input = document.createElement('input');
+      input.setAttribute('name', cb.getAttribute("name"));
+      input.setAttribute('value', cb.getAttribute("value"));
+      input.setAttribute('type', "hidden")
+  
+      this.formTarget.appendChild(input);//append the input to the form
+  
+    })
+
+    // event.preventDefault()
+    console.log("Batch actions submit form")
+
+  }
+
+  refresh(){
+    let v = false
+    this.checkboxTargets.forEach((cb) => {
+      if (cb.checked) v = true;
+    });
+    this.formTarget.querySelector('input[type="submit"]').disabled = !v
+  }
+
+}

data/app/javascript/controllers/table_controller.js

@@ -0,0 +1,109 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+
+  static targets = [ "move", "hide", "sum", "sumval" ]
+
+  connect() {
+    if (this.hasMoveTarget) this.moveup();
+    if (this.hasHideTarget) this.hideEmpty();
+
+    if (!this.hasSumTarget) {
+      let d = document.createElement("caption")
+      d.classList.add("d-none", "table-sum")
+      d.dataset.tableTarget = "sum"
+      d.innerHTML = '<i class="fa fa-times-circle mt-1 float-start" data-action="click->table#clearSum"></i><span data-table-target="sumval"></span>'
+      this.element.appendChild(d)
+    }
+
+    this.element.querySelector("tbody").addEventListener('click', (e) => {
+      const cell = e.target.closest('td.amount');
+      if (!cell) {return;} // Quit, not clicked on a cell
+      if (!isNaN(this.cellValue(cell))) {
+        const row = cell.parentElement;
+        cell.classList.toggle("selected")
+        this.showSum();
+      } 
+    });
+
+  }
+
+  moveup() {
+    console.log("Moving row")
+    let elm = this.moveTarget
+    let tbl = elm.parentElement
+    this.moveTarget.remove()
+    tbl.prepend(elm)
+  }
+
+  showSum(){
+    let elements = this.element.querySelectorAll("td.selected");
+    if (elements.length == 0) {
+      this.sumTarget.classList.add("d-none")
+      return
+    }
+    this.sumTarget.classList.remove("d-none")
+    let sum = 0
+    elements.forEach((e) => {
+      sum += this.cellValue(e)
+    })
+    if (this.hasSumTarget) {
+      this.sumvalTarget.innerHTML = "SUM="+Math.round(sum * 100) / 100
+    }
+  }
+
+  cellValue(e){
+    if (e.querySelector("span[data-raw]")) {
+      return Number(e.querySelector("span[data-raw]").dataset.raw);
+    }
+    else {
+      return Number(e.innerText.replace(/\s,/g, ''));
+    }
+  }
+
+  clearSum(){
+    this.element.querySelectorAll("td.selected").forEach((e) => {
+      e.classList.remove("selected")
+    })
+    this.showSum();
+  }
+
+  hideEmpty(){
+
+    console.log("Hiding empty!!!")
+
+    this.element.querySelectorAll("tr th").forEach((e, i) => {
+
+      if (!e.classList.contains("hide-empty")) return;
+
+      let tds = this.element.querySelectorAll("tr td:nth-child(".concat(i+1, ")"));
+      if (Array.prototype.slice.call(tds).every(td => { return (td.parentElement.classList.contains("totals") || td.textContent == "0" || !td.textContent || Number(td.textContent) == 0); })) {
+        e.hidden = true;
+        tds.forEach(e => {e.hidden = true})
+      }
+
+    });
+
+  }
+
+  toggle(event) {
+    let params = event.params
+    console.log("Table Toggle", event.currentTarget.innerHTML)
+    this.element.querySelectorAll(params.css).forEach((e, i) => {
+      e.classList.toggle("d-none")
+    });
+    event.currentTarget.classList.toggle("opened")
+  }
+
+  search(event) {
+    console.log("Table Search", event.currentTarget.value)
+    this.element.querySelectorAll("tbody tr").forEach((tr) => {
+      if (tr.innerText.toLowerCase().includes(event.currentTarget.value.toLowerCase())) {
+        tr.classList.remove("d-none")
+      } else {
+        tr.classList.add("d-none")
+      }
+    })
+  }
+
+}

data/app/jobs/custom_table/application_job.rb

@@ -0,0 +1,4 @@
+module CustomTable
+  class ApplicationJob < ActiveJob::Base
+  end
+end

data/app/mailers/custom_table/application_mailer.rb

@@ -0,0 +1,6 @@
+module CustomTable
+  class ApplicationMailer < ActionMailer::Base
+    default from: "from@example.com"
+    layout "mailer"
+  end
+end

data/app/models/concerns/custom_table_settings.rb

@@ -0,0 +1,42 @@
+module CustomTableSettings
+
+  extend ActiveSupport::Concern
+
+  included do
+    serialize :custom_table
+  end
+
+  def save_custom_table_settings model_class, variant = nil, fields: nil, sorts: nil, per_page: nil
+
+    model = model_class.model_name.to_s
+    key = model
+    key = "#{model}-#{variant}" if !variant.nil?
+    self.custom_table = {} if self.custom_table.nil?
+    self.custom_table[key] = {} if self.custom_table[key].nil?
+    self.custom_table[key][:model] = model
+    self.custom_table[key][:fields] = fields.symbolize_keys if !fields.nil?
+    self.custom_table[key][:sorts] = sorts if !sorts.nil?
+    self.custom_table[key][:per_page] = per_page.to_i if !per_page.nil? && [25, 50, 100].include?(per_page.to_i)
+
+    return save!
+    # write_attribute :custom_table, (custom_table||{}).merge(ss)
+  end
+
+
+  def destroy_custom_table_settings model_class, variant = nil
+
+    return true if self.custom_table.nil?
+
+    model = model_class.model_name.to_s
+    key = model
+    key = "#{model}-#{variant}" if !variant.nil?
+
+    return true if self.custom_table[key].nil?
+
+    self.custom_table.delete(key)
+
+    return save
+    # write_attribute :custom_table, (custom_table||{}).merge(ss)
+  end
+
+end

data/app/models/custom_table/application_record.rb

@@ -0,0 +1,5 @@
+module CustomTable
+  class ApplicationRecord < ActiveRecord::Base
+    self.abstract_class = true
+  end
+end

data/app/views/custom_table/_download.haml

@@ -0,0 +1,19 @@
+- model_class = local_assigns[:collection].nil? ? local_assigns[:class] : local_assigns[:collection].model
+- local_assigns[:with_selected_fields] = true if local_assigns[:with_selected_fields].nil?
+- if (model_class.present? && can?(:download, model_class))
+  .btn-group
+    = link_to params.permit!.merge({:format => :xlsx, all_fields: true}), :class => "btn btn-outline-primary" do
+      = t("download")
+      = custom_table_download_icon
+
+    - if (local_assigns[:downloads] && downloads.length > 0) || (local_assigns[:with_selected_fields] == true)
+
+      %button.btn.btn-outline-primary.dropdown-toggle{type: "button", data: {"bs-toggle": "dropdown"}}
+      %ul.dropdown-menu
+        - if local_assigns[:with_selected_fields] == true
+          %li
+            = link_to params.permit!.merge({:format => :xlsx}), :class => "dropdown-item" do
+              = t("custom_table.download_only_selected_fields")
+        - downloads.each do |d|
+          %li
+            = link_to d[:title], d[:href], class: "dropdown-item"

data/app/views/custom_table/_field.haml

@@ -0,0 +1,8 @@
+%div.d-flex.justify-content-between.custom-table-field
+  %b
+    - if local_assigns[:hint]
+      %abbr{title: hint}= label
+    - else
+      = label
+  %span.text-end.d-inline{id: "#{column}_#{object.model_name.singular}_#{object.id}"}= yield
+-# %dt{class: adaptive ? "col-lg-2 col-md-5" : "col-5"}= label

data/app/views/custom_table/_field_plain.haml

@@ -0,0 +1 @@
+%span{id: "#{column}_#{object.model_name.singular}_#{object.id}"}= yield

data/app/views/custom_table/_fieldset.haml

@@ -0,0 +1,2 @@
+%div
+  = yield

data/app/views/custom_table/_filter.html.haml

@@ -0,0 +1,104 @@
+.card
+
+  .card-body.bg-light
+
+    - url = local_assigns[:url].presence
+    - variant = local_assigns[:variant].presence
+
+    - a = {}
+
+    = custom_table_form_for @q, url: url do |f|
+
+      .d-none
+        = f.input :s, as: :hidden, input_html: {value: params[:q].try(:[], :s)}
+
+      - fields = custom_table_fields_for(search_model, variant: variant, current_search: params[:q], predefined_fields: local_assigns[:fields]) if local_assigns[:fields].nil?
+
+      - fields.each do |key, defs|
+
+        - next if defs[:search].nil?
+
+        - a[key] = []
+
+        - defs[:search] = [defs[:search]] if !defs[:search].kind_of?(Array)
+        - defs[:label] = defs[:search][0][:label] if defs[:label].nil?
+        - defs[:label] = search_model.human_attribute_name(key) if defs[:label].nil?
+
+        - defs[:search].each do |field|
+
+          - a[key].push field[:q]
+          - label = field[:label] || defs[:label]
+
+          - if field[:type] == :text
+
+            - ih = {class: "form-control-sm"}
+            - ih = ih.merge(defs[:input_html]) if !defs[:input_html].nil?
+
+            = f.input field[:q], input_html: ih, required: false, label: false, placeholder: label
+
+          - if field[:type] == :boolean
+
+            = f.input field[:q], as: :boolean, input_html: {}, required: false, label: label, unchecked_value: ""
+
+          - if field[:type] == :switch
+
+            = f.input field[:q], as: :select, input_html: {:class => "form-select form-select-sm"}, required: false, label: false, :collection => [[t("yes")+" | #{label}", "true"], [t("no")+" | #{label}", "false"]], include_blank: label
+
+          - if field[:type] == :select
+
+            - collection = field[:collection]
+            - label_method = nil
+
+            - if collection.class.to_s =~ /ActiveRecord_Relation/i
+              - collection = collection.accessible_by(current_ability) 
+              - label_method = :to_s
+
+            = f.input field[:q], :as => :select, :input_html => {:class => "form-select form-select-sm"}, :required => false, :label => false, :collection => collection, label_method: label_method, include_blank: label, value_method: field[:value_method]
+
+          - if field[:type] == :grouped_select
+
+            - collection = field[:collection]
+
+            - collection = collection.accessible_by(current_ability) if collection.class.to_s =~ /ActiveRecord_Relation/i
+
+            = f.input field[:q], :as => :grouped_select, :input_html => {:class => "form-select form-select-sm"}, :required => false, :label => false, group_method: field[:group_method], :collection => collection, include_blank: label
+
+          - if field[:type] == :autocomplete
+
+            - collection = field[:collection]
+
+            - collection = collection.accessible_by(current_ability) if collection.class.to_s =~ /ActiveRecord_Relation/i
+
+            = f.input field[:q], :as => :autocomplete, :input_html => {:class => "input-sm"}, :required => false, :label => false, :collection => collection, prompt: label
+
+          - if field[:type] == :enum
+
+            - collection = field[:collection]
+            - collection = [search_model, key.to_s.pluralize] if collection.nil?
+            - coll = collection[0].send(collection[1]).keys.map { |w| [(collection[0].method_defined?(:human_enum_name) ? collection[0].human_enum_name(collection[1].to_s.singularize, w) : w), w] }
+
+            = f.input field[:q], :as => :select, :input_html => {:class => "form-select form-select-sm"}, :required => false, :label => false, :collection => coll, include_blank: label
+
+          - if field[:type] == :dates
+            .col-12
+              .input-group.input-group-sm{"data-controller": "dates"}
+                = f.input_field field[:q][0], :as => :date_picker, :label => false, :class => "form-control", data: {"dates-target": "dateFrom"}, :placeholder => label+" ("+t("custom_table.date_from")+")"
+                = f.input_field field[:q][1], :as => :date_picker, :label => false, :class => "form-control", data: {"dates-target": "dateTo"}, :placeholder => label+" ("+t("custom_table.date_to")+")"
+                %button.btn.btn-outline-secondary.dropdown-toggle(type="button" data-bs-toggle="dropdown" aria-expanded="false")
+                %ul.dropdown-menu.dropdown-menu-end
+                  %button.dropdown-item{type: "button", "data-action": "dates#prevWeek"}= t("analytics.previos_week")
+                  %button.dropdown-item{type: "button", "data-action": "dates#prevMonth"}= t("analytics.previos_month")
+                  %button.dropdown-item{type: "button", "data-action": "dates#prevYear"}= t("analytics.previos_year")
+                  %hr.dropdown-divider
+                  %button.dropdown-item{type: "button", "data-action": "dates#clear"}= t("clear")
+
+      .btn-group
+        = f.button :submit, t("search"), name: "", :class => "btn-sm btn-primary"
+        - if user_signed_in? && current_user_has_customizable_fields_for?(search_model, variant) && !local_assigns[:hide_customization] && !local_assigns[:fields]# && !(profile_path rescue nil).nil?
+          = custom_table_settings_button search_model, variant
+        - if params[:q].present? && !params[:q].except(:s).empty?
+          = link_to url_for(params.permit!.except(:q)), class: "btn btn-sm btn-outline-danger", title: t("custom_table.clear_search") do
+            = custom_table_cancel_icon
+
+      = yield f
+

data/app/views/custom_table/_settings.html.haml

@@ -0,0 +1,57 @@
+- variant = nil if !defined?("variant")
+- field_key = search_model.model_name.to_s
+- field_key += "-#{variant}" if !variant.nil?
+- cls = local_assigns[:large].nil? ? "btn-sm" : ""
+- items = custom_table_fields_settings_for(search_model, variant: variant)
+
+- columns = 1; size = "modal-md"
+- (columns = 2; size = "modal-lg") if items.length > 10
+- (columns = 3; size = "modal-xl") if items.length > 30
+
+.modal.fade.show{id: "customize-items-#{field_key}", tabindex: "-1", role: "dialog", "aria-labelledby": "loginLabel", "aria-hidden": "true", data: {controller: "remote-modal",
+    action: "turbo:before-render@document->remote-modal#hideBeforeRender"}}
+  .modal-dialog{class: size}
+    .modal-content
+      .modal-header
+        %h4#loginLabel.modal-title
+          = t("custom_table.customize_table")+":"
+          = search_model.model_name.human
+          - if !variant.nil?
+            %small= "(#{variant})"
+
+        %button.btn-close(type="button" data-bs-dismiss="modal" aria-label="close")
+      .modal-body
+
+        = turbo_frame_tag "custom-table-settings" do
+
+          %p= t("custom_table.customize_table_description")
+
+          = simple_form_for current_user, url: custom_table.setting_path(id: search_model.model_name) do |f|
+
+            = f.hidden_field "model", value: search_model.model_name
+            = f.hidden_field "variant", value: variant
+
+            = f.simple_fields_for :fields do |sfi|
+              %div{data: {controller: "sortable", "data-sortable-handle-value": ".handle"}, style: "columns: #{columns}"}
+
+                - items.each do |field, item|
+                  -# = abort item.inspect
+                  %div
+                    %i.handle{style: "cursor: move", class: custom_table_move_icon_class}
+                    .form-check.form-switch.d-inline-block
+                      -# - if item[:appear] == :always
+                      = sfi.hidden_field field, value: 1 if item[:appear] == :always
+                      = sfi.check_box field, {checked: item[:selected], class: "form-check-input", disabled: (item[:appear] == :always)}, 1, 0#, as: :boolean, wrapper: :custom_boolean_switch, label: item[0], checked: true
+                      %label.form-check-label= item[:label]
+              -# - if items.length < 20
+              -# = sf.input "fields", :as => :check_boxes, wrapper: :custom_boolean_switch, wrapper_html: {data: "kek"}, :collection => items, :label_text => false, label: false, checked: checkeds
+              -# - else
+              -#   .row
+              -#     .col-md-6
+              -#       = sf.input "fields", :as => :check_boxes, wrapper: :custom_boolean_switch, :collection => items[0..(items.length/2)], :label_text => false, label: false, checked: checkeds
+              -#     .col-md-6
+              -#       = sf.input "fields", :as => :check_boxes, wrapper: :custom_boolean_switch, :collection => items[(items.length/2+1)..], :label_text => false, label: false, checked: checkeds
+
+            .mt-2
+              = f.button :submit, class: "btn-success", value: t("custom_table.save_settings")
+              = link_to t("custom_table.reset_settings"), custom_table.setting_path(id: search_model.model_name, variant: variant), data: {"turbo-method": "delete", "turbo-confirm": t("custom_table.are_you_sure")}, class: "btn btn-outline-secondary"