infold 0.1.0

data/app/decorators/infold/model_column_decorator.rb

@@ -0,0 +1,201 @@
+module Infold
+  module ModelColumnDecorator
+
+    def default_value
+      if default.blank? && !not_null?
+        'nil'
+      elsif %w(boolean number enum date datetime).include?(kind)
+        default.presence || 'nil'
+      else
+        "'#{default}'"
+      end
+    end
+
+    def locale_and_comment
+      [locale.presence, comment.presence].compact.join('.')
+    end
+
+    def code_enum
+      return if !kind_enum? || enums.blank?
+      enum_codes = enums.map do |enum|
+        "#{enum.key}: #{kind_string? ? "'#{enum.value}'" : enum.value}"
+      end
+      code = "enum #{name}: { "
+      code << enum_codes.join(', ')
+      code << " }, _prefix: true\n"
+    end
+
+    def code_validates
+      return nil if is_primary_key? || is_timestamp_field?
+      if is_foreign_key? && required_validate?
+        return "validates :#{model_association.belongs_name}, presence: true"
+      end
+
+      code = ''
+      # 必須
+      if required_validate?
+        code += ", presence: true"
+      end
+
+      # unique
+      if unique?
+        code += ', allow_blank: true' if code.blank?
+        code += ", uniqueness: true"
+      end
+
+      # 数値
+      if kind_number? && !is_foreign_key?
+        code += ', allow_blank: true' if code.blank?
+        _code = ", numericality: { "
+        _code << 'only_integer: true, ' if %w(integer bigint).include?(number_kind)
+        _code << "greater_than_or_equal_to: #{minimum_value}, " if minimum_value.present?
+        _code << "less_than_or_equal_to: #{maximum_value}, " if maximum_value.present?
+        _code.gsub!(/ { $/, 'true')
+        _code.gsub!(/, $/, ' }')
+        code += _code
+      end
+
+      # 文字列
+      if kind_string? && (minimum_length.present? || maximum_length.present?)
+        code += ', allow_blank: true' if code.blank?
+        _code = "length: { "
+        _code << "minimum: #{minimum_length}, " if minimum_length.present?
+        _code << "maximum: #{maximum_length} }" if maximum_length.present?
+        _code.gsub!(/, $/, ' }')
+        code += _code
+      end
+
+      "validates :#{name}#{code}" if code.present?
+    end
+
+    def code_for_datetime_validates
+      return if !kind_datetime? || is_timestamp_field?
+      code = "validates :#{name}_date, presence: true, if: ->{ #{name}_time.present? }\n"
+      code += "    validates :#{name}_time, presence: true, if: ->{ #{name}_date.present? }"
+      "#{code}"
+    end
+
+    def method_for_decorator
+      case kind.to_sym
+         when :boolean
+           method_for_boolean
+         when :date
+           method_for_date
+        when :datetime
+          method_for_datetime
+        when :number
+          delimited? || unit.present? ? method_for_number : nil
+        when :enum
+          method_for_enum
+        else
+          unit.present? ? method_for_string : nil
+       end
+    end
+
+    def method_for_boolean
+      <<"METHOD"
+    def #{name}_display
+      '<i class="bi bi-check-square-fill text-info"></i>'.html_safe if #{name}?
+    end
+
+METHOD
+    end
+
+    def method_for_datetime
+      <<"METHOD"
+    def #{name}_display
+      #{name} ? I18n.l(#{name}) : ''
+    end
+
+METHOD
+    end
+
+    def method_for_date(format = '%Y/%m/%d')
+      <<"METHOD"
+    def #{name}_display
+      #{name} ? I18n.l(#{name}) : ''
+    end
+
+METHOD
+    end
+
+    def method_for_number
+      code = delimited? ? "#{name}.to_formatted_s(:delimited)" : "#{name}.to_s"
+      code = set_unit(code)
+      <<"METHOD"
+    def #{name}_display
+      #{code} if #{name}.present?
+    end
+
+METHOD
+    end
+
+    def method_for_enum
+      code = enums.map do |enum|
+        enum.color.present? ? "when '#{enum.key}' then '#{enum.color}'" : nil
+      end.compact
+      return nil if code.blank?
+      code = code.join("\n      ")
+      <<"METHOD"
+    def #{name}_color
+      case #{name}.to_s
+      #{code}
+      else ''
+      end
+    end
+
+METHOD
+    end
+
+    def method_for_string
+      <<"METHOD"
+    def #{name}_display
+      #{set_unit(name)} if #{name}.present?
+    end
+
+METHOD
+    end
+
+    def set_unit(code)
+      if unit.present?
+        return "\"#{unit}\#{#{code}}\"" if unit_position_prefix?
+        return "\"\#{#{code}}#{unit}\"" if unit_position_suffix?
+      end
+      code
+    end
+
+    def code_for_default
+      case kind.to_s
+      when 'string'
+        "'#{default}'"
+      when 'boolean'
+        if default.to_s == '0'
+          'false'
+        elsif default.to_s == '1'
+          'true'
+        else
+          'nil'
+        end
+      when 'number'
+        default
+      else
+        'nil'
+      end
+    end
+
+    private
+
+    def migration_column_kind
+      case kind
+        when 'enum'
+          'integer'
+        when 'number'
+          number_kind.presence || 'integer'
+        when 'image', 'file'
+          'string'
+        else
+          kind
+      end
+    end
+  end
+end

data/app/decorators/infold/model_decorator.rb

@@ -0,0 +1,27 @@
+module Infold
+  module ModelDecorator
+    def name_with_locale(separator = nil)
+      locale.present? ? "#{table_name}#{separator}#{locale}" : table_name
+    end
+
+    def notify_destination_columns(kind)
+      ModelColumn.joins(:model, :model_association)
+                 .where(models: { id: child_model_associations&.map(&:model_id).to_a << id })
+                 .where(model_associations: { parent_model: Model.find_by(name: kind) })
+    end
+
+    def label_column_name
+      (label_column || pk_column).name
+    end
+
+    def datetime_field_columns
+      columns.select{ |c| c.kind_datetime? && !c.is_timestamp_field? }
+    end
+
+    private
+
+    def target_columns(target_model)
+      ModelColumn.where(id: associations.where(parent_model: Model.find_by(name: target_model)).map{ |a| a.model_column_id })
+    end
+  end
+end

data/app/decorators/infold/search_condition_decorator.rb

@@ -0,0 +1,101 @@
+module Infold
+  module SearchConditionDecorator
+    def scope_name
+      "#{model_column.name}_#{sign}"
+    end
+
+    def method_condition_label_name
+      label_column = model_association&.parent_model&.label_column_name
+      return nil if !model_column.is_foreign_key? || label_column.blank?
+      method = <<"METHOD"
+    def #{modal_search_label_name}
+      #{model_association.parent_model_name}.find_by(id: #{scope_name})&.#{label_column} if #{scope_name}.present?
+    end
+METHOD
+
+      method
+    end
+
+    def modal_search_label_name
+      association_model_name = model_association.belongs_name
+      "#{association_model_name}_#{model_association.parent_model.label_column_name}"
+    end
+
+    def method_scope
+      code = if model != app_view.model
+               association = model.associations.find{ |a| a.parent_model == app_view.model }
+               "joins(:#{association.has_name}).where(#{association.has_name}: { #{model_column.name}: v }) if v.present? "
+             elsif model_column.kind_datetime? && (sign_like? || sign_eq? || sign_lteq?)
+               if sign_like? || sign_eq?
+                 <<"WHERE"
+return if v.blank?
+      begin
+        where(#{model_column.name}: v.to_date.all_day)
+      rescue
+        where(arel_table[:#{model_column.name}].#{sign}(v))
+      end
+WHERE
+              else
+               <<"WHERE"
+  return if v.blank?
+        begin
+          v = v.to_date.next_day
+        rescue
+        end
+        where(arel_table[:#{model_column.name}].#{sign}(v))
+WHERE
+               end
+             elsif sign_eq?
+               "where(#{model_column.name}: v) if v.present?"
+             elsif sign_any?
+               "where(#{model_column.name}: v) if v.present?"
+             elsif sign_like?
+               "where(arel_table[:#{model_column.name}].matches(" +'"%#{v}%"' + ")) if v.present?"
+             else
+               "where(arel_table[:#{model_column.name}].#{sign}(v)) if v.present?"
+             end
+      method = <<"METHOD"
+scope :#{scope_name}, ->(v) do
+      #{code}
+    end
+METHOD
+      method
+    end
+
+    def code_form_component(ns_camel)
+      if form_kind == 'reference'
+        reference_model = model_column.model_association.parent_model
+        view_modal = AppViewModal.joins(:app).find_by(apps: { model: reference_model } )
+        ActiveDecorator::Decorator.instance.decorate(view_modal)
+        return "= render #{ns_camel}::Form::RelationFieldsetComponent.new(:#{reference_model.name_pluralize}, " +
+          "form, :#{model_column.model_association.belongs_name}, :#{scope_name}, :#{modal_search_label_name})" if view_modal
+      end
+      if form_kind == 'select' || form_kind == 'reference'
+        _options = if model_column.kind_enum?
+                     "#{ns_camel}::#{model.name}.#{model_column.name.pluralize}_i18n.invert"
+                   elsif model_column.is_foreign_key?
+                     "#{ns_camel}::#{model_association.parent_model_name}.all.pluck(:#{model_association.parent_model.label_column_name}, :id)"
+                   else
+                     raise "SearchCondition Select 想定外のカラムです model_column_id: #{self.model_column.id}"
+                   end
+        "= render #{ns_camel}::Form::SelectFieldsetComponent.new(form, :#{scope_name}, #{_options}, selected_value: form.object.#{scope_name})"
+      elsif form_kind == 'check'
+        if model_column.kind_enum?
+          "= render #{ns_camel}::Form::CheckboxFieldsetComponent.new(form, :#{scope_name}, #{ns_camel}::#{model.name}.#{model_column.name.pluralize}_i18n, checked_values: form.object.#{scope_name})"
+        else
+          "= render #{ns_camel}::Form::SwitchElementComponent.new(form, :#{scope_name}, include_hidden: false)"
+        end
+      else
+        _datepicker = model_column.kind_date? || model_column.kind_datetime? ? ", datepicker: true" : ''
+        _unit = if model_column.unit.present? && model_column.unit_position_prefix?
+                  ", prepend: '#{model_column.unit}', append: '#{sign_i18n}'"
+                elsif model_column.unit.present? && model_column.unit_position_suffix?
+                  ", append: '#{model_column.unit} '#{sign_i18n}'"
+                else
+                  ", append: '#{sign_i18n}'"
+                end
+        "= render #{ns_camel}::Form::InputFieldsetComponent.new(form, :#{scope_name}#{_datepicker}#{_unit})"
+      end
+    end
+  end
+end

data/app/decorators/infold/search_result_column_decorator.rb

@@ -0,0 +1,5 @@
+module Infold
+  module SearchResultColumnDecorator
+    include ColumnDisplayDecorator
+  end
+end

data/app/decorators/infold/show_association_column_decorator.rb

@@ -0,0 +1,5 @@
+module Infold
+  module ShowAssociationColumnDecorator
+    include ColumnDisplayDecorator
+  end
+end

data/app/decorators/infold/show_association_decorator.rb

@@ -0,0 +1,13 @@
+module Infold
+  module ShowAssociationDecorator
+    def show_path(ns_snake, object)
+      "#{ns_snake}_#{model_association.has_name.singularize}_path(#{object})"
+    end
+
+    def code_table_titles
+      show_association_columns.select(&:display?).sort_by(&:seq).map do |f|
+        f.model_column.locale_or_name_with_foreign_key
+      end
+    end
+  end
+end

data/app/decorators/infold/show_field_decorator.rb

@@ -0,0 +1,5 @@
+module Infold
+  module ShowFieldDecorator
+    include ColumnDisplayDecorator
+  end
+end

data/app/helpers/infold/application_helper.rb

@@ -0,0 +1,29 @@
+module Infold
+  module ApplicationHelper
+    def infold_input_field_tag(form,field,form_kind: :text_field, datepicker: false, timepicker: false, placeholder: nil, data: nil, rows: nil, autocomplete: 'off', size_sm: true)
+      form.send(form_kind, field,
+                class: "form-control#{' form-control-sm' if size_sm}#{' datepicker' if datepicker}#{' timepicker' if timepicker}#{infold_field_invalid?(form,field)}",
+                placeholder: placeholder,
+                data: data,
+                rows: rows,
+                autocomplete: autocomplete)
+    end
+
+    def infold_required_badge(required=true)
+      "<div class=\"ms-1\"><span class=\"badge badge-sm bg-red-lt\">#{t('infold.badge.required')}</span></div>".html_safe if required
+    end
+
+    def infold_field_invalid?(form,field)
+      errors = form.object&.errors
+      errors && errors[field].present? ? ' is-invalid' : nil
+    end
+
+    def infold_render_invalid_message(form, field)
+      "<div class=\"invalid_message\">#{form.object.errors.full_messages_for(field).join(',')}</div>".html_safe
+    end
+
+    def turbo_stream_flash
+      turbo_stream.append "flashes", partial: "flash"
+    end
+  end
+end

data/app/javascript/admin.scss

@@ -0,0 +1,5 @@
+@use "stylesheets/admin/common.scss";
+@use "stylesheets/admin/index.scss";
+@use "stylesheets/admin/show.scss";
+@use "stylesheets/admin/form.scss";
+@use "stylesheets/admin/modal.scss";

data/app/javascript/controllers/application.js

@@ -0,0 +1,9 @@
+import { Application } from "@hotwired/stimulus"
+
+const application = Application.start()
+
+// Configure Stimulus development experience
+application.debug = false
+window.Stimulus   = application
+
+export { application }

data/app/javascript/controllers/attachment_field_controller.js

@@ -0,0 +1,19 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="attachment-field"
+export default class extends Controller {
+    static targets = [ "thumbArea", "kindImage", "kindFile", "thumbSizeArea", "thumbKindNone" ]
+
+    connect() {
+        this.setThumbAreaDisplay()
+        this.setThumbSizeDisplay()
+    }
+
+    setThumbAreaDisplay() {
+        this.thumbAreaTarget.hidden = this.kindFileTarget.checked
+    }
+
+    setThumbSizeDisplay() {
+        this.thumbSizeAreaTarget.hidden = this.thumbKindNoneTarget.checked
+    }
+}

data/app/javascript/controllers/column_controller.js

@@ -0,0 +1,20 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="column"
+export default class extends Controller {
+    static targets = [ "kindSelect", "editLink" ]
+
+    changeKind() {
+        let kind = this.kindSelectTarget.value
+        let link = this.editLinkTarget
+        if (['date','datetime','boolean'].includes(kind)) {
+            // 詳細設定なし
+            link.style.display = 'none'
+        } else {
+            let href = link.getAttribute('href')
+            link.style.display = 'inline'
+            this.editLinkTarget.setAttribute('href',
+                href.replace(/kind=.*/, `kind=${this.kindSelectTarget.value}`))
+        }
+    }
+}

data/app/javascript/controllers/flash_controller.js

@@ -0,0 +1,10 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="flash"
+export default class extends Controller {
+  connect() {
+    setTimeout( () => {
+      this.element.style.display = "none";
+    }, 4000);
+  }
+}

data/app/javascript/controllers/index.js

@@ -0,0 +1,32 @@
+// This file is auto-generated by ./bin/rails stimulus:manifest:update
+// Run that command whenever you add a new controller or create them with
+// ./bin/rails generate stimulus controllerName
+
+import { application } from "./application"
+
+import ColumnController from "./column_controller.js"
+application.register("column", ColumnController)
+
+import AttachmentFieldController from "./attachment_field_controller.js"
+application.register("attachment-field", AttachmentFieldController)
+
+import FlashController from "./flash_controller.js"
+application.register("flash", FlashController)
+
+import MenuController from "./menu_controller.js"
+application.register("menu", MenuController)
+
+import MenuDirectoryController from "./menu_directory_controller.js"
+application.register("menu-directory", MenuDirectoryController)
+
+import ModalController from "./modal_controller.js"
+application.register("modal", ModalController)
+
+import NestedFormController from "./nested_form_controller.js"
+application.register("nested-form", NestedFormController)
+
+import SearchConditionController from "./search_condition_controller.js"
+application.register("search-condition", SearchConditionController)
+
+import SortableController from "./sortable_controller.js"
+application.register("sortable", SortableController)

data/app/javascript/controllers/menu_controller.js

@@ -0,0 +1,26 @@
+import { Controller } from "@hotwired/stimulus"
+import Sortable from "sortablejs";
+
+// Connects to data-controller="menu"
+export default class extends Controller {
+
+  connect() {
+    // ディレクトリ外のappのソート
+    Sortable.create(this.element, {
+      group: { name: "menu_apps" },
+      handle: ".drag_handle",
+      animation: 300,
+      filter: ".menu_directory",
+      preventOnFilter: false,
+      onEnd: (event) => document.menuItemDraggedEnd(event)
+    });
+    // ディレクトリのソート
+    Sortable.create(this.element, {
+      group: { name: "layer1" },
+      handle: ".drag_handle",
+      animation: 300,
+      onEnd: (event) => document.menuItemDraggedEnd(event)
+    });
+    // ディレクトリ内のAppのソートはmenu_directory_controllerにて実施
+  }
+}

data/app/javascript/controllers/menu_directory_controller.js

@@ -0,0 +1,16 @@
+import { Controller } from "@hotwired/stimulus"
+import Sortable from "sortablejs";
+
+// Connects to data-controller="menu-directory"
+export default class extends Controller {
+  connect() {
+    Sortable.create(this.element, {
+      group: { name: "menu_apps" },
+      handle: ".drag_handle",
+      animation: 300,
+      filter: ".menu_directory",
+      preventOnFilter: false,
+      onEnd: (event) => document.menuItemDraggedEnd(event)
+    });
+  }
+}

data/app/javascript/controllers/modal_controller.js

@@ -0,0 +1,15 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="modal"
+export default class extends Controller {
+  connect() {
+    this.modalWindow = new bootstrap.Modal(this.element)
+    this.modalWindow.show()
+  }
+
+  submitEnd(e) {
+    if (e.detail.success) {
+      this.modalWindow.hide()
+    }
+  }
+}

data/app/javascript/controllers/nested_form_controller.js

@@ -0,0 +1,32 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="nested-form"
+export default class extends Controller {
+    static targets = [ "links", "template" ]
+
+    connect() {
+        this.wrapperClass = this.data.get("wrapperClass") || "nested-fields"
+    }
+
+    addAssociation(event) {
+        event.preventDefault()
+        let content = this.templateTarget.innerHTML.replace(/NEW_RECORD/g, new Date().getTime())
+        this.linksTarget.insertAdjacentHTML('beforeend', content)
+    }
+
+    removeAssociation(event) {
+        event.preventDefault()
+
+        let wrapper = event.target.closest("." + this.wrapperClass)
+
+        // New records are simply removed from the page
+        if (wrapper.dataset.newRecord === "true") {
+            wrapper.remove()
+
+            // Existing records are hidden and flagged for deletion
+        } else {
+            wrapper.querySelector("input[name*='_destroy']").value = 1
+            wrapper.style.display = 'none'
+        }
+    }
+}

data/app/javascript/controllers/search_condition_controller.js

@@ -0,0 +1,41 @@
+import { Controller } from "@hotwired/stimulus"
+import { Turbo } from "@hotwired/turbo-rails"
+
+// Connects to data-controller="search-condition"
+export default class extends Controller {
+    static targets = [ "row", "columns" ]
+
+    refreshColumns(event) {
+        let model_id = event.target.value
+        let row_id = this.rowTarget.id
+        if (model_id.length > 0) {
+            fetch(`/infold/search_conditions/refresh_columns?model_id=${model_id}&row_id=${row_id}`,
+                { headers: { 'Accept': 'text/vnd.turbo-stream.html' } })
+                .then(response => response.text())
+                .then(message => Turbo.renderStreamMessage(message))
+        }
+    }
+
+    refreshFormKinds(event) {
+        let column_id = event.target.value
+        let row_id = this.rowTarget.id
+        if (column_id.length > 0) {
+            fetch(`/infold/search_conditions/refresh_form_kinds?column_id=${column_id}&row_id=${row_id}`,
+                { headers: { 'Accept': 'text/vnd.turbo-stream.html' } })
+                .then(response => response.text())
+                .then(message => Turbo.renderStreamMessage(message))
+        }
+    }
+
+    refreshSigns(event) {
+        let form_kind = event.target.value
+        let column_id = this.columnsTarget.value
+        let row_id = this.rowTarget.id
+        if (form_kind.length > 0) {
+            fetch(`/infold/search_conditions/refresh_signs?form_kind=${form_kind}&column_id=${column_id}&row_id=${row_id}`,
+                { headers: { 'Accept': 'text/vnd.turbo-stream.html' } })
+                .then(response => response.text())
+                .then(message => Turbo.renderStreamMessage(message))
+        }
+    }
+}

data/app/javascript/controllers/sortable_controller.js

@@ -0,0 +1,19 @@
+import { Controller } from "@hotwired/stimulus"
+import Sortable from "sortablejs";
+
+// Connects to data-controller="sortable"
+export default class extends Controller {
+  static targets = [ "tbody" ]
+
+  connect() {
+    Sortable.create(this.tbodyTarget, {
+      animation: 300,
+      handle: ".drag_handle",
+      onEnd: function (/**Event*/evt) {
+        Array.from(evt.to.getElementsByClassName('hidden_seq')).forEach(function (elm, index) {
+          elm.setAttribute('value', index + 1)
+        });
+      }
+    });
+  }
+}

data/app/javascript/infold.js

@@ -0,0 +1,22 @@
+// Entry point for the build script in your package.json
+import "@hotwired/turbo-rails"
+import "@tabler/core/dist/js/tabler.js"
+import "@tabler/core/dist/css/tabler.css";
+import "./controllers"
+
+document.menuItemDraggedEnd = function(event) {
+    let dragged_item = event.item
+    if (dragged_item.dataset.kind === 'app') {
+        let parent_directory = dragged_item.parentNode;
+        let directory_id = dragged_item.getElementsByClassName('directory_id')[0]
+        if (parent_directory.dataset.kind === 'directory') {
+            directory_id.value = parent_directory.dataset.id
+        } else {
+            directory_id.value = ''
+        }
+    }
+    //SEQ 採番しなおし
+    Array.from(event.to.getElementsByClassName('hidden_seq')).forEach(function (e, index) {
+        e.value = index
+    });
+}