infold 0.1.0

data/lib/generators/infold/app/templates/views/_form.haml.tt

@@ -0,0 +1,66 @@
+<%# encoding: utf-8 -%>
+<%- current_seq = -1 -%>
+<%- @view.form_fields.select(&:display?).sort_by(&:seq).each_with_index do |field, i| -%>
+<%- next if i <= current_seq -%>
+<%- if field.is_a?(Infold::FormColumn) || field.is_a?(Infold::FormAttachmentField) -%>
+.row
+  .col-lg-8
+<%- @view.form_fields.select(&:display?).sort_by(&:seq).each_with_index do |_field, _i| -%>
+<%- next if _i <= current_seq -%>
+<%- break if !_field.is_a?(Infold::FormColumn) && !_field.is_a?(Infold::FormAttachmentField) -%>
+    .mb-3
+<%- if _field.is_a?(Infold::FormColumn) -%>
+      <%= _field.code_form_object(@ns_camel) %>
+<%- elsif _field.is_a?(Infold::FormAttachmentField) -%>
+      <%= _field.attachment_field.form_file_upload_code(@ns_camel) %>
+<%- end -%>
+<%- current_seq = _i -%>
+<%- end -%>
+<%- else -%>
+<%- child_model = field.model_association.model -%>
+<%- if field.model_association.has_kind_one? -%>
+%h4.mb-2.fw-bold <%= field.model_association.locale_or_has_name %>
+= form.fields_for :<%= field.model_association.has_name %> do |has_one_form|
+<%- field.form_association_fields.select(&:display?).sort_by(&:seq).each do |_field| -%>
+  .mb-3
+  <%- if _field.is_a?(Infold::FormAssociationColumn) -%>
+    <%= _field.code_form_object(@ns_camel, 'has_one_form') %>
+  <%- elsif _field.is_a?(Infold::FormAssociationAttachmentField) -%>
+    <%= _field.attachment_field.form_file_upload_code(@ns_camel, 'has_one_form') %>
+  <%- end -%>
+<%- end -%>
+<%- else -%>
+.mb-3{ data: {controller: 'nested-form'} }
+  %h4.mb-2.fw-bold <%= field.model_association.locale_or_has_name %>
+  %template{ data: { nested_form_target: 'template' } }
+    = form.fields_for :<%= child_model.name_pluralize %>, <%= @ns_camel %>::<%= child_model.name %>.new, child_index: 'NEW_RECORD' do |nested_form|
+      = render '<%= child_model.name.underscore %>_fields', <%= @app.model.name.underscore %>: form.object, form: nested_form
+  .table-responsive
+    %table.table.table-bordered.nested_form_table
+      %thead
+        %tr
+        <%- field.form_association_fields.select(&:display?).sort_by(&:seq).each do |association_field| -%>
+          %th
+            .d-flex
+            <%- if association_field.is_a?(Infold::FormAssociationColumn) -%>
+              <%= association_field.model_column.locale_or_name_with_foreign_key %>
+            <%- if association_field.model_column.required_validate? -%>
+              = <%= @ns_snake %>_required_badge
+            <%- end -%>
+            <%- elsif association_field.is_a?(Infold::FormAssociationAttachmentField) -%>
+              <%= association_field.attachment_field.locale_or_name %>
+            <%- end -%>
+        <%- end -%>
+          %th.icon_sell
+      %tbody{ data: { nested_form_target: 'links' } }
+        = form.fields_for :<%= child_model.name_pluralize %> do |nested_form|
+          = render '<%= child_model.name.underscore %>_fields', form: nested_form
+  = link_to '#', class: 'btn btn-info btn-sm mt-2', data: { action: 'nested-form#add_association' } do
+    %i.bi.bi-plus-lg.me-1
+    = t('infold.operation.add')
+
+  <%- current_seq = i -%>
+<%- end -%>
+<%- end -%>
+<%- end -%>
+

data/lib/generators/infold/app/templates/views/_index_row.haml.tt

