infold 0.1.0

data/app/models/infold/schema_rb.rb

@@ -0,0 +1,177 @@
+module Infold
+  class SchemaRb
+
+    SCHEMA_FILE_PATH = "#{Infold::Engine.root}/tmp/app_schema.rb"
+
+    def file_dump
+      File.delete(SCHEMA_FILE_PATH) if File.exist?(SCHEMA_FILE_PATH)
+      File.open(SCHEMA_FILE_PATH, "w:utf-8") do |file|
+        ActiveRecord::SchemaDumper.dump(ActiveRecord::Base.connection, file)
+      end
+    end
+
+    def import
+      File.open(SCHEMA_FILE_PATH, "r") do |file|
+        @schema_rb = file.read.to_s
+      end
+      raise "invalid schema.rb" if invalid_schema_file?
+      Infold::ApplicationRecord.transaction do
+        # モデルのインポート
+        import_models
+        # カラムとインデックスのインポート
+        import_columns_and_indexes
+      end
+    end
+
+    private
+
+      def invalid_schema_file?
+        @schema_rb.blank? || !@schema_rb.include?('ActiveRecord::Schema') || !@schema_rb.include?('create_table')
+      end
+
+      def import_models
+        imported_models = []
+        # まず全モデルから設定する
+        @schema_rb.split("\n").select do |r|
+          r.strip.start_with?('create_table') &&
+            !r.include?('active_storage_attachments') &&
+            !r.include?('active_storage_blobs') &&
+            !r.include?('active_storage_variant_records')
+        end.each do |create_table_row|
+          imported_models << import_model(create_table_row)
+        end
+        # schema.rbに存在しなかった既存モデルを削除
+        Model.all.each do |model|
+          unless imported_models.map(&:table_name).include?(model.table_name)
+            model.update_attribute(:pk_column_id, nil)
+            model.destroy!
+          end
+        end
+      end
+
+      def import_model(row)
+        model = Model.find_or_initialize_by(table_name: row.split('"')[1])
+        model.set_name_from_table_name
+        pk_column = nil
+        unless row.include?('id: false')
+          pk_name =
+            if row.include?('primary_key: ')
+              row.match(/primary_key: ".*?"/).to_s.gsub(/primary_key:| |"/, '')
+            else
+              'id'
+            end
+          pk_column = model.columns.find_or_initialize_by(name: pk_name)
+          pk_column.not_null = :db
+          pk_column.unique = :db
+          pk_column.seq = 0
+          pk_column.kind = :number
+          pk_column.save! if pk_column.persisted?
+        end
+        model.save!
+        model.update_attribute(:pk_column, pk_column) if pk_column
+        model
+      end
+
+      def import_columns_and_indexes
+        # テーブルごとにカラムを設定
+        current_model = nil
+        schema_rb_columns = []
+        columns_seq = 0
+        models = Model.all
+        @schema_rb.split("\n").each do |row|
+          row.strip!
+          if row.start_with?('create_table')
+            if current_model
+              # テーブルが変わったタイミングで、その時点のmodelを保存
+              model_columns_save(current_model, schema_rb_columns)
+              schema_rb_columns = []
+              columns_seq = 0
+            end
+            current_model = models.find { |m| m.table_name == row.split('"')[1] }
+          elsif row.start_with?('t.index')
+            # indexからunique設定
+            if row.include?('unique: true')
+              column_name = row.match(/t.index \[".*?"\]/).to_s.gsub(/t.index|\[|\]| |"/, '')
+              column = schema_rb_columns.find{ |c| c.name == column_name }
+              column.unique = :db if column
+            end
+          elsif row.start_with?('t.') && current_model
+            column = import_column(current_model, row)
+            column.seq = (columns_seq += 1)
+            schema_rb_columns << column
+          elsif row.start_with?('add_foreign_key') && row.include?('column:')
+            # 外部キーからアソシエーション設定
+            fk_column_name = row.match(/column: ".*?"/).to_s.gsub(/column:| |"/, '')
+            parent_table_name = row.split('"')[1]
+            parent_model = models.find{ |m| m.table_name == parent_table_name }
+            if parent_model
+              fk_column = parent_model.columns.find { |c| c.name == fk_column_name }
+              set_kind_association(fk_column, parent_model) if parent_model
+            end
+          end
+        end
+        # 最後のテーブルを処理
+        model_columns_save(current_model, schema_rb_columns)
+      end
+
+      def import_column(model, row)
+        name = row.split('"')[1].strip
+        column = model.columns.find_or_initialize_by(name: name)
+        if row.include?('null: false')
+          column.not_null = :db
+        else
+          column.not_null = :none
+        end
+        # このタイミングではuniqueをfalseにしておく（あとでt.indexから設定）
+        column.unique = :none
+        set_column_kind(row, column) if !column.kind_enum? && !column.kind_reference?
+        column
+      end
+
+      def set_column_kind(row, column)
+        column.number_kind = nil
+        if column.name.end_with?('_id')
+          parent_model = Model.find_by(name: column.name.gsub(/_id$/, '').camelize)
+          set_kind_association(column, parent_model) and return if parent_model
+        end
+        type = row.match(/^t\..*? /).to_s.gsub('t.', '').strip
+        case type
+        when 'bigint','integer'
+          column.kind = :number
+          column.number_kind = :integer
+        when 'float', 'decimal'
+          column.kind = :number
+          column.number_kind = :float
+        when 'datetime'
+          column.kind = :datetime
+        when 'date'
+          column.kind = :date
+        when 'boolean'
+          column.kind = :boolean
+        else
+          column.kind = :string
+        end
+      end
+
+      def set_kind_association(column, parent_model)
+        column.kind = :reference
+        association = column.model_association || column.build_model_association
+        association.model = column.model
+        association.parent_model = parent_model
+        association.has_kind = :many
+        association.dependent_kind = :destroy
+      end
+
+      def model_columns_save(current_model, schema_rb_columns)
+        schema_rb_columns.each(&:save!)
+        # schema.rbに存在しなかった既存カラムを削除
+        current_model.columns&.each do |column|
+          column.destroy! if column != current_model.pk_column && !schema_rb_columns.map(&:name).include?(column.name)
+        end
+        # カラム情報をモデルへ反映
+        current_model.create_timestamp_column = schema_rb_columns.find{ |c| c.name == 'created_at' }
+        current_model.update_timestamp_column = schema_rb_columns.find{ |c| c.name == 'updated_at' }
+        current_model.save!
+      end
+  end
+end

data/app/models/infold/search_condition.rb

@@ -0,0 +1,62 @@
+module Infold
+  class SearchCondition < ApplicationRecord
+    self.table_name = name.gsub('Infold::', '').underscore.pluralize
+
+    attribute :model_id, :integer
+    attr_writer :model
+
+    belongs_to :model_column
+    belongs_to :app_view
+
+    enum sign: { eq: 1, gt: 2, gteq: 3, lt: 4, lteq: 5, like: 6, any: 7 }, _prefix: true
+    enum form_kind: { text: 1, reference: 2, check: 3, select: 4 }, _prefix: true
+
+    validates :form_kind, presence: true
+    validates :sign, presence: true
+    validates :model_column_id, presence: true
+
+    delegate :model_association, to: :model_column
+
+    def enable_form_kinds
+      return nil if model_column.blank?
+
+      if model_column.is_foreign_key?
+        { self.class.form_kinds_i18n["reference"] => "reference" }
+      else
+        _kinds = case model_column.kind.to_sym
+                 when :enum
+                   [:check, :select]
+                 when :boolean
+                   [:check]
+                 else
+                   [:text]
+                 end
+        self.class.form_kinds_i18n.invert.select{ |k,v| _kinds.include?(v.to_sym) }
+      end
+    end
+
+    def enable_signs
+      return [] if model_column.blank?
+      if model_column.is_foreign_key?
+        { self.class.signs_i18n["eq"] => "eq" }
+      elsif model_column.kind_enum? && form_kind_check?
+        { self.class.signs_i18n["any"] => "any" }
+      else
+        case model_column.kind.to_sym
+        when :enum, :boolean
+          { self.class.signs_i18n["eq"] => "eq" }
+        else
+          self.class.signs_i18n.invert
+        end
+      end
+    end
+
+    def model
+      @model ||= model_column&.model
+    end
+
+    def model_id
+      model&.id
+    end
+  end
+end

data/app/models/infold/search_result_attachment_field.rb

@@ -0,0 +1,5 @@
+module Infold
+  class SearchResultAttachmentField < SearchResultField
+    belongs_to :attachment_field
+  end
+end

data/app/models/infold/search_result_column.rb

@@ -0,0 +1,6 @@
+module Infold
+  class SearchResultColumn < SearchResultField
+    belongs_to :model_column
+    delegate :model, :model_association, to: :model_column
+  end
+end

data/app/models/infold/search_result_field.rb

@@ -0,0 +1,12 @@
+module Infold
+  class SearchResultField < ApplicationRecord
+    self.table_name = name.gsub('Infold::', '').underscore.pluralize
+
+    belongs_to :app_view_index, class_name: AppViewIndex.name, optional: true
+    belongs_to :app_view_modal, class_name: AppViewModal.name, optional: true
+
+    scope :on_view_index, -> { where.not(app_view_index_id: nil) }
+    scope :on_view_modal, -> { where.not(app_view_modal_id: nil) }
+
+  end
+end

data/app/models/infold/show_association.rb

@@ -0,0 +1,42 @@
+module Infold
+  class ShowAssociation < ShowField
+    belongs_to :model_association
+
+    has_many :show_association_fields, dependent: :destroy
+    has_many :show_association_columns
+    has_many :show_association_attachment_fields
+
+    accepts_nested_attributes_for :show_association_fields, allow_destroy: true
+
+    delegate :locale_or_has_name, :limit, :has_name, :belongs_name, :model, :parent_model, to: :model_association
+
+    before_create :build_default_show_association_fields
+
+    def save_with_associations
+      seq = -1
+      show_association_fields.sort_by(&:seq).each do |column|
+        column.seq = seq += 1
+      end
+      self.save
+    end
+
+    private
+
+      def build_default_show_association_fields
+        model_association.model.columns.sort_by(&:seq).select{ |c| !(c.is_foreign_key? && c == model_association.foreign_key_column) }.each_with_index do |column, i|
+          show_column = show_association_fields.build
+          show_column.type = ShowAssociationColumn.name
+          show_column.seq = i
+          show_column.model_column_id = column.id
+          show_column.display = true
+        end
+        model_association.model.attachment_fields.each.with_index(show_association_fields.size) do |attachment_field, i|
+          show_column = show_association_fields.build
+          show_column.type = ShowAssociationAttachmentField.name
+          show_column.seq = i
+          show_column.attachment_field_id = attachment_field.id
+          show_column.display = true
+        end
+      end
+  end
+end

data/app/models/infold/show_association_attachment_field.rb

@@ -0,0 +1,5 @@
+module Infold
+  class ShowAssociationAttachmentField < ShowAssociationField
+    belongs_to :attachment_field
+  end
+end

data/app/models/infold/show_association_column.rb

@@ -0,0 +1,5 @@
+module Infold
+  class ShowAssociationColumn < ShowAssociationField
+    belongs_to :model_column
+  end
+end

data/app/models/infold/show_association_field.rb

@@ -0,0 +1,8 @@
+module Infold
+  class ShowAssociationField < ApplicationRecord
+    self.table_name = name.gsub('Infold::', '').underscore.pluralize
+
+    belongs_to :show_association
+    delegate :model, :model_association, to: :model_column
+  end
+end

data/app/models/infold/show_attachment_field.rb

@@ -0,0 +1,7 @@
+module Infold
+  class ShowAttachmentField < ShowField
+    belongs_to :attachment_field
+
+    delegate :model, :model_association, to: :model_column
+  end
+end

data/app/models/infold/show_column.rb

@@ -0,0 +1,7 @@
+module Infold
+  class ShowColumn < ShowField
+    belongs_to :model_column
+
+    delegate :model, :model_association, to: :model_column
+  end
+end

data/app/models/infold/show_field.rb

@@ -0,0 +1,11 @@
+module Infold
+  class ShowField < ApplicationRecord
+    self.table_name = name.gsub('Infold::', '').underscore.pluralize
+
+    belongs_to :model_column, optional: true
+    belongs_to :attachment_field, optional: true
+    belongs_to :model_association, optional: true
+    belongs_to :app_view, class_name: AppViewShow.name
+
+  end
+end

data/app/validators/infold/ruby_code_validator.rb

@@ -0,0 +1,9 @@
+module Infold
+  class RubyCodeValidator < ActiveModel::EachValidator
+    REGEXP = /\A[a-zA-Z_][a-zA-Z0-9_]+\z/
+
+    def validate_each(record, attribute, value)
+      record.errors.add(attribute, 'は半角英字、アンダーバー(_)で入力してください（先頭以外は数値も可能）') unless value.match?(REGEXP)
+    end
+  end
+end

data/app/views/infold/app_view_forms/_bulk_form.html.haml

@@ -0,0 +1,16 @@
+= form_with model: view do |form|
+  .table-responsive.border.border-bottom-0
+    %table.table.table-hover
+      %thead
+        %tr
+          %th{ width: '100px' }= view.class.human_attribute_name(:type)
+          %th.tac{ width: '70px' }= view.class.human_attribute_name(:display)
+          %th{ width: '40%' }= view.class.human_attribute_name(:model_column_id)
+          %th= view.class.human_attribute_name(:form_kind)
+          %th{ width: '50px' }
+      %tbody{ data: { controller: 'sortable', sortable_target: 'tbody' } }
+        = form.fields_for :form_fields, view.form_fields.sort_by(&:seq) do |form_form|
+          = render "#{form_form.object.type.pluralize.underscore}/form", view: view, form: form_form
+  .card.border-top-0.rounded-0
+    .card-footer
+      = form.submit t(:submit, scope: 'infold.operation'), class: 'btn btn-primary'

data/app/views/infold/app_view_forms/_tab.html.haml

@@ -0,0 +1,12 @@
+- if view.form_associations.select(&:display?).present?
+  .pt-1.pb-2
+    %ul.nav
+      %li.nav-item
+        %a.nav-link{ class: "#{'bg-primary-lt font-weight-bold' if active == :show}", href: app_view_form_path(view) }
+          = view.model.table_name
+      - view.form_associations.select(&:display?).each do |form_association|
+        - next unless form_association.persisted?
+        -# - form_association = ActiveDecorator::Decorator.instance.decorate(form_association)
+        %li.nav-item
+          %a.nav-link{ class: "#{'bg-primary-lt font-weight-bold' if active == form_association.model_association}",
+            href: form_association_path(form_association) } #{form_association.model_association.model.name_pluralize}

data/app/views/infold/app_view_forms/show.html.haml

@@ -0,0 +1,7 @@
+= render 'infold/apps/page_header', app: @app
+.page-body
+  = render 'infold/apps/tab', app: @app, active: :form
+  .p-1.bg-white.border-start.border-end.border-bottom
+    = render 'infold/app_view_forms/tab', active: :show, view: @view
+    #bulk_form
+      = render 'bulk_form', view: @view

data/app/views/infold/app_view_shows/_bulk_form.html.haml

@@ -0,0 +1,15 @@
+= form_with model: view, url: app_view_show_path(view) do |form|
+  .table-responsive.border.border-bottom-0
+    %table.table.table-hover
+      %thead
+        %tr
+          %th{ width: '70px' }= view.class.human_attribute_name(:type)
+          %th.tac{ width: '70px' }= view.class.human_attribute_name(:display)
+          %th= view.class.human_attribute_name(:model_column_id)
+          %th{ width: '50px' }
+      %tbody{ data: { controller: 'sortable', sortable_target: 'tbody' } }
+        = form.fields_for :show_fields, view.show_fields.sort_by(&:seq) do |show_form|
+          = render "#{show_form.object.type.pluralize.underscore}/form", view: view, form: show_form
+  .card.border-top-0.rounded-0
+    .card-footer
+      = form.submit '登録', class: 'btn btn-primary'

data/app/views/infold/app_view_shows/_tab.html.haml

@@ -0,0 +1,12 @@
+- if view.show_associations.select(&:display?).present?
+  .pt-1.pb-2
+    %ul.nav
+      %li.nav-item
+        %a.nav-link{ class: "#{'bg-primary-lt font-weight-bold' if active == :show}", href: app_view_show_path(view) }
+          = view.model.table_name
+      - view.show_associations.select(&:display?).each do |show_association|
+        - next unless show_association.persisted?
+        -# - show_association = ActiveDecorator::Decorator.instance.decorate(show_association)
+        %li.nav-item
+          %a.nav-link{ class: "#{'bg-primary-lt font-weight-bold' if active == show_association.model_association}",
+            href: show_association_path(show_association) } #{show_association.model_association.model.name_pluralize}

data/app/views/infold/app_view_shows/show.html.haml

@@ -0,0 +1,7 @@
+= render 'infold/apps/page_header', app: @app
+.page-body
+  = render 'infold/apps/tab', app: @app, active: :show
+  .p-1.bg-white.border-start.border-end.border-bottom
+    = render 'infold/app_view_shows/tab', active: :show, view: @view
+    #bulk_form
+      = render 'bulk_form', view: @view

data/app/views/infold/app_view_shows/update.turbo_stream.haml

@@ -0,0 +1 @@
+= turbo_stream_flash

data/app/views/infold/application/_flash.html.haml

@@ -0,0 +1,6 @@
+- flash.each do |k,v|
+  - k = 'info' if k == 'notice'
+  - k = 'warning' if k == 'alert'
+  .alert.alert-important.alert-dismissible.rounded-0.text-center{ class: "alert-#{k}", data: { controller: 'flash' } }
+    = v
+    %a.btn-close.btn-close-white{"aria-label" => "close", "data-bs-dismiss" => "alert"}

data/app/views/infold/apps/_form.html.haml

@@ -0,0 +1,30 @@
+= form_with model: app do |form|
+  .card
+    .card-body
+      .row
+        .col-lg-7.col-xl-6
+          .mb-3
+            = render Infold::InputFieldsetComponent.new(form, :name, label: true, required: true, size_sm: false)
+          .mb-3
+            %label.form-label.fw-bold.d-flex
+              = Infold::App.human_attribute_name(:model_id)
+              = infold_required_badge
+            - if app.persisted?
+              %input{ type: 'text', class: 'form-control mb-1', value: app.model.table_name, disabled: true }
+              %span.text-muted.small= t('infold.main_table_can_not_change')
+            - else
+              = render Infold::SelectFieldsetComponent.new(form, :model_id, @all_models.map { |m| [m.table_name, m.id] }, size_sm: false )
+          .mb-3
+            %label.form-label.fw-bold= Infold::AppView.model_name.human
+            - %w(index show form modal).each_with_index do |t, i|
+              = form.fields_for "app_view_#{t}".to_sym do |view|
+                .form-check
+                  = view.check_box(:checked, { class: "form-check-input", disabled: %w(index show).include?(t) })
+                  = view.label :checked, view.object.class.model_name.human
+    .card-footer
+      - if app.persisted?
+        = form.submit t(:update, scope: 'infold.operation'), class: 'btn btn-primary'
+        = link_to t(:delete, scope: 'infold.operation'), app, class: 'btn btn-danger', data: { turbo_method: :delete,
+          turbo_confirm: t(:confirm, scope: 'infold.operation', submit: t(:delete, scope: 'infold.operation')) }
+      - else
+        = form.submit t(:create, scope: 'infold.operation'), class: 'btn btn-primary'

data/app/views/infold/apps/_page_header.html.haml

@@ -0,0 +1,5 @@
+.page-header
+  .page-pretitle
+    Application
+  %h2.page-title
+    = app.name

data/app/views/infold/apps/_tab.html.haml

@@ -0,0 +1,13 @@
+%ul.nav.nav-tabs{"data-bs-toggle" => "tabs"}
+  %li.nav-item
+    = link_to app.class.model_name.human, edit_app_path(app), class: "nav-link #{'active' if controller_name == 'apps'}"
+  %li.nav-item
+    = link_to app.app_view_index.class.model_name.human, app_view_search_conditions_path(app.app_view_index), class: "nav-link #{'active' if active == :index}"
+  %li.nav-item
+    = link_to app.app_view_show.class.model_name.human, app_view_show_path(app.app_view_show), class: "nav-link #{'active' if active == :show}"
+  - if app.app_view_form&.persisted?
+    %li.nav-item
+      = link_to app.app_view_form.class.model_name.human, app_view_form_path(app.app_view_form), class: "nav-link #{'active' if active == :form}"
+  - if app.app_view_modal&.persisted?
+    %li.nav-item
+      = link_to app.app_view_modal.class.model_name.human, app_view_search_conditions_path(app.app_view_modal), class: "nav-link #{'active' if active == :modal}"

data/app/views/infold/apps/create.turbo_stream.haml

@@ -0,0 +1,3 @@
+= turbo_stream.update "app_form" do
+  = render 'form', app: @app
+= turbo_stream_flash

data/app/views/infold/apps/edit.html.haml

@@ -0,0 +1,6 @@
+= render 'infold/apps/page_header', app: @app
+.page-body
+  = render 'tab', app: @app, active: :edit
+  .p-1.bg-white.border-start.border-end.border-bottom
+    #app_form
+      = render 'form', app: @app

data/app/views/infold/apps/new.html.haml

@@ -0,0 +1,8 @@
+.page-header
+  .page-pretitle
+    Application
+  %h2.page-title
+    = t(:new, scope: 'infold.operation')
+.page-body
+  #app_form
+    = render 'form', app: @app

data/app/views/infold/apps/update.turbo_stream.haml

@@ -0,0 +1,3 @@
+= turbo_stream.update "app_form" do
+  = render 'form', app: @app
+= turbo_stream_flash

data/app/views/infold/associations/_form.html.haml

@@ -0,0 +1,18 @@
+#setting_form
+  = form_with model: column, url: column_path(column) do |form|
+    %h3.modal-header
+      Association Setting
+    .modal-body
+      = form.hidden_field :kind
+      = form.fields_for :model_association do |association_form|
+        .mb-3
+          = render Infold::SelectFieldsetComponent.new(association_form, :parent_model_id, Infold::Model.all.map{ |m| [m.table_name, m.id] }, required: true, label: true, size_sm: false)
+        .mb-3
+          = render Infold::RadioFieldsetComponent.new(association_form, :has_kind, Infold::ModelAssociation.has_kinds_i18n.invert, required: true)
+        .mb-3
+          = render Infold::RadioFieldsetComponent.new(association_form, :dependent_kind, Infold::ModelAssociation.dependent_kinds_i18n.invert, required: true)
+        .mb-3
+          = render Infold::InputFieldsetComponent.new(association_form, :locale, label: true, size_sm: false)
+    .modal-footer
+      %button.btn.me-auto{"data-bs-dismiss" => "modal", :type => "button"}= t(:cancel, scope: 'infold.operation')
+      = form.submit t(:submit, scope: 'infold.operation'), class: 'btn btn-primary'

data/app/views/infold/associations/edit.html.haml

@@ -0,0 +1,5 @@
+= turbo_frame_tag "turbo_frame_setting" do
+  .modal.fade{ data: { controller: 'modal', action: "turbo:submit-end->modal#submitEnd", bs_backdrop: "static" } }
+    .modal-dialog
+      .modal-content
+        = render 'infold/associations/form', column: @column

data/app/views/infold/attachment_fields/_form.html.haml

@@ -0,0 +1,51 @@
+.modal-header
+  ActiveStorage Field
+  %button.btn-close{ type: "button", data: { bs_dismiss: "modal" }, 'aria-label' => "Close" }
+.modal-body{ data: { controller: 'attachment-field' } }
+  .mb-3.row
+    .col-sm-3
+      = form.label :name, class: 'form-label'
+    .col-sm-9
+      = render Infold::InputFieldsetComponent.new(form, :name, label: false)
+  .mb-3.row
+    .col-sm-3
+      = form.label :locale, class: 'form-label'
+    .col-sm-9
+      = render Infold::InputFieldsetComponent.new(form, :locale, label: false)
+  .mb-3.row
+    .col-sm-3
+      = form.label :kind, class: 'form-label'
+    .col-sm-9
+      %label.form-check.form-check-inline
+        = form.radio_button(:kind, :image, class: "form-check-input",
+                  checked: form.object.kind.to_s == 'image', data: { attachment_field_target: 'kindImage', action: 'attachment-field#setThumbAreaDisplay' })
+        %span.form-check-label Image
+      %label.form-check.form-check-inline
+        = form.radio_button(:kind, :file, class: "form-check-input",
+                  checked: form.object.kind.to_s == 'file', data: { attachment_field_target: 'kindFile', action: 'attachment-field#setThumbAreaDisplay' })
+        %span.form-check-label File
+  %div{ data: { attachment_field_target: 'thumbArea' } }
+    .mb-2.row
+      .col-sm-3
+        = form.label :thumbnail, class: 'form-label'
+      .col-sm-9
+        - Infold::AttachmentField.thumbnails_i18n.invert.each do |name,key|
+          %label.form-check.form-check-inline
+            = form.radio_button(:thumbnail, key, class: "form-check-input",
+                      checked: key.to_s == form.object.thumbnail.to_s, data: { attachment_field_target: "thumbKind#{key.camelize}", action: 'attachment-field#setThumbSizeDisplay' })
+            %span.form-check-label= name
+    .row{ data: { attachment_field_target: 'thumbSizeArea' } }
+      .col-sm-9.offset-3
+        .mb-2
+          .input-group.input-group-sm
+            %span.input-group-text Width
+            = infold_input_field_tag(form, :thumb_width, form_kind: :number_field, placeholder: 'px')
+          %div.invalid_message= form.object.errors.full_messages_for(:thumb_width).join(',')
+        .mb-2
+          .input-group.input-group-sm
+            %span.input-group-text Width
+            = infold_input_field_tag(form, :thumb_height, form_kind: :number_field, placeholder: 'px')
+          %div.invalid_message= form.object.errors.full_messages_for(:thumb_height).join(',')
+.modal-footer
+  %button.btn.me-auto{"data-bs-dismiss" => "modal", :type => "button"}= t('infold.operation.cancel')
+  = form.submit t('infold.operation.submit'), class: 'btn btn-primary'

data/app/views/infold/attachment_fields/edit.html.haml

@@ -0,0 +1,7 @@
+= turbo_frame_tag "attachment_field_form" do
+  .modal.fade{ data: { controller: 'modal', action: "turbo:submit-end->modal#submitEnd", bs_backdrop: "static" } }
+    .modal-dialog
+      .modal-content
+        = form_with model: @attachment_field, url: attachment_field_path(@attachment_field) do |form|
+          #attachment_field_form_body
+            = render 'form', form: form

data/app/views/infold/attachment_fields/form.turbo_stream.haml

@@ -0,0 +1,4 @@
+= turbo_stream.update "attachment_field_form_body" do
+  = fields_for @attachment_field do |form|
+    = render 'form', form: form
+= turbo_stream_flash