infold 0.1.0

data/lib/generators/infold/install/templates/app/views/admin/admin_users/registrations/edit.html.haml

@@ -0,0 +1,15 @@
+.page{ style: 'padding-top: 5rem' }
+  .container-tight
+    = form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |form|
+      .card
+        .card-header
+          %h3.mb-0.text-center Edit my account
+        .card-body{ data: {controller: "modal-form" } }
+          .row.gy-3
+            .col-12
+              = render Admin::Form::InputFieldsetComponent.new(form, :email, required: true, form_kind: :email_field)
+            .col-12
+              = render Admin::Form::InputFieldsetComponent.new(form, :password, placeholder: 'Enter only when changing password',
+                form_kind: :password_field, autocomplete: 'new-password')
+        .card-footer.text-end
+          = form.submit t('infold.operation.update'), class: 'btn btn-primary'

data/lib/generators/infold/install/templates/app/views/admin/admin_users/sessions/new.html.haml

@@ -0,0 +1,19 @@
+.page{ style: 'padding-top: 5rem' }
+  .container-tight
+    = form_for(resource, as: resource_name, url: session_path(resource_name), html: { class: 'card card-md' }) do |form|
+      .card-body
+        .card-title.text-center.mb-4
+          %h1 Infold Admin
+        .mb-3
+          = form.label :email, 'Email', class: 'form-label'
+          = admin_input_field_tag(form, :email, form_kind: :email_field)
+        .mb-2
+          = form.label :password, 'Password', class: 'form-label'
+          = admin_input_field_tag(form, :password, form_kind: :password_field)
+        .mb-2
+          %label.form-check
+            = form.check_box :remember_me, class: 'form-check-input'
+            %span.form-check-label Remember Me
+        .form-footer
+          = form.submit 'Login', class: 'btn btn-primary w-100'
+

data/lib/generators/infold/install/templates/app/views/admin/admin_users/show.html+turbo_frame.haml

@@ -0,0 +1,11 @@
+= turbo_frame_tag(admin_optional_window? ? "modal_optional" : "modal_main") do
+  = render Admin::RemoteModalComponent.new(optional_window: admin_optional_window?) do |modal|
+    = modal.with :title do
+      = "User / ##{@user.id}"
+    = modal.with :body do
+      .modal-body
+        = render 'detail', user: @user
+    - unless admin_optional_window?
+      = modal.with :footer do
+        .modal-footer
+          = render 'show_operation', user: @user

data/lib/generators/infold/install/templates/app/views/admin/admin_users/show.html.haml

@@ -0,0 +1,8 @@
+%nav.navbar.navbar-light
+  .container-fluid
+    = "User / ##{@user.id}"
+    .ms-auto
+      = render 'show_operation', user: @user
+.page-wrapper.show_page.pt-3
+  .container-fluid
+    = render 'detail', user: @user

data/lib/generators/infold/install/templates/app/views/admin/common/_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/lib/generators/infold/install/templates/app/views/admin/errors/bad_request.html.haml

@@ -0,0 +1,11 @@
+.my-5
+  .container
+    .row.justify-content-center
+      .col-lg-5
+        .card
+          .card-body.p-4
+            .text-center
+              %h1.text-error 400
+              %h4.text-danger Bad Request
+              %p.text-muted.mt-3 不正な要求のため処理できません
+              = link_to 'トップへ戻る', root_path, class: 'btn btn-info mt-3'

data/lib/generators/infold/install/templates/app/views/admin/errors/forbidden.html.haml

@@ -0,0 +1,11 @@
+.my-5
+  .container
+    .row.justify-content-center
+      .col-lg-5
+        .card
+          .card-body.p-4
+            .text-center
+              %h1.text-error 403
+              %h4.text-danger Forbidden
+              %p.text-muted.mt-3 指定されたページを閲覧する権限がありません
+              = link_to 'トップへ戻る', root_path, class: 'btn btn-info mt-3'

data/lib/generators/infold/install/templates/app/views/admin/errors/internal_server_error.html.haml

@@ -0,0 +1,11 @@
+.my-5
+  .container
+    .row.justify-content-center
+      .col-lg-5
+        .card
+          .card-body.p-4
+            .text-center
+              %h1.text-error 500
+              %h4.text-danger Internal Server Error
+              %p.text-muted.mt-3 システムエラーが発生しました。<br>管理者にご連絡ください。
+              = link_to 'トップへ戻る', root_path, class: 'btn btn-info mt-3'

data/lib/generators/infold/install/templates/app/views/admin/errors/not_found.html.haml