@@ -0,0 +1,17 @@
+<%# encoding: utf-8 -%>
+%tr{ id: dom_id(<%= @app.model.name.underscore %>) }
+  %td.tac
+    = link_to <%= @app.app_view_show.show_path(@ns_snake, @app.model.name.underscore) %>, class: 'd-block', data: { turbo_frame: 'modal_main' } do
+      %i.bi.bi-file-text
+<%- @app.app_view_index.search_result_fields.select(&:display?).sort_by(&:seq).each do |result| -%>
+<%- if result.is_a?(Infold::SearchResultColumn) -%>
+  %td
+    = <%= result.code_flash_display(@ns_snake, @app.model.name.underscore) %>
+<%- else -%>
+  %td<%= '.image_cell' if result.attachment_field.kind_image? %>
+    <%= result.attachment_field.file_display_code(@app.model.name.underscore, '    ', thumb: true) %>
+<%- end -%>
+<%- end -%>
+  %td.tac
+    = link_to <%= @app.app_view_form.edit_path(@ns_snake, @app.model.name.underscore) %>, class: 'd-block', data: { turbo_frame: "modal_main" } do
+      %i.bi.bi-pencil-square

data/lib/generators/infold/app/templates/views/_show_operation.haml.tt

@@ -0,0 +1,5 @@
+<%# encoding: utf-8 -%>
+= link_to t('infold.operation.edit'), <%= @app.app_view_form.edit_path(@ns_snake, "@#{@app.model.name.underscore}") %>, class: 'btn btn-primary',
+  data: { turbo_frame: "modal_main" }
+= link_to t('infold.operation.delete'), <%= @app.app_view_show.show_path(@ns_snake, "@#{@app.model.name.underscore}") %>, class: 'btn btn-danger ms-1',
+  data: { turbo_confirm: t('infold.operation.confirm', submit: t('infold.operation.delete')), turbo_method: :delete, turbo_frame: "_top" }

data/lib/generators/infold/app/templates/views/edit+turbo_frame.haml.tt

@@ -0,0 +1,13 @@
+<%# encoding: utf-8 -%>
+= turbo_frame_tag "modal_main" do
+  = form_with model: @<%= @app.model.name.underscore %> do |form|
+    = render <%= @ns_camel %>::RemoteModalComponent.new(backdrop: :static) do |modal|
+      = modal.with :title do
+        = "<%= @app.name %> ##{@<%= @app.model.name.underscore %>.<%= @app.model.pk_column.name %>}"
+      = modal.with :body do
+        .modal-body#form_body
+          = render "form", form: form
+      = modal.with :footer do
+        .modal-footer
+          %button.btn.btn-light{"data-bs-dismiss" => "modal", :type => "button"}= t('infold.operation.cancel')
+          = form.submit t('infold.operation.update'), class: 'btn btn-primary'

data/lib/generators/infold/app/templates/views/edit.haml.tt

@@ -0,0 +1,10 @@
+<%# encoding: utf-8 -%>
+.container-fluid.py-3
+  = form_with model: @<%= @app.model.name.underscore %> do |form|
+    .card
+      .card-header
+        %h3.card-title= "<%= @app.name %> ##{@<%= @app.model.name.underscore %>.<%= @app.model.pk_column.name %>}"
+      .card-body#form_body
+        = render "form", form: form
+      .card-footer.text-end
+        = form.submit t('infold.operation.update'), class: 'btn btn-primary'

data/lib/generators/infold/app/templates/views/form.turbo_stream.haml.tt

@@ -0,0 +1,17 @@
+<%# encoding: utf-8 -%>
+- if @<%= @app.model.name.underscore %>.invalid?
+  = turbo_stream.update "form_body" do
+    = fields_for @<%= @app.model.name.underscore %> do |form|
+      = render "form", form: form
+- else
+  = turbo_stream.update "modal_main" do
+    = render <%= @ns_camel %>::RemoteModalComponent.new do |modal|
+      <%= @app.app_view_show.render_detail_code(modal_wrapper: true) %>
+  - if action_name == "create"
+    = turbo_stream.prepend "<%= @app.model.name_pluralize %>" do
+      = render 'index_row', <%= @app.model.name.underscore %>: @<%= @app.model.name.underscore %>
+    = turbo_stream.remove "no_data"
+  - else
+    = turbo_stream.replace @<%= @app.model.name.underscore %> do
+      = render 'index_row', <%= @app.model.name.underscore %>: @<%= @app.model.name.underscore %>
+= <%= @ns_snake %>_turbo_stream_flash

