休会に分報チャンネルの注意書きを追加

fjordllc · Sep 12, 2022 · eb48cfa · eb48cfa
1 parent b924be4
commit eb48cfa
Show file tree

Hide file tree

Showing 8 changed files with 77 additions and 42 deletions.
diff --git a/app/assets/stylesheets/application/blocks/auth-form/_auth-form.sass b/app/assets/stylesheets/application/blocks/auth-form/_auth-form.sass
@@ -17,6 +17,8 @@
     +margin(horizontal, 1rem)
   &.is-sign-up
     width: 34rem
+  .page-header + &
+    margin-top: 1.5rem
 
 .auth-form__header
   border-bottom: solid 1px $border-tint

diff --git a/app/assets/stylesheets/application/blocks/form/_form-link-block.sass b/app/assets/stylesheets/application/blocks/form/_form-link-block.sass
@@ -0,0 +1,4 @@
+.form-link-block__link
+  +text-block(.875rem 1.4, block)
+  overflow: hidden
+  text-overflow: ellipsis
diff --git a/app/assets/stylesheets/atoms/_a-short-text.sass b/app/assets/stylesheets/atoms/_a-short-text.sass
@@ -11,3 +11,5 @@
     +margin(vertical, 1.25em)
   &.is-ta-center
     text-align: center
+  &.is-sm
+    font-size: .8125rem
diff --git a/app/views/hibernation/_message.html.slim b/app/views/hibernation/_message.html.slim
@@ -0,0 +1,30 @@
+.important-message
+  header.important-message__header
+    h2.important-message__title
+      | 休会についての注意
+  .important-message__body
+    .a-long-text.is-sm
+      p
+        | 仕事の都合や家庭の事情などで長期間フィヨルドブートキャンプを利用できない場合に
+        | 休会をすることができます。
+      p
+        | 休会をすることで利用料金の引き落としは停止されますが、
+        | その期間フィヨルドブートキャンプを利用することができなくなります。
+      p
+        | 休会したまま復帰せずに<strong class='a-text is-danger'>３ヶ月</strong>が経過すると自動的に退会となります。
+        | 今休会を行い復帰を行わなかった場合は、３ヶ月後の「#{l(Time.current.since(3.months), format: :long)}」の
+        | 休会処理が完了した時間に退会処理が行われます。
+      p
+        | 退会をするとこれまでの日報や提出物、分報チャンネルなどのデータが削除されてしまいます。
+        | 念のため、休会期限に余裕を持ったタイミング（期限の１日前くらいまで）で復帰をするようお願いします。
+      p
+        | 休会期間中、分報チャンネルが削除されないようにする場合は必ず
+        = link_to edit_current_user_path(anchor: 'times-url') do
+          | こちら
+        | のページの「分報 URL」欄に分報チャンネルの URL を登録してください。
+      p
+        | 休会と復帰は<strong class='a-text is-danger'>３回まで</strong>行うことができます。
+      p
+        | 休会から復帰する場合は #{link_to '休会からの復帰ページ', new_comeback_path} からお手続きをしてください。
+        br
+        | 休会からの復帰ページのリンクは、<strong class='a-text is-danger'>トップページのフッター</strong>にあります。
diff --git a/app/views/hibernation/new.html.slim b/app/views/hibernation/new.html.slim
@@ -13,31 +13,7 @@ header.page-header
     header.auth-form__header
       h1.auth-form__title 休会手続き
     .auth-form__body
-      .important-message
-        header.important-message__header
-          h2.important-message__title
-            | 休会についての注意
-        .important-message__body
-          .a-long-text.is-sm
-            p
-              | 仕事の都合や家庭の事情などで長期間フィヨルドブートキャンプを利用できない場合に
-              | 休会をすることができます。
-            p
-              | 休会をすることで利用料金の引き落としは停止されますが、
-              | その期間フィヨルドブートキャンプを利用することができなくなります。
-            p
-              | 休会したまま復帰せずに<strong class='a-text is-danger'>３ヶ月</strong>が経過すると自動的に退会となります。
-              | 今休会を行い復帰を行わなかった場合は、３ヶ月後の「#{l(Time.current.since(3.months), format: :long)}」の
-              | 休会処理が完了した時間に退会処理が行われます。
-            p
-              | 退会をするとこれまでの日報や提出物、分報チャンネルなどのデータが削除されてしまいます。
-              | 念のため、休会期限に余裕を持ったタイミング（期限の１日前くらいまで）で復帰をするようお願いします。
-            p
-              | 休会と復帰は<strong class='a-text is-danger'>３回まで</strong>行うことができます。
-            p
-              | 休会から復帰する場合は #{link_to '休会からの復帰ページ', new_comeback_path} からお手続きをしてください。
-              br
-              | 休会からの復帰ページのリンクは、<strong class='a-text is-danger'>トップページのフッター</strong>にあります。
+      = render 'message'
       = form_with model: @hibernation,
         url: hibernation_path,
         local: true,