@@ -0,0 +1,11 @@
+.my-5
+  .container
+    .row.justify-content-center
+      .col-lg-5
+        .card
+          .card-body.p-4
+            .text-center
+              %h1.text-error 404
+              %h4.text-danger Not Found
+              %p.text-muted.mt-3 お探しのページは見つかりませんでした
+              = link_to 'トップへ戻る', root_path, class: 'btn btn-info mt-3'

data/lib/generators/infold/install/templates/app/views/admin/kaminari/_first_page.html.haml

@@ -0,0 +1,2 @@
+%li.page-item
+  = link_to_unless current_page.first?, '«', url, remote: remote, class: 'page-link'

data/lib/generators/infold/install/templates/app/views/admin/kaminari/_gap.html.haml

@@ -0,0 +1,2 @@
+%li.page-item.disabled
+  = link_to '…', '#', class: 'page-link'

data/lib/generators/infold/install/templates/app/views/admin/kaminari/_last_page.html.haml

@@ -0,0 +1,2 @@
+%li.page-item
+  = link_to_unless current_page.last?, '»', url, remote: remote, class: 'page-link'

data/lib/generators/infold/install/templates/app/views/admin/kaminari/_next_page.html.haml

@@ -0,0 +1,2 @@
+%li.page-item
+  = link_to_unless current_page.last?, '›', url, rel: 'next', remote: remote, class: 'page-link'

data/lib/generators/infold/install/templates/app/views/admin/kaminari/_page.html.haml

@@ -0,0 +1,6 @@
+- if page.current?
+  %li.page-item.mx-1.active
+    = content_tag :a, page, data: { remote: remote }, rel: page.rel, class: 'page-link'
+- else
+  %li.page-item.mx-1
+    = link_to page, url, remote: remote, rel: page.rel, class: 'page-link'

data/lib/generators/infold/install/templates/app/views/admin/kaminari/_paginator.html.haml

@@ -0,0 +1,12 @@
+= paginator.render do
+  %nav
+    %ul.pagination.mb-0
+      = first_page_tag unless current_page.first?
+      = prev_page_tag unless current_page.first?
+      - each_page do |page|
+        - if page.left_outer? || page.right_outer? || page.inside_window?
+          = page_tag page
+        - elsif !page.was_truncated?
+          = gap_tag
+      = next_page_tag unless current_page.last?
+      = last_page_tag unless current_page.last?

data/lib/generators/infold/install/templates/app/views/admin/kaminari/_prev_page.html.haml

@@ -0,0 +1,2 @@
+%li.page-item
+  = link_to_unless current_page.first?, '‹', url, rel: 'prev', remote: remote, class: 'page-link'

data/lib/generators/infold/install/templates/app/views/layouts/admin.haml.tt

