質問の新規作成時にメッセージをヘッダでなく更新ボタンの下に表示する #6542
Closed
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Issue
概要
・質問の作成フローにおいては画面上部のフラッシュメッセージは使用せず、「内容変更」ボタン下部(Vueコンポーネント内)にメッセージを表示するよう統一
・変数名のリファクタ
変更確認方法
bug/delete-flash-message-when-question-create-through-wip
をローカルに取り込む質問を新規作成してWIPとして保存しそのまま公開するとき
1. 質問作成ページ
/questions/new
で質問を適当に作成し、「WIP」をクリック修正前: 「質問をWIPとして保存しました。」のメッセージが画面上部に表示される
![image](https://private-user-images.githubusercontent.com/46841037/239735096-fd9c8727-b4cf-4f77-83e2-197c01eb9d02.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyMjY2NDcsIm5iZiI6MTcyMTIyNjM0NywicGF0aCI6Ii80Njg0MTAzNy8yMzk3MzUwOTYtZmQ5Yzg3MjctYjRjZi00Zjc3LTgzZTItMTk3YzAxZWI5ZDAyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE3VDE0MjU0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk3Y2ViODdjZGI1MTgxMGFiNmRlMWNlM2E4MjRkODZiMGFkNGRiMDdjOTBjYmFkMDdjNDI3NWM0NzM2MDBmNTkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.OYu5ClG3DXB3QYUmJ44qWHtjA8vogyKADGs2QsmkxQg)
修正後: 「質問をWIPとして保存しました。」のメッセージが「内容修正」ボタンの下部に表示される
![image](https://private-user-images.githubusercontent.com/46841037/239735522-a6767dc1-8161-48c0-9f06-38c7e817bf15.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyMjY2NDcsIm5iZiI6MTcyMTIyNjM0NywicGF0aCI6Ii80Njg0MTAzNy8yMzk3MzU1MjItYTY3NjdkYzEtODE2MS00OGMwLTlmMDYtMzhjN2U4MTdiZjE1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE3VDE0MjU0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRiN2NlYmQzYzRjOTY0ZGMyNjMzNzI4N2IyZDBiZWI3MTVkZDk2MjVmMDlhODQyZDQ1MWIxMGViMzc5ODY2NzQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.DSsqNPjb-maB48ODUQ9CTQx1QmEDe6__TkREL057-zI)
2. そのまま「内容修正」→「質問を公開」をクリック
修正前: 「質問を更新しました。」のメッセージが「内容修正」ボタンの下部に表示されるが、「質問をWIPとして保存しました。」のメッセージが画面上部に表示されたままとなっている
![image](https://private-user-images.githubusercontent.com/46841037/239735229-3f87596f-8454-4478-8141-3b3ee6a15fd2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyMjY2NDcsIm5iZiI6MTcyMTIyNjM0NywicGF0aCI6Ii80Njg0MTAzNy8yMzk3MzUyMjktM2Y4NzU5NmYtODQ1NC00NDc4LTgxNDEtM2IzZWU2YTE1ZmQyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE3VDE0MjU0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFlZGMwY2M3MGZjMTlhOGMxNDlmZGIyZThlOWY2NjA4NDgxZjQzOTUwZTJlZTM2ZTgxMjEzNDEwZjY4MjYwNTUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.yYN3ayWgduGWu0RFZutkuT4Cp4L5Ili5NP04dkO8Ch4)
修正後: 「質問を更新しました。」のメッセージが「内容修正」ボタンの下部に表示される
![image](https://private-user-images.githubusercontent.com/46841037/239735581-eaee407f-7a93-497a-acc6-8b30fe131a23.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyMjY2NDcsIm5iZiI6MTcyMTIyNjM0NywicGF0aCI6Ii80Njg0MTAzNy8yMzk3MzU1ODEtZWFlZTQwN2YtN2E5My00OTdhLWFjYzYtOGIzMGZlMTMxYTIzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE3VDE0MjU0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg1NzM0YjY4ZjYwYzVmODY4NWQ5OWViZTU2YjJmYTQ3YTViZTNjMTBkOTE5YTQ3MzRjYzU3NDVlM2VhZjE5YjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.o9mvkY8aKus4prazW5xEQghl8Wl8jRsB9gxjRrBN3KY)
質問を新規作成してそのまま公開するとき
質問作成ページ
/questions/new
で質問を適当に作成し、「登録する」をクリック修正前: 「質問を作成しました。」のメッセージが画面上部に表示される
![image](https://private-user-images.githubusercontent.com/46841037/239735325-936fb49b-5e9a-4160-ba96-de10111442ec.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyMjY2NDcsIm5iZiI6MTcyMTIyNjM0NywicGF0aCI6Ii80Njg0MTAzNy8yMzk3MzUzMjUtOTM2ZmI0OWItNWU5YS00MTYwLWJhOTYtZGUxMDExMTQ0MmVjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE3VDE0MjU0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdiMjRkNmFkMDg4NmE0NTQ0NGYwMTJhNjdiMmRhOTZmNGU2MDY2YjZiNmZjNzZmYmRkMDhiODUzYTkyNmU1MzEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.tDD88dIiVPNvIiAjkFGydcyZh0rYddW1er1QqAwOFFw)
![image](https://private-user-images.githubusercontent.com/46841037/239735765-d6f8d1f1-5842-4b84-8055-40713585869f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyMjY2NDcsIm5iZiI6MTcyMTIyNjM0NywicGF0aCI6Ii80Njg0MTAzNy8yMzk3MzU3NjUtZDZmOGQxZjEtNTg0Mi00Yjg0LTgwNTUtNDA3MTM1ODU4NjlmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE3VDE0MjU0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU3ZjQyZmNmMmNjMzcwZGI3ZGFlNGNlOGFkMzkzNDQ0NzZlNmI0Njg5Yjc2MGE4YmIwNTQ0MjQxNDVlYTQ4N2YmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.0n2QRc8PUCU_ZasQIwZ1rC6TzxwEmqeyVS4cfyXn46Y)
修正後: 「質問を作成しました。」のメッセージが「内容修正」ボタンの下部に表示される
Screenshot
変更前
変更後