@@ -65,23 +41,44 @@ header.page-header
               p
                 | 休会期間は最長3ヶ月です（#{l(Time.current.since(3.months), format: :year_and_date)}まで）。
                 | 明確な日を指定できない場合は、大体の年月日の入力をお願いします。
-          //
-            分報チャンネル名の項目を実装したら表示する
-            .form-item
-              label.a-form-label
-                | 分報チャンネル名
-              input.a-text-input(type='text' placeholder='📝 machida のつぶやき')
-              .a-form-help
-                p
-                  | 休会の期間、分報チャンネルが削除されないようにします。
-                  | 分報をお持ちの場合はチャンネル名を入力してください。
-                  | 事情により分報チャンネルが消えてしまう場合がありますことをご了承ください。
           .form-item
             = f.label :reason, '休会の理由を教えてください',
               class: 'a-form-label is-required'
             = f.text_area :reason,
               placeholder: '仕事がXX月まで繁忙期で残業と休日出勤が続き、学習の時間を確保できなくなるため。',
               class: 'a-text-input is-sm'
+
+          - if current_user.times_url?
+            .form-item
+              label.a-form-label
+                | 分報チャンネル URL
+              .form-link-block
+                = link_to current_user.times_url, class: 'form-link-block__link a-text-link' do
+                  = current_user.times_url
+              .a-form-help
+                p
+                  | 休会の期間、分報チャンネルが削除されないようにします。
+                  | 事情により分報チャンネルが消えてしまう場合がありますことをご了承ください。
+                p
+                  | 念のため、登録している分報チャンネルの URL が正しいものかご確認をお願いします。
+                  | もし、分報チャンネルの URL に誤りがあった場合は、
+                  = link_to edit_current_user_path(anchor: 'times-url') do
+                    | こちら
+                  | のページの「分報 URL」欄に正しい分報チャンネルの URL を登録してください。
+          - else
+            .form-item
+              label.a-form-label
+                | 分報チャンネル
+              .important-message
+                .important-message__body
+                  .a-short-text.is-sm
+                    p
+                      | 分報チャンネルが登録されていません。
+                      | 休会期間中、分報チャンネルが削除されないようにする場合は
+                      = link_to edit_current_user_path(anchor: 'times-url') do
+                        | こちら
+                      | のページの「分報 URL」欄に分報チャンネルの URL を登録してください。
+
         .form-actions
           ul.form-actions__items
             li.form-actions__item.is-main

diff --git a/app/views/users/form/_sns.html.slim b/app/views/users/form/_sns.html.slim
@@ -10,7 +10,7 @@
           | こちら
         span.a-help
           i.fa-solid.fa-question
-.form-item
+.form-item#times-url
   = f.label :times_url, class: 'a-form-label'
   = f.text_field :times_url, class: 'a-text-input', placeholder: 'https://discord.com/channels/715806612824260640/123456789012345678'
   .a-form-help
@@ -67,13 +67,13 @@
       p
         = image_tag('help/discord-account.jpg', alt: 'Discord のアカウントの調べ方')
 
-= render '/shared/modal', id: 'modal-times-url', modal_title: '分報チャンネルの URL の調べ方'
+= render '/shared/modal', id: 'modal-times-url', modal_title: '分報チャンネル URL の調べ方'
   .modal__description.is-md
     .a-short-text
       p
         | ブラウザで
-        a(href='https://discord.com/channels/715806612824260640' target='_blank' rel='noopener noreferrer')
-          | フィヨルドブートキャンプの Discord
+        = link_to 'https://discord.com/channels/715806612824260640', target: '_blank', rel: 'noopener noreferrer' do
+          | フィヨルドブートキャンプの Discord サーバー
         | を開き、自分の分報チャンネルを選択します（command + k でチャンネルを検索できます）。
       p
         | 自分の分報チャンネルが開かれた状態で、ブラウザのアドレスバーに表示されている URL をコピーしてください。

diff --git a/config/locales/ja.yml b/config/locales/ja.yml
@@ -55,7 +55,7 @@ ja:
         blog_url: ブログURL
         github_account: GitHubアカウント
         discord_account: Discordアカウント
-        times_url: 分報URL
+        times_url: 分報チャンネル URL
         password: パスワード
         password_confirmation: パスワード（確認）
         current_password: 現在のパスワード

diff --git a/test/system/current_user_test.rb b/test/system/current_user_test.rb
@@ -53,7 +53,7 @@ class CurrentUserTest < ApplicationSystemTestCase
     visit_with_auth '/current_user/edit', 'komagata'
     fill_in 'user[times_url]', with: 'https://example.com/channels/1234/5678/'
     click_button '更新する'
-    assert_text '分報URLはDiscordのチャンネルURLを入力してください'
+    assert_text '分報チャンネル URL は Discord のチャンネル URL を入力してください'
   end
 
   test 'Do not show after graduation hope when advisor' do