@@ -0,0 +1,49 @@
+!!!
+%html{lang: "ja"}
+  %head
+    %title= @page_title.present? ? "#{@page_title} - infold Admin" : 'infold Admin'
+    %meta{:content => "ja", "http-equiv" => "content-language"}/
+    %meta{:content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
+    %meta{:content => "width=device-width,initial-scale=1", :name => "viewport"}/
+    %meta{:content => "no-cache", :name => "turbo-cache-control"}/
+    = csrf_meta_tags
+    = csp_meta_tag
+    %link{:href => "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css", :rel => "stylesheet"}/
+    %link{:href => "https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css", :rel => "stylesheet"}/
+    %link{:href => "https://npmcdn.com/flatpickr/dist/themes/dark.css", :rel => "stylesheet", :type => "text/css"}/
+    %script{:src => "https://cdn.jsdelivr.net/npm/flatpickr"}
+    %script{:src => "https://npmcdn.com/flatpickr/dist/l10n/ja.js"}
+  <%- if @js_build_kind == :webpacker -%>
+    = stylesheet_pack_tag "admin", "data-turbo-track": "reload"
+    = javascript_pack_tag "admin", "data-turbo-track": "reload", defer: true
+  <%- else -%>
+    = stylesheet_link_tag "admin", "data-turbo-track": "reload"
+    = javascript_include_tag "admin", "data-turbo-track": "reload", defer: true
+  <%- end -%>
+  %body{:class => "#{'border-top-wide border-primary' unless admin_user_signed_in?}"}
+    .page
+      - if admin_user_signed_in?
+        %header.navbar.navbar-expand-md.navbar-dark
+          .container-fluid
+            %a.navbar-brand.pe-0.pe-md-3{ href: '/admin' } Infold Admin
+            %button.navbar-toggler{"data-bs-target" => "#navbar-menu", "data-bs-toggle" => "collapse", :type => "button"}
+              %span.navbar-toggler-icon
+            #navbar-menu.collapse.navbar-collapse
+              = render 'admin/common/header_menu'
+              %ul.navbar-nav.ms-auto.mb-2.mb-lg-0
+                %li.nav-item
+                  = link_to 'Users', admin_admin_users_path, class: 'nav-link'
+                %li.nav-item.dropdown
+                  %a.nav-link.dropdown-toggle#header_current_user{ role: :button, data: { bs_toggle: :dropdown } }
+                    = current_admin_user.email
+                  %ul.dropdown-menu.dropdown-menu-end.dropdown-menu-arrow{ 'aria-labelledby' => 'header_current_user' }
+                    %li
+                      = link_to 'Edit account', edit_admin_user_registration_path, class: 'dropdown-item'
+                    %li.dropdown-divider
+                    %li
+                      = button_to 'Logout', destroy_admin_user_session_path, class: 'dropdown-item', method: :delete
+      = yield
+    = turbo_frame_tag "modal_main", target: "_top"
+    = turbo_frame_tag "modal_optional", target: "_top"
+    #flashes
+      = render 'admin/common/flash'

data/lib/generators/infold/install/templates/config/locales/infold.en.yml

@@ -0,0 +1,28 @@
+---
+en:
+  infold:
+    operation:
+      create: Create
+      edit: Edit
+      update: Update
+      delete: Delete
+      submit: Submit
+      cancel: Cancel
+      clear: Clear
+      new: Create New
+      add: Add
+      search: Search
+      setting: Setting
+      output_csv: Output CSV
+      confirm: "Are you sure you want to %{submit} it?"
+    flash:
+      created: Successfully created
+      updated: Successfully updated
+      destroyed: Successfully destroyed
+      invalid: Cannot save record
+      invalid_destroy: Cannot delete record
+      build_completed: Build completed
+      db_synced: DB sync is complete
+    badge:
+      required: Required
+    no_data: There is no data

data/lib/generators/infold/install/templates/config/locales/infold.ja.yml

@@ -0,0 +1,28 @@
+---
+ja:
+  infold:
+    operation:
+      create: 登録
+      edit: 編集
+      update: 更新
+      delete: 削除
+      submit: 登録
+      cancel: キャンセル
+      clear: クリア
+      new: 新規作成
+      add: 追加
+      search: 検索
+      setting: 設定
+      output_csv: CSV出力
+      confirm: "%{submit}してよろしいでしょうか？"
+    flash:
+      created: 登録しました
+      updated: 更新しました
+      destroyed: 削除しました
+      invalid: 入力内容をご確認ください
+      invalid_destroy: 削除できません
+      build_completed: ビルドが完了しました
+      db_synced: DBの同期が完了しました
+    badge:
+      required: 必須
+    no_data: データがありません

data/lib/generators/infold/install/templates/config/routes/admin.rb

@@ -0,0 +1,13 @@
+devise_for :admin_users, skip: :all
+devise_scope :admin_user do
+  get 'admin/login' => 'admin/admin_users/sessions#new', as: :new_admin_user_session
+  post 'admin/login' => 'admin/admin_users/sessions#create', as: :admin_user_session
+  delete 'admin/logout' => 'admin/admin_users/sessions#destroy', as: :destroy_admin_user_session
+  get 'admin_users/edit' => 'admin/admin_users/registrations#edit', as: :edit_admin_user_registration
+  put 'admin_users' => 'admin/admin_users/registrations#update', as: :admin_user_registration
+end
+
+namespace 'admin' do
+  resources :admin_users
+  devise_scope  :admin_user do root :to => 'admin_users/sessions#new', as: :unauthenticated_root end
+end

data/lib/generators/infold/install/templates/javascript/admin/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/lib/generators/infold/install/templates/javascript/admin/controllers/datepicker_controller.js

@@ -0,0 +1,8 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="datepicker"
+export default class extends Controller {
+  connect() {
+    flatpickr(this.element, { allowInput: true, locale: "ja", dateFormat: "Y/m/d" })
+  }
+}

data/lib/generators/infold/install/templates/javascript/admin/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/lib/generators/infold/install/templates/javascript/admin/controllers/index.js

@@ -0,0 +1,26 @@
+// 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 DatepickerController from "./datepicker_controller.js"
+application.register("datepicker", DatepickerController)
+
+import FlashController from "./flash_controller.js"
+application.register("flash", FlashController)
+
+import IndexPageController from "./index_page_controller.js"
+application.register("index-page", IndexPageController)
+
+import NestedFormController from "./nested_form_controller.js"
+application.register("nested-form", NestedFormController)
+
+import RelationSearchController from "./relation_search_controller.js"
+application.register("relation-search", RelationSearchController)
+
+import RemoteModalController from "./remote_modal_controller.js"
+application.register("remote-modal", RemoteModalController)
+
+import TimepickerController from "./timepicker_controller.js"
+application.register("timepicker", TimepickerController)

data/lib/generators/infold/install/templates/javascript/admin/controllers/index_page_controller.js

@@ -0,0 +1,33 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="index-page"
+export default class extends Controller {
+    static targets = [ "wrapper", "resultArea", "resultTableWrapper", "searchForm", "thead", "sortField", "sortKind" ]
+
+    connect() {
+        if (window.innerWidth > 767) {
+            document.addEventListener("turbo:load", ()=> {
+                // 画面の高さを調整
+                let main_top = this.wrapperTarget.getBoundingClientRect().top;
+                this.resultAreaTarget.style.height = `${window.innerHeight - main_top}px`
+                let table_wrapper = this.resultTableWrapperTarget;
+                if (table_wrapper !== undefined) table_wrapper.style.height = `${window.innerHeight - main_top - 100}px`
+            })
+        }
+    }
+
+    outputCsv(event) {
+        event.preventDefault()
+        let currentAction = this.searchFormTarget.action;
+        this.searchFormTarget.action = `${currentAction}.csv`
+        this.searchFormTarget.requestSubmit()
+        this.searchFormTarget.action = currentAction
+    }
+
+    sortChange(event) {
+        event.preventDefault()
+        this.sortFieldTarget.value = event.currentTarget.dataset.sortField
+        this.sortKindTarget.value = event.currentTarget.dataset.sortKind
+        this.searchFormTarget.requestSubmit()
+    }
+}

data/lib/generators/infold/install/templates/javascript/admin/controllers/nested_form_controller.js

@@ -0,0 +1,33 @@
+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"
+    }
+
+    add_association(event) {
+        event.preventDefault()
+
+        let content = this.templateTarget.innerHTML.replace(/NEW_RECORD/g, new Date().getTime())
+        this.linksTarget.insertAdjacentHTML('beforeend', content)
+    }
+
+    remove_association(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/lib/generators/infold/install/templates/javascript/admin/controllers/relation_search_controller.js

@@ -0,0 +1,21 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="relation-search"
+export default class extends Controller {
+  static targets = [ "selectedId", "selectedName" ]
+
+  connect() {
+  }
+
+  select(event) {
+    event.preventDefault()
+    this.selectedIdTarget.value = event.currentTarget.dataset.id
+    this.selectedNameTarget.value = event.currentTarget.dataset.name
+  }
+
+  relationClear(event) {
+    event.preventDefault()
+    this.selectedIdTarget.value = ''
+    this.selectedNameTarget.value = ''
+  }
+}

data/lib/generators/infold/install/templates/javascript/admin/controllers/remote_modal_controller.js

@@ -0,0 +1,37 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="remote-modal"
+export default class extends Controller {
+  connect() {
+    this.modalWindow = new bootstrap.Modal(this.element)
+    if (this.element.dataset.optionalWindow === 'true') {
+      // 既存のoptionalモーダルを閉じる
+      document.currentModals.forEach((other_modal, i) => {
+        if (other_modal.optional === 'true') other_modal.window.hide()
+      })
+    } else {
+      // 既存の全モーダルを閉じる
+      document.currentModals.forEach(other_modal => {
+        other_modal.window.hide()
+      })
+    }
+    this.modalWindow.show()
+    document.currentModals.push({ window: this.modalWindow, element: this.element, optional: this.element.dataset.optionalWindow })
+
+    this.element.addEventListener('hide.bs.modal', function (event) {
+      document.currentModals.pop()
+    })
+  }
+
+  submitEnd(e) {
+    if (e.detail.success) {
+      close()
+    }
+  }
+
+  close() {
+    this.element.parentElement.removeAttribute("src")
+    this.element.remove()
+    this.modalWindow.hide()
+  }
+}

data/lib/generators/infold/install/templates/javascript/admin/controllers/timepicker_controller.js

@@ -0,0 +1,8 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="timepicker"
+export default class extends Controller {
+  connect() {
+    flatpickr(this.element, { allowInput: true, enableTime: true, noCalendar: true, time_24hr: true })
+  }
+}