data/lib/generators/infold/app/templates/views/index+turbo_frame.haml.tt

@@ -0,0 +1,43 @@
+<%# encoding: utf-8 -%>
+= turbo_frame_tag params[:turbo_frame_id] do
+  = render <%= @ns_camel %>::RemoteModalComponent.new(optional_window: true) do |modal|
+    = modal.with(:title) { '<%= @app.name %>' }
+    = modal.with :body do
+      .modal-body
+        = form_with model: <%= @ns_camel %>::<%= @app.model.name %>SearchForm.new, url: <%= @view.index_path(@ns_snake) %>, method: :get,
+              scope: 'search', data: { turbo_frame: 'relation_search_body' } do |form|
+          .row.gy-3.align-items-end
+          <%- @view.search_conditions.sort_by(&:seq).each do |condition| -%>
+            .col-lg-6.col-xl-4
+              <%= condition.code_form_component(@ns_camel) %>
+          <%- end -%>
+            .col-lg-6.col-xl-4
+              = form.submit t('infold.operation.search'), class: 'btn btn-primary'
+        %hr/
+        = turbo_frame_tag 'relation_search_body' do
+          - if @<%= @app.model.name_pluralize %>.blank?
+            .alert= t('infold.no_data')
+          - else
+            .search_result
+              .table_wrapper.bg-white
+                %table.table.table-bordered.table-hover.mb-0
+                  %thead
+                    %tr
+                    <%- @view.search_result_fields.select(&:display?).sort_by(&:seq).each do |result| -%>
+                    <%- if result.is_a?(Infold::SearchResultColumn) -%>
+                      %th <%= result.model_column.locale_or_name_with_foreign_key %>
+                    <%- else -%>
+                      %th <%= result.attachment_field.locale_or_name %>
+                    <%- end -%>
+                    <%- end -%>
+                      %th.icon_cell
+                  %tbody
+                    - @<%= @app.model.name_pluralize %>.each do |<%= @app.model.name.underscore %>|
+                      %tr
+                      <%- @view.search_result_columns.select(&:display?).sort_by(&:seq).each do |result| -%>
+                        %td= <%= result.code_flash_display(@ns_snake, @app.model.name.underscore) %>
+                      <%- end -%>
+                        %td.tac
+                          %a{ href: '#', data: { action: "relation-search#select remote-modal#close", id: <%= @app.model.name.underscore %>.<%= @app.model.pk_column.name %>, name: <%= @app.model.name.underscore %>.<%= @app.model.label_column_name %> } }
+                            %i.bi.bi-check2-square
+              = paginate(@<%= @app.model.name_pluralize %>, views_prefix: "<%= @ns_snake %>")

data/lib/generators/infold/app/templates/views/index.csv.ruby.tt

@@ -0,0 +1,18 @@
+<%# encoding: utf-8 -%>
+require 'csv'
+
+CSV.generate do |csv|
+  csv << %w(<%= @view.csv_columns.select(&:display?).sort_by(&:seq)&.map do |c|
+    if c.is_a?(Infold::CsvColumn)
+      c.model_column.locale_or_name_with_foreign_key
+    end
+  end.join(' ') %>)
+  @<%= @app.model.name_pluralize %>.each do |column|
+    record = [
+    <%- @view.csv_columns.select(&:display?).sort_by(&:seq)&.each do |c| -%>
+        <%= c.code_flash_display(@ns_snake, 'column', char: true) %>,
+    <%- end -%>
+    ]
+    csv << record
+  end
+end

data/lib/generators/infold/app/templates/views/index.haml.tt

