卒業証書のPDFファイルをアップロードできる機能を追加

app/controllers/admin/users_controller.rb

@@ -28,6 +28,7 @@ def show
   def edit; end
 
   def update
+    @user.diploma_file = nil if params[:user][:remove_diploma] == '1'
     if @user.update(user_params)
       destroy_subscription(@user)
       Newspaper.publish(:retirement_create, { user: @user }) if @user.saved_change_to_retired_on?
@@ -67,7 +68,7 @@ def user_params
       :job_seeker, :github_collaborator,
       :officekey_permission, :tag_list, :training_ends_on,
       :auto_retire, :invoice_payment, :hide_mentor_profile,
-      :profile_image, :profile_name, :profile_job, :mentor,
+      :profile_image, :profile_name, :profile_job, :mentor, :diploma_file,
       :profile_text, { authored_books_attributes: %i[id title url cover _destroy] },
       :country_code, :subdivision_code, discord_profile_attributes: %i[account_name times_url times_id]
     )

app/javascript/fileinput.js

@@ -85,3 +85,17 @@ document.addEventListener('DOMContentLoaded', () => {
   }
   initializeFileInput(document)
 })
+
+document.addEventListener('DOMContentLoaded', () => {
+  const removeDiplomaButton = document.getElementById('remove-diploma-button')
+  const diplomaUploadField = document.getElementById('diploma-upload-field')
+  const diplomaFileLink = document.getElementById('diploma-file-link')
+  const removeDiplomaFlag = document.getElementById('remove-diploma-flag')
+
+  removeDiplomaButton.addEventListener('click', () => {
+    diplomaFileLink && (diplomaFileLink.style.display = 'none')
+    diplomaUploadField.style.display = 'block'
+    diplomaUploadField.value = ''
+    removeDiplomaFlag.value = '1'
+  })
+})

app/models/user.rb

@@ -173,6 +173,7 @@ class User < ApplicationRecord
 
   has_one_attached :avatar
   has_one_attached :profile_image
+  has_one_attached :diploma_file
 
   after_create UserCallbacks.new
 
@@ -207,6 +208,8 @@ class User < ApplicationRecord
                        message: 'はPNG, JPG, GIF, HEIC, HEIF形式にしてください'
                      }
 
+  validates :diploma_file, content_type: { in: ['application/pdf'], message: 'はPDF形式にしてください' }
+
   validates :country_code, inclusion: { in: ISO3166::Country.codes }, allow_blank: true
 
   validates :subdivision_code, inclusion: { in: ->(user) { user.subdivision_codes } }, allow_blank: true, if: -> { country_code.present? }

app/views/users/_form.html.slim

@@ -104,6 +104,15 @@
             .form-item-block__item
               = render 'users/form/graduate', f: f
 
+      .form-item
+        = f.hidden_field :remove_diploma, value: '0', id: 'remove-diploma-flag'
+        = f.label :diploma_file, class: 'a-form-label'
+        - if @user.diploma_file.attached?
+          = link_to @user.diploma_file.filename, url_for(@user.diploma_file), class: 'a-text-input', id: 'diploma-file-link'
+        - display = @user.diploma_file.attached? ? 'display: none' : 'display: block'
+        = f.file_field :diploma_file, class: 'a-text-input', id: 'diploma-upload-field', style: display
+        button type='button' id='remove-diploma-button' class='a-button is-md is-secondary' 削除
+
       .form-item-block
         .form-item-block__inner
           header.form-item-block__header

config/locales/ja.yml

@@ -111,6 +111,7 @@ ja:
         other_editor: その他のエディタ
         hide_mentor_profile: プロフィール非公開
         invoice_payment: 「請求書払い」
+        diploma_file: 卒業証書のアップロード
       discord_profile:
         account_name: Discord アカウント
         times_url: 分報URL