お問い合わせ一覧・個別ページを作成 #7387

a-kuroki-gs · 2024-02-15T09:08:25Z

Issue

お問い合わせ一覧、個別ページがほしい。 #7302

概要

管理ページにお問い合わせ一覧ページ・詳細ページを追加。

変更確認方法

feature/add-inquiry-index-pageをローカルに取り込む
foreman start -f Procfile.devでアプリを起動する
http://localhost:3000/inquiry/new を開いて、お問い合わせを作成・送信する
管理者でログインして、管理ページ( http://localhost:3000/admin )を開く
以下を確認する

お問い合わせのタブがあること
お問い合わせのタブをクリックすると、お問い合わせ一覧画面にお問い合わせが表示されていること
- 「名前・メールアドレス・送信年月日・本文(100字程度)」が表示される
任意のお問い合わせをクリックすると、お問い合わせ詳細画面に遷移すること
- 「名前・メールアドレス・送信年月日・本文(全文)」が表示される
任意のお問い合わせをクリックすると、お問い合わせ詳細画面に遷移すること
お問い合わせ詳細画面からお問い合わせ一覧へをクリックすると、お問い合わせ一覧画面に遷移すること

Screenshot

変更前

変更後

一覧画面

詳細画面

a-kuroki-gs · 2024-02-16T08:19:38Z

@machida
お疲れさまです🍵
こちらの実装が完了したので、デザインをお願いいたします！

machida · 2024-02-28T01:13:10Z

@a-kuroki-gs お待たせしました🙇‍♂️ デザインの調整を入れましたー

a-kuroki-gs · 2024-02-28T01:58:37Z

app/views/admin/inquiries/_inquiries_item.html.slim

+      .card-list-item__row
+        .a-meta
+          p
+            = inquiry.body.truncate(100)


@machida
デザイン入れていただき、ありがとうございます！

１点こちらのコードについて確認なのですが、
Issueでは、「一覧画面においてメール本文は200字程度表示する」仕様になっていたかと思います。
こちらデザインに合わせて仕様を修正した、という認識でよろしいでしょうか？

@a-kuroki-gs すいません、伝え忘れてました🙇‍♂️ ここは一旦100文字に変更でお願いします。思ったより200文字が多かった...

@machida
承知しました！ご連絡ありがとうございます🙏

a-kuroki-gs · 2024-02-28T07:51:53Z

@junohm410

お疲れ様です！
こちらのPRのレビューをお願いしてもよろしいでしょうか？
お時間厳しければ遠慮なくおっしゃってください🙌

ご確認よろしくお願いいたします🙏

junohm410 · 2024-02-28T12:55:00Z

わかりました〜明日から時間をとって確認させていただきます！
土日くらいにお戻しできるようにします。

junohm410

お待たせしてしまい申し訳ないです🙇‍♂️
確認方法上の動作は問題なさそうでした👍
いくつかコメントさせていただきましたので、ご確認のほどよろしくお願いいたします🙇‍♂️

junohm410 · 2024-03-03T13:05:52Z

app/views/admin/inquiries/_inquiries_item.html.slim

+            = link_to admin_inquiry_path(inquiry), class: 'card-list-item-title__link a-text-link' do
+              | #{inquiry.name} 様 （#{inquiry.email}）


Issue上のやりとりや、コミットメッセージを拝読すると、index上の個別のカード全体がクリックできるような実装にする流れだったようですが、実際はこのタイトル部分にあたる要素のみがリンクになっているように見えます。
赤枠で囲ったあたりがリンクになっている感じです。

こちらが意図なされた動きなのかが気になりました🙏

📝 こちらミーティングで確認したところ、この動きで良いとのことでした。

junohm410 · 2024-03-03T13:19:03Z

app/views/admin/inquiries/show.html.slim

+        .page-content-header__end
+          .page-content-header__row
+            h1.page-content-header__title
+              | #{@inquiry.name}（#{@inquiry.email}）


細かいのですが、indexの個別のカード方では#{inquiry.name} 様（#{inquiry.email}）になっているので、こちらもその表示に合わせてもいいのかなと思いました👀
（machidaさんが手を入れられたところだと思うので、確認の上での対応になるかもですが）

その上で、もしindexと共通の表示にする場合は、この部分はDecoratorでメソッドにして使い回すのが良いかなと思いました。

個別と一覧での表示を合わせることにしました。
またご指摘いただいたように、
その上でDecoratorを新たに作成し、テストも追加しております👍

junohm410 · 2024-03-03T13:30:02Z

test/system/admin/inquiries_test.rb

+
+  test 'show inquiry details' do
+    visit_with_auth '/admin/inquiries', 'komagata'
+    all('.card-list-item__inner')[0].click


別でコメントした「タイトル部分のみがリンクになっていること」と絡むのですが、現状のテストの場合、ここで詳細ページへのリンクを踏めていないと思います。
（パスしているのは、結果的にindex上でもアサーションできているからだと思います。）

もしタイトル部分のみをリンクにするのであれば、テストの意義の観点から、ここでクリックする要素を変更して、正しく詳細ページに遷移するようにすべきかな思います👀

以下のように、クリックできる要素でテストするよう修正しました。

bootcamp/test/system/admin/inquiries_test.rb

Line 16 in ef49450

find('.card-list-item-title', text: 'inquiry1 様（[email protected]）').click

junohm410 · 2024-03-03T13:31:47Z

test/fixtures/inquiries.yml

+inquiry1:
+  name: 'inquire1'
+  email: '[email protected]'
+  created_at: '2017-01-01 00:00:00'
+  body: 'お問い合わせのテスト1です。'
+
+inquiry2:
+  name: 'inquire2'
+  email: '[email protected]'
+  created_at: '2017-01-01 00:00:00'
+  body: 'お問い合わせのテスト2です。'


開発環境にも同じように初期データがあるといいかもと思いました👍

開発環境にもデータを追加し、inquireとなっていたスペルミスをinquiryに修正しました。

a-kuroki-gs · 2024-03-08T00:14:52Z

@junohm410
レビューありがとうございます！
ご指摘いただいた点修正しておりますので、お手すきの際にご確認よろしくお願いいたします🙏

junohm410

お疲れ様です。修正点確認いたしました！大丈夫だと思います。
最後に一点だけ、前回のご指摘させていただいた点以外で気になったことがあったのでコメントいたしました。こちらは本来、初回のレビューで気づくべきでした🙇‍♂️申し訳ないです。
ご確認のほど、何卒よろしくお願いいたします🙏

junohm410 · 2024-03-08T03:54:01Z

app/controllers/admin/inquiries_controller.rb

+  def index
+    @inquiries = Inquiry.all
+  end


Inquiry.allだと順番が保証されないので、Inquiry.order(created_at: :desc)にした方が良さそうだと思いましたがいかがでしょうか？
（updated_atでソートしている他のリソースもありますが、お問い合わせは現状更新されることはなさそうなのでcreated_atでいいと考えました。）

こちら、本来は前回のレビューで気づくべきでした🙇‍♂️申し訳ないです。

@junohm410
ありがとうございます！
確かにおっしゃる通り、allではなく順序を指定して取得すべきでした。

（updated_atでソートしている他のリソースもありますが、お問い合わせは現状更新されることはなさそうなのでcreated_atでいいと考えました。）

こちらに関しては私もcreated_atを基準にする方針で良いと思います。

気付けなかった点でしたので、ご指摘いただけて助かりました！ありがとうございます。
再度修正しておりますので確認よろしくお願いいたします👍

junohm410

お疲れ様です。ご対応ありがとうございました🙏
問題ないと思いましたので、私の方からはApproveとさせていただきます🙏

a-kuroki-gs · 2024-03-10T11:36:41Z

@junohm410
丁寧にご確認いただき、ありがとうございました🙌
新たな気づきもあり大変勉強になりました！

@komagata
お疲れ様です！
メンバーにApproveをいただいたので、レビューをお願いいたします🙏

komagata · 2024-03-19T02:33:02Z

app/decorators/inquiry_decorator.rb

+# frozen_string_literal: true
+
+module InquiryDecorator
+  def sender_name_and_email


komagata · 2024-03-19T02:33:55Z

test/decorators/inquiry_decorator_test.rb

+
+class InquiryDecoratorTest < ActiveDecoratorTestCase
+  setup do
+    @inquiry = decorate(inquiries(:inquiry1))


komagata · 2024-03-19T02:34:47Z

test/system/admin/inquiries_test.rb

+    assert_text inquiries(:inquiry1).body
+  end
+
+  test 'click on the link of back to inquiries index' do


system testはとても重い時間のかかる処理なので、リンクのテストとかはしなくて大丈夫です～。

@komagata
リンクのテストを削除しております。
ご確認よろしくお願いいたします🙏

komagata · 2024-03-24T01:23:33Z

app/controllers/admin/inquiries_controller.rb

+
+class Admin::InquiriesController < AdminController
+  def index
+    @inquiries = Inquiry.order(created_at: :desc)


orderをちゃんとしていしていて、created_atにしてるのがよいとおもいます～！

komagata · 2024-03-24T01:24:11Z

app/views/admin/inquiries/_inquiries_item.html.slim

+                span.a-meta__value
+                  = l inquiry.created_at


Suggested change

span.a-meta__value

= l inquiry.created_at

span.a-meta__value = l inquiry.created_at

短い行は１行でいいかもです。

@komagata
こちらのコミットで短い２行を１行にまとめるよう修正しました。
ご確認よろしくお願いいたします🙇‍♀️

komagata · 2024-03-24T01:24:35Z

app/views/admin/inquiries/_inquiries_item.html.slim

+          p
+            = inquiry.body.truncate(100)


Suggested change

p

= inquiry.body.truncate(100)

p = inquiry.body.truncate(100)

komagata · 2024-03-24T01:24:46Z

app/views/admin/inquiries/index.html.slim

+      h1.page-header__title
+        = title


Suggested change

h1.page-header__title

= title

h1.page-header__title = title

komagata · 2024-03-24T01:25:02Z

app/views/admin/inquiries/index.html.slim

+      h1.page-main-header__title
+        | お問い合わせ一覧


Suggested change

h1.page-main-header__title

| お問い合わせ一覧

h1.page-main-header__title お問い合わせ一覧

komagata · 2024-03-24T01:25:33Z

app/views/admin/inquiries/show.html.slim

+                    span.a-meta__label
+                      | 受信日
+                    span.a-meta__value
+                      = l @inquiry.created_at


Suggested change

span.a-meta__label

| 受信日

span.a-meta__value

= l @inquiry.created_at

span.a-meta__label 受信日

span.a-meta__value = l @inquiry.created_at

お問い合わせのタブが増えたので、その分を修正

一覧画面のViewにのみリンクを追加要素を正しくネストさせるために、共通しているコードもひとまず分割する

共通部分のファイル名は_inquiry_commonにする

decoratorのテストも追加

komagata

確認させていただきました。OKです～👌

a-kuroki-gs force-pushed the feature/add-inquiry-index-page branch from 60d29f2 to 3b29a13 Compare February 16, 2024 07:19

a-kuroki-gs self-assigned this Feb 16, 2024

a-kuroki-gs marked this pull request as ready for review February 16, 2024 08:15

a-kuroki-gs marked this pull request as draft February 16, 2024 08:19

a-kuroki-gs assigned machida Feb 16, 2024

a-kuroki-gs commented Feb 28, 2024

View reviewed changes

a-kuroki-gs mentioned this pull request Feb 28, 2024

お問い合わせ一覧、個別ページがほしい。 #7302

Closed

a-kuroki-gs marked this pull request as ready for review February 28, 2024 07:50

a-kuroki-gs requested a review from junohm410 February 28, 2024 07:51

machida mentioned this pull request Feb 28, 2024

お問い合わせがあったら管理者に通知してほしい。 #7457

Closed

junohm410 reviewed Mar 3, 2024

View reviewed changes

a-kuroki-gs force-pushed the feature/add-inquiry-index-page branch from 6c9942e to 0e32b0c Compare March 7, 2024 09:30

junohm410 reviewed Mar 8, 2024

View reviewed changes

junohm410 approved these changes Mar 10, 2024

View reviewed changes

machida removed their assignment Mar 15, 2024

machida requested a review from komagata March 15, 2024 15:26

komagata reviewed Mar 19, 2024

View reviewed changes

a-kuroki-gs force-pushed the feature/add-inquiry-index-page branch 2 times, most recently from 598cb59 to a25728e Compare March 19, 2024 04:35

komagata reviewed Mar 24, 2024

View reviewed changes

a-kuroki-gs added 4 commits March 25, 2024 11:16

ルーティングの設定

9a22c3d

空のお問い合わせページを作成

648af83

お問い合わせ一覧・個別ページを作成

1927eec

test/system/admin/home_test.rbのテストが通るよう修正

9f58b8e

お問い合わせのタブが増えたので、その分を修正

a-kuroki-gs and others added 11 commits March 25, 2024 11:16

一つのお問い合わせを表示しているエリア全体をクリックできるようにする

cb7c06e

一覧画面のViewにのみリンクを追加要素を正しくネストさせるために、共通しているコードもひとまず分割する

共通していたコードをまとめてリファクタリング

860494c

共通部分のファイル名は_inquiry_commonにする

お問い合わせのテストを追加

c39432a

お問い合わせ一覧、個別ページのデザインを整えた

0eff3cf

開発環境に初期データを追加

8e1442b

inquireをinquiryに修正

c8902af

きちんとクリックできていなかったテストを修正

ba2fb33

送信者の表記をdecoratorで定義するよう変更

a2221c2

decoratorのテストも追加

コントローラ内でお問い合わせを取得する際に、created_atの降順で並べるようにする

66e37a7

重い処理を減らすために、リンクのテストを削除

158d4ac

短い２行を１行にまとめるよう修正

056f3c7

a-kuroki-gs force-pushed the feature/add-inquiry-index-page branch from 29da23b to 056f3c7 Compare March 25, 2024 02:16

komagata approved these changes Mar 25, 2024

View reviewed changes

komagata merged commit c4187b9 into main Mar 25, 2024
2 checks passed

komagata deleted the feature/add-inquiry-index-page branch March 25, 2024 08:12

machida mentioned this pull request Nov 14, 2024

企業研修申し込み一覧、個別ページがほしい #8195

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

お問い合わせ一覧・個別ページを作成 #7387

お問い合わせ一覧・個別ページを作成 #7387

a-kuroki-gs commented Feb 15, 2024 •

edited

Loading

a-kuroki-gs commented Feb 16, 2024

machida commented Feb 28, 2024

a-kuroki-gs Feb 28, 2024

machida Feb 28, 2024

a-kuroki-gs Feb 28, 2024

a-kuroki-gs commented Feb 28, 2024

junohm410 commented Feb 28, 2024

junohm410 left a comment

junohm410 Mar 3, 2024

a-kuroki-gs Mar 8, 2024

junohm410 Mar 3, 2024 •

edited

Loading

a-kuroki-gs Mar 8, 2024

junohm410 Mar 3, 2024 •

edited

Loading

a-kuroki-gs Mar 8, 2024

junohm410 Mar 3, 2024

a-kuroki-gs Mar 8, 2024

a-kuroki-gs commented Mar 8, 2024

junohm410 left a comment

junohm410 Mar 8, 2024

a-kuroki-gs Mar 8, 2024

junohm410 left a comment

a-kuroki-gs commented Mar 10, 2024

komagata Mar 19, 2024

komagata Mar 19, 2024

komagata Mar 19, 2024

a-kuroki-gs Mar 19, 2024

komagata Mar 24, 2024

komagata Mar 24, 2024

a-kuroki-gs Mar 25, 2024 •

edited

Loading

komagata Mar 24, 2024

komagata Mar 24, 2024

komagata Mar 24, 2024

komagata Mar 24, 2024

komagata left a comment

		= link_to admin_inquiry_path(inquiry), class: 'card-list-item-title__link a-text-link' do
		\| #{inquiry.name} 様（#{inquiry.email}）

	span.a-meta__value
	= l inquiry.created_at
	span.a-meta__value = l inquiry.created_at

	h1.page-main-header__title
	\| お問い合わせ一覧
	h1.page-main-header__title お問い合わせ一覧

お問い合わせ一覧・個別ページを作成 #7387

お問い合わせ一覧・個別ページを作成 #7387

Conversation

a-kuroki-gs commented Feb 15, 2024 • edited Loading

Issue

概要

変更確認方法

Screenshot

変更前

変更後

a-kuroki-gs commented Feb 16, 2024

machida commented Feb 28, 2024

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

a-kuroki-gs commented Feb 28, 2024

junohm410 commented Feb 28, 2024

junohm410 left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

junohm410 Mar 3, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

junohm410 Mar 3, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

a-kuroki-gs commented Mar 8, 2024

junohm410 left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

junohm410 left a comment

Choose a reason for hiding this comment

a-kuroki-gs commented Mar 10, 2024

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

a-kuroki-gs Mar 25, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

komagata left a comment

Choose a reason for hiding this comment

a-kuroki-gs commented Feb 15, 2024 •

edited

Loading

junohm410 Mar 3, 2024 •

edited

Loading

junohm410 Mar 3, 2024 •

edited

Loading

a-kuroki-gs Mar 25, 2024 •

edited

Loading