@@ -0,0 +1,49 @@
+<%# encoding: utf-8 -%>
+%nav.navbar.navbar-light
+  .container-fluid
+    %ol.breadcrumb
+      %li.breadcrumb-item.active <%= @app.name %>
+    .ms-auto
+      = link_to t('infold.operation.new'), <%= @app.app_view_form.new_path(@ns_snake) %>, class: 'btn btn-warning', data: { turbo_frame: "modal_main" }
+.index_page.d-md-flex{ data: { controller: 'index-page', index_page_target: 'wrapper' } }
+  .left_conditions.bg-white.container-fluid.border-end.pe-3.py-3
+    = form_with model: @search, url: <%= @view.code_search_path(@ns_snake) %>, method: :get, scope: 'search',
+      data: { index_page_target: 'searchForm' } do |form|
+      = form.hidden_field :sort_field, data: { index_page_target: 'sortField' }
+      = form.hidden_field :sort_kind, data: { index_page_target: 'sortKind' }
+    <%- @view.search_conditions.sort_by(&:seq).each do |condition| -%>
+      .mb-3
+        <%= condition.code_form_component(@ns_camel) %>
+    <%- end -%>
+      %hr.my-3
+      .row
+        .col-6.order-2.d-grid
+          = form.submit t('infold.operation.search'), class: 'btn btn-primary'
+        .col-6.d-grid
+          = link_to t('infold.operation.clear'), <%= @view.code_search_path(@ns_snake) %>, class: 'btn btn-light'
+  .right_results.flex-fill.container-fluid.ps-3.py-3{ data: { index_page_target: 'resultArea' } }
+    - if @<%= @app.model.name_pluralize %>.blank?
+      .alert#no_data= t('infold.no_data')
+    .card
+      .table_wrapper.table-responsive.bg-secondary-lt{ data: { index_page_target: 'resultTableWrapper' } }
+        %table.table.table-bordered.table-hover.mb-0.bg-white
+          %thead{ data: { index_page_target: 'thead' } }
+            %tr
+              %th.icon_cell
+            <%- @view.search_result_fields.select(&:display?).sort_by(&:seq).each do |result| -%>
+            <%- if result.is_a?(Infold::SearchResultColumn) -%>
+              = render <%= @ns_camel %>::SortableThComponent.new(@search, :<%= result.model_column.name %>, '<%= result.model_column.locale_or_name_with_foreign_key %>')
+            <%- else -%>
+              %th <%= result.attachment_field.locale_or_name %>
+            <%- end -%>
+            <%- end -%>
+              %th.icon_cell
+          %tbody#<%= @app.model.name_pluralize %>
+            = render partial: "index_row", collection: @<%= @app.model.name_pluralize %>, as: '<%= @app.model.name.underscore %>'
+      - if @<%= @app.model.name_pluralize %>.present?
+        .card-body.d-md-flex.align-items-center.justify-content-between
+          .mb-3.mb-md-0
+            = <%= @ns_snake %>_search_result_count(@<%= @app.model.name_pluralize %>)
+          .mb-3.mb-md-0
+            = paginate(@<%= @app.model.name_pluralize %>, views_prefix: "<%= @ns_snake %>")
+          = link_to t('infold.operation.output_csv'), '#', class: 'btn btn-info', data: { action: 'index-page#outputCsv' }

data/lib/generators/infold/app/templates/views/new+turbo_frame.haml.tt

@@ -0,0 +1,14 @@
+<%# encoding: utf-8 -%>
+= turbo_frame_tag "modal_main" do
+  = form_with model: @<%= @app.model.name.underscore %> do |form|
+    = render <%= @ns_camel %>::RemoteModalComponent.new(backdrop: :static) do |modal|
+      = modal.with :title do
+        <%= @app.name %>
+        = t('infold.operation.new')
+      = modal.with :body do
+        .modal-body#form_body
+          = render "form", form: form
+      = modal.with :footer do
+        .modal-footer
+          %button.btn.btn-light{"data-bs-dismiss" => "modal", :type => "button"}= t('infold.operation.cancel')
+          = form.submit t('infold.operation.create'), class: 'btn btn-primary'

data/lib/generators/infold/app/templates/views/new.haml.tt

