Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FormSelectorFilterable.vueを作成 #4244

Merged
merged 32 commits into from
Apr 7, 2024
Merged

Conversation

reiroop
Copy link
Contributor

@reiroop reiroop commented Mar 15, 2024

No description provided.

Copy link

Copy link

codecov bot commented Mar 15, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 86.36%. Comparing base (df57a86) to head (08d37af).
Report is 9 commits behind head on master.

❗ Current head 08d37af differs from pull request most recent head a56db2b. Consider uploading reports for the commit a56db2b to get more accurate results

Additional details and impacted files
@@           Coverage Diff           @@
##           master    #4244   +/-   ##
=======================================
  Coverage   86.36%   86.36%           
=======================================
  Files          66       66           
  Lines        4722     4722           
  Branches      565      565           
=======================================
  Hits         4078     4078           
  Misses        638      638           
  Partials        6        6           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

起動時チャンネル設定とホームチャンネル設定で有効化
@reiroop reiroop requested review from nokhnaton and mehm8128 March 15, 2024 04:26
Copy link
Contributor

@mehm8128 mehm8128 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

#2261 の対応ってことで合ってますか?
合ってたらissue紐づけておいてほしいです

src/components/UI/FormSelector.vue Outdated Show resolved Hide resolved
src/components/UI/FormSelector.vue Outdated Show resolved Hide resolved
src/components/UI/FormSelector.vue Outdated Show resolved Hide resolved
src/components/UI/FormSelector.vue Outdated Show resolved Hide resolved
src/components/UI/FormSelector.vue Outdated Show resolved Hide resolved
src/components/UI/FormSelector.vue Outdated Show resolved Hide resolved
src/components/UI/FormSelector.vue Outdated Show resolved Hide resolved
@reiroop reiroop linked an issue Mar 15, 2024 that may be closed by this pull request
reiroop added 2 commits March 15, 2024 15:18
type Optionを作成
検索結果0のときの表示を作成
cssを仮作成
Copy link
Contributor

@mehm8128 mehm8128 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

get startedって読みましたか?
今回はexisting projectなので多分ここらへんを読むことになります
https://vuetifyjs.com/en/getting-started/installation/#existing-projects

が、vuetifyって基本的に他のコンポーネントもこれに依存させて使うことが前提っぽいので、今回使うには向いてない気がします(vue詳しくないので分からないですが)

@reiroop
Copy link
Contributor Author

reiroop commented Mar 26, 2024

Todo

  • 初期値を現在の選択値にする
  • 色を調整する
  • 表示数を減らしてスクロールできるようにする

@reiroop reiroop changed the title FormSelector.vueに検索機能を追加 FormSelectorFilterable.vueを作成 Mar 29, 2024
@reiroop reiroop self-assigned this Apr 5, 2024
@reiroop
Copy link
Contributor Author

reiroop commented Apr 5, 2024

忘れてた

検索が重い

詳細はもう1個のPRで書きますが、アーカイブチャンネル表示しないでよさそうな気がしてきてるので、それやったらちょっとは軽くなりそうなのと、それでも気になるならthrottle-debounceというライブラリが入っているので、debounceで間引きするといいかもです

いろいろ考えたんですけどあんまり体験がよくならなかったのでこのままでいきます。アーカイブチャンネルを削って軽くなることを期待したいですが、それでも重ければuseChannelFilterを使ってChannelSelector.vueとか作ってもいいかもなーって感じです。

@reiroop
Copy link
Contributor Author

reiroop commented Apr 7, 2024

僕としてはこれで一旦完成としてマージしちゃいたいので、よければapproveお願いします🙇‍♂️

@mehm8128
Copy link
Contributor

mehm8128 commented Apr 7, 2024

あれ、前にレビューしたところいくつか見逃してそうなので確認してほしいです👀

@reiroop
Copy link
Contributor Author

reiroop commented Apr 7, 2024

あれ、ごめんなさい、コメントがついてるものは一通り対応したつもりでいました。

↓に関してはこちらでは被らずに見えているので、環境の差異かアップデートができてないかかなーって思います。アップデートを確認して、だめそうな場合は環境を聞きたいです。
他で見逃していそうなものがあれば教えてくださると助かります。