@@ -0,0 +1,12 @@
+<%# encoding: utf-8 -%>
+.container-fluid.py-3
+  = form_with model: @<%= @app.model.name.underscore %> do |form|
+    .card
+      .card-header
+        %h3.card-title
+          <%= @app.name %>
+          = t('infold.operation.new')
+      .card-body#form_body
+        = render "form", form: form
+      .card-footer.text-end
+        = form.submit t('infold.operation.create'), class: 'btn btn-primary'

data/lib/generators/infold/app/templates/views/show+turbo_frame.haml.tt

@@ -0,0 +1,4 @@
+<%# encoding: utf-8 -%>
+= turbo_frame_tag(<%= @ns_snake %>_optional_window? ? "modal_optional" : "modal_main") do
+  = render <%= @ns_camel %>::RemoteModalComponent.new(optional_window: <%= @ns_snake %>_optional_window?) do |modal|
+    <%= @view.render_detail_code(modal_wrapper: true) %>

data/lib/generators/infold/app/templates/views/show.haml.tt

@@ -0,0 +1,9 @@
+<%# encoding: utf-8 -%>
+%nav.navbar.navbar-light
+  .container-fluid
+    = "<%= @app.name %> / ##{@<%= @app.model.name.underscore %>.<%= @app.model.pk_column.name %>}"
+    .ms-auto
+      = render 'show_operation', <%= @app.model.name.underscore %>: @<%= @app.model.name.underscore %>
+.page-wrapper.show_page.pt-3
+  .container-fluid
+    <%= @view.render_detail_code %>

data/lib/generators/infold/install/install_generator.rb

@@ -0,0 +1,151 @@
+module Infold
+  class InstallGenerator < Rails::Generators::Base
+
+    source_root File.expand_path('templates', __dir__)
+
+    def setup
+      @ns = Project.first.namespace
+      @ns_camel = @ns.camelize
+      @ns_snake = @ns.underscore
+      @js_build_kind =
+        if Dir.exist?(Rails.root.join('app/javascript/packs'))
+          :webpacker
+        else
+          :esbuild
+        end
+    end
+
+    def check_devise_installed
+      initializer_file =
+        File.join(Rails.root, "config", "initializers", "devise.rb")
+      @devise_installed = File.exist?(initializer_file)
+    end
+
+    def install_devise
+      require "devise"
+
+      if @devise_installed
+        log :generate, "No need to install devise, already done."
+      else
+        log :generate, "devise:install"
+        invoke "devise:install"
+      end
+    end
+
+    def create_devise_user
+      # dist = Rails.root.join("app/models/#{@ns_snake}.rb")
+      # file_existed = File.exist?(dist)
+      invoke "devise", ["#{@ns_camel}User"]
+    end
+
+    def delete_devise_routes
+      routes_file = File.join(destination_root, "config", "routes.rb")
+      gsub_file routes_file, /devise_for :#{@ns_snake}_users.*$/, ""
+    end
+
+    def edit_devise_config
+      config_file = File.join(destination_root, "config", "initializers", "devise.rb")
+      gsub_file config_file, /# config.scoped_views = false$/, "config.scoped_views = true"
+      unless @devise_installed
+        gsub_file config_file, /# config.parent_controller = 'DeviseController'$/, "config.parent_controller = '#{@ns_camel}::TurboDeviseController'"
+        gsub_file config_file, "# config.navigational_formats = ['*/*', :html]", "config.navigational_formats = ['*/*', :html, :turbo_stream]"
+        gsub_file config_file, "# config.warden do |manager|", "config.warden do |manager|\n    manager.failure_app = TurboFailureApp\n  end"
+        inject_into_file config_file, before: "Devise.setup do |config|" do <<-'RUBY'
+# Turbo doesn't work with devise by default.
+# Keep tabs on https://github.com/heartcombo/devise/issues/5446 for a possible fix
+# Fix from https://gorails.com/episodes/devise-hotwire-turbo
+class TurboFailureApp < Devise::FailureApp
+  def respond
+    if request_format == :turbo_stream
+      redirect
+    else
+      super
+    end
+  end
+
+  def skip_format?
+    %w(html turbo_stream */*).include? request_format.to_s
+  end
+end
+RUBY
+        end
+      end
+    end
+
+    def copy_base_files
+      template_path = File.expand_path("templates", __dir__)
+      Dir.glob("#{template_path}/app/**/*").each do |item|
+        next if FileTest.directory?(item)
+        dist_path = item.to_s.gsub(template_path.to_s, Rails.root.to_s)
+        if item.to_s.end_with?('layouts/admin.haml.tt')
+          dist_path = dist_path.gsub('layouts/admin.haml.tt', "layouts/#{@ns_snake}.html.haml")
+        else
+          dist_path = dist_path.gsub('/admin/', "/#{@ns_snake}/")
+                               .gsub('admin_user', "#{@ns_snake}_user")
+                               .gsub('admin_helper', "#{@ns_snake}_helper")
+                               .gsub('layouts/admin.html.haml', "layouts/#{@ns_snake}.html.haml")
+        end
+        File.delete(dist_path) if File.exist?(dist_path)
+        template item, dist_path, encoding: :utf8
+        gsub_file dist_path, "Admin", @ns_camel
+        gsub_file dist_path, "admin", @ns_snake
+      end
+    end
+
+    def copy_js_css
+      template_path = File.expand_path("templates", __dir__)
+      # js
+      template_js_path = File.join(template_path,"javascript/#{@js_build_kind}/admin.js")
+      dist_js_path =
+        if @js_build_kind == :webpacker
+          Rails.root.join("app/javascript/packs/#{@ns_snake}.js")
+        else
+          Rails.root.join("app/javascript/#{@ns_snake}.js")
+        end
+      File.delete(dist_js_path) if File.exist?(dist_js_path)
+      template template_js_path, dist_js_path, encoding: :utf8
+      gsub_file dist_js_path, "/admin/", "/#{@ns_snake}/"
+
+      # stimulus
+      Dir.glob("#{template_path}/javascript/admin/controllers/*") do |item|
+        next if FileTest.directory?(item)
+        dist_path = Rails.root.join("app/javascript/#{@ns_snake}/controllers", item.split('/').last)
+        File.delete(dist_path) if File.exist?(dist_path)
+        template item, dist_path, encoding: :utf8
+      end
+
+      # css
+      css_type = @js_build_kind == :webpacker ? 'scss' : 'css'
+      template_css_path = File.join(template_path,"javascript/admin/stylesheets/custom.css")
+      dist_css_path = Rails.root.join("app/javascript/#{@ns_snake}/custom.#{css_type}")
+      File.delete(dist_css_path) if File.exist?(dist_css_path)
+      template template_css_path, dist_css_path, encoding: :utf8
+      gsub_file dist_css_path, "/admin/", "/#{@ns_snake}/"
+    end
+
+    def create_routes_file
+      file_path = Rails.root.join("config/routes", "#{@ns_snake}.rb")
+      File.delete(file_path) if File.exist?(file_path)
+      template "config/routes/admin.rb", file_path
+      gsub_file file_path, "admin", @ns_snake
+      route "mount Infold::Engine, at: '/infold' if Rails.env.development?"
+      route "draw(:#{@ns_snake})"
+    end
+
+    def copy_locale_files
+      template_path = File.expand_path("templates", __dir__)
+      Dir.glob("#{template_path}/config/locales/*") do |item|
+        dist_path = Rails.root.join("config/locales", item.split('/').last)
+        File.delete(dist_path) if File.exist?(dist_path)
+        template item, dist_path, encoding: :utf8
+      end
+    end
+
+    def add_gitignore
+      insert_into_file '.gitignore' do
+        "\ndb/infold.sqlite3"
+      end
+    end
+
+  end
+end

data/lib/generators/infold/install/templates/app/components/admin/enum_badge_component.html.haml

@@ -0,0 +1,4 @@
+- if @label.present?
+  %span{ class: @color.present? ? "badge bg-#{@color}" : nil }= @wrap ? @label : nil
+  - unless @wrap
+    = @label

data/lib/generators/infold/install/templates/app/components/admin/enum_badge_component.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Admin
+  class EnumBadgeComponent < ViewComponent::Base
+    def initialize(label,color,wrap:false)
+      @label = label
+      @color = color
+      @wrap = wrap
+    end
+  end
+end

data/lib/generators/infold/install/templates/app/components/admin/form/checkbox_fieldset_component.html.haml

@@ -0,0 +1,11 @@
+- if @label
+  .d-flex
+    = @form.label @field, class: 'form-label fw-bold'
+    = helpers.admin_required_badge(@required)
+%div
+  - @list.each do |key,name|
+    %label.form-check.form-check-inline
+      = @form.check_box(@field,
+        { multiple: true, class: "form-check-input #{helpers.admin_field_invalid?(@form,@field)}", checked: @checked_values&.include?(key) }, key, nil)
+      %span.form-check-label= name
+%div.invalid_message= @form.object.errors.full_messages_for(@field).join(',')

data/lib/generators/infold/install/templates/app/components/admin/form/checkbox_fieldset_component.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Admin
+  class Form::CheckboxFieldsetComponent < ViewComponent::Base
+    def initialize(form, field, list, checked_values: nil,required:false,label:true)
+      @form = form
+      @field = field
+      @list = list
+      @checked_values = checked_values || []
+      @required = required
+      @label = label
+    end
+
+  end
+end

data/lib/generators/infold/install/templates/app/components/admin/form/datetime_fieldset_component.html.haml

@@ -0,0 +1,20 @@
+- if @label
+  .d-flex
+    = @form.label @field, class: 'form-label fw-bold'
+    = helpers.admin_required_badge(@required)
+.row.align-items-center.gx-2
+  .col-7
+    .input-group{ class: "#{'input-group-sm' if @size_sm}" }
+      %span.input-group-text
+        %i.bi.bi-calendar-date
+      = helpers.admin_input_field_tag(@form, "#{@field}_date", datepicker: true, placeholder: "0000/00/00")
+  .col-5
+    .input-group{ class: "#{'input-group-sm' if @size_sm}" }
+      %span.input-group-text
+        %i.bi.bi-clock
+      = helpers.admin_input_field_tag(@form, "#{@field}_time", timepicker: true, placeholder: "00:00")
+%div.invalid_message
+  - if @form.object.errors.full_messages_for("#{@field}_date").present? || @form.object.errors.full_messages_for("#{@field}_time").present?
+    = (@form.object.errors.full_messages_for("#{@field}_date").to_a + @form.object.errors.full_messages_for("#{@field}_time").to_a).join(',')
+  - else
+    = @form.object.errors.full_messages_for(@field).join(',')

data/lib/generators/infold/install/templates/app/components/admin/form/datetime_fieldset_component.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+module Admin
+  class Form::DatetimeFieldsetComponent < ViewComponent::Base
+    def initialize(form,field,required:false,label:true,size_sm:false)
+      @form = form
+      @field = field
+      @required = required
+      @label = label
+      @size_sm = size_sm
+    end
+  end
+end

data/lib/generators/infold/install/templates/app/components/admin/form/file_upload_component.html.haml

@@ -0,0 +1,12 @@
+- if @label
+  .d-flex
+    = @form.label @field, class: 'form-label fw-bold'
+    = helpers.admin_required_badge(@required)
+.mb-2.d-flex
+  - if @form.object.send(@field).attached?
+    = link_to @form.object.send(@field).filename, rails_blob_url(@form.object.send(@field)), target: '_blank'
+    .mx-3.form-check.form-switch
+      = @form.check_box("remove_#{@field}", class: 'form-check-input')
+      = @form.label("remove_#{@field}", "remove")
+    = @form.hidden_field @field, value: @form.object.send(@field).signed_id
+  = @form.file_field(@field, direct_upload: true)

data/lib/generators/infold/install/templates/app/components/admin/form/file_upload_component.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+module Admin
+  class Form::FileUploadComponent < ViewComponent::Base
+    def initialize(form,field,label: true, required: false)
+      @form = form
+      @field = field
+      @label = label
+      @required = required
+    end
+  end
+end

data/lib/generators/infold/install/templates/app/components/admin/form/input_fieldset_component.html.haml

@@ -0,0 +1,14 @@
+- if @label
+  .d-flex
+    = @form.label @field, class: 'form-label fw-bold'
+    = helpers.admin_required_badge(@required)
+- if @append || @prepend
+  .input-group{ class: "#{'input-group-sm' if @size_sm}" }
+    - if @prepend
+      %span.input-group-text.px-1= @prepend
+    = input_field
+    - if @append
+      %span.input-group-text.px-1= @append
+- else
+  = input_field
+%div.invalid_message= @form.object.errors.full_messages_for(@field).join(',')

data/lib/generators/infold/install/templates/app/components/admin/form/input_fieldset_component.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+module Admin
+  class Form::InputFieldsetComponent < ViewComponent::Base
+    def initialize(form,field,form_kind: :text_field,append:nil,prepend:nil,datepicker:false,required:false,placeholder:nil,rows:nil,autocomplete:'off',label:true,size_sm:false)
+      @form = form
+      @field = field
+      @append = append
+      @prepend = prepend
+      @form_kind = form_kind
+      @datepicker = datepicker
+      @required = required
+      @placeholder = placeholder || (datepicker ? '0000/00/00' : nil)
+      @rows = rows
+      @autocomplete = autocomplete
+      @label = label
+      @size_sm = size_sm
+    end
+
+    def input_field
+      helpers.admin_input_field_tag(@form, @field, form_kind: @form_kind, datepicker: @datepicker, placeholder: @placeholder, rows: @rows, autocomplete: @autocomplete, size_sm: @size_sm)
+    end
+  end
+end

data/lib/generators/infold/install/templates/app/components/admin/form/radio_fieldset_component.html.haml

@@ -0,0 +1,11 @@
+- if @label
+  .d-flex
+    = @form.label @field, class: 'form-label fw-bold'
+    = helpers.admin_required_badge(@required)
+%div
+  - @list.each do |name,key|
+    %label.form-check.form-check-inline
+      = @form.radio_button(@field, key, class: "form-check-input #{helpers.admin_field_invalid?(@form,@field)}",
+        checked: key.to_s == (@checked_value || @form.object.send(@field).to_s))
+      %span.form-check-label= name
+%div.invalid_message= @form.object.errors.full_messages_for(@field).join(',')

data/lib/generators/infold/install/templates/app/components/admin/form/radio_fieldset_component.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Admin
+  class Form::RadioFieldsetComponent < ViewComponent::Base
+    def initialize(form, field, list, checked_value=nil,required:false,label:true)
+      @form = form
+      @field = field
+      @list = list
+      @checked_value = checked_value
+      @required = required
+      @label = label
+    end
+
+  end
+end

data/lib/generators/infold/install/templates/app/components/admin/form/relation_fieldset_component.html.haml

@@ -0,0 +1,17 @@
+%div{ data: { controller: 'relation-search' } }
+  - if @label
+    .d-flex
+      = @form.label @id_field, class: 'form-label fw-bold'
+      = helpers.admin_required_badge(@required)
+  %div
+    = @form.hidden_field @id_field, data: { relation_search_target: 'selectedId' }
+    .input-group{ class: "#{'input-group-sm' if @size_sm}" }
+      %input.form-control{ type: 'text', disabled: true, value: @form.object.send(@name_field),
+        class: "#{helpers.admin_field_invalid?(@form,@id_field) || helpers.admin_field_invalid?(@form,@relation_field)}", data: { relation_search_target: 'selectedName' } }
+      = link_to search_path, class: "btn btn-info px-1", data: { turbo_frame: @turbo_frame_id } do
+        %i.bi.bi-search
+      %a.btn.btn-secondary.px-1{ href: '#', data: { action: "relation-search#relationClear" } }
+        %i.bi-x-lg
+  %div.invalid_message= @form.object.errors.full_messages_for(@id_field).join(',')
+  %div.invalid_message= @form.object.errors.full_messages_for(@relation_field).join(',')
+  = helpers.turbo_frame_tag @turbo_frame_id, target: "_top"