image ちょっとだけドロップダウンが被っちゃってるのが気になったのですがこれって直せそうですか?

@mehm8128
Copy link
Contributor

mehm8128 commented Apr 7, 2024

今新しく1つつけたのと、↓をお願いします
#4244 (comment)

@mehm8128
Copy link
Contributor

mehm8128 commented Apr 7, 2024

あと修正終わったら毎回review requestを投げ直してほしいです(修正が続いてるのか完了してるのか分からないので)

@reiroop
Copy link
Contributor Author

reiroop commented Apr 7, 2024

あと修正終わったら毎回review requestを投げ直してほしいです(修正が続いてるのか完了してるのか分からないので)

ごめんなさい!これ知らなかったです、ご迷惑をおかけしました

@reiroop reiroop requested a review from mehm8128 April 7, 2024 06:50
src/components/UI/FormSelectorFilterable.vue Outdated Show resolved Hide resolved
Comment on lines 59 to 62
@include background-secondary;
&[background='primary'] {
@include background-primary;
}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

デフォルトがsecondaryで条件分岐でprimaryを当ててるのちょっと不自然なので、逆にした方がいいかもです
他のところも同様

 @include background-primary;
  &[background='secondary'] {
    @include background-secondary;
  }

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

FormSelector.vueもそうなんですけど、primaryの上に置くことが多いのでデフォがsecondaryになってるんだと思います。なのでデフォはsecondaryにするのが自然かなーって思ってるんですけど、どうしましょう?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

確かにそうかもです
このままで大丈夫そうです👍

src/components/UI/FormSelectorFilterable.vue Show resolved Hide resolved
@reiroop
Copy link
Contributor Author

reiroop commented Apr 7, 2024

このコメントってもしかして見えてなかったりしますか?

多分見えてると思います! #4244 (comment) ですよね、そっちのほうで返信してるのでなんか変なこと言ってたら教えてください

@mehm8128
Copy link
Contributor

mehm8128 commented Apr 7, 2024

このコメントってもしかして見えてなかったりしますか?

多分見えてると思います! #4244 (comment) ですよね、そっちのほうで返信してるのでなんか変なこと言ってたら教えてください

あれ、逆にその返信が見えてないかもです:thonk_sweat:

@reiroop
Copy link
Contributor Author

reiroop commented Apr 7, 2024

これかもです?
https://qiita.com/Ryo-0131/items/29080f242256ab3f1375

@mehm8128
Copy link
Contributor

mehm8128 commented Apr 7, 2024

返信したつもりのコメントに「Pending」バッジがついてたら返信できてないので、記事に従って送信してみてほしいです
もしくは、返信したつもりの内容をコピペして「Add Single Comment」押せば送信しなくても勝手に返信されるはずです(もしくはここにコピペしても大丈夫です)

@reiroop
Copy link
Contributor Author

reiroop commented Apr 7, 2024

全くわかってないんですけど、↓みたいな感じでAdd Single Commentもsubmit reviewも見つからなかったので順次コピペしていきますね
スクリーンショット 2024-04-07 16 40 15

@reiroop

This comment was marked as resolved.

@reiroop

This comment was marked as resolved.

@mehm8128
Copy link
Contributor

mehm8128 commented Apr 7, 2024

pendingになってるので、この画面からCommentボタン押してみてください(拡張機能入れてるので見た目ちょっと違うかもです)
image

@reiroop

This comment was marked as resolved.

@reiroop
Copy link
Contributor Author

reiroop commented Apr 7, 2024

できました!できてますか?

@mehm8128
Copy link
Contributor

mehm8128 commented Apr 7, 2024

見えるようになりました👍

Copy link
Contributor

@mehm8128 mehm8128 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

よさそうです、ありがとうございました!

@reiroop
Copy link
Contributor Author

reiroop commented Apr 7, 2024

了解です!長々と付き合ってくださってありがとうございました

@reiroop reiroop merged commit ea4ff8d into master Apr 7, 2024
9 checks passed
@reiroop reiroop deleted the feat/search_in_form_selector branch April 7, 2024 08:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

チャンネルのドロップダウン選択の改善
3 participants