「参考書籍一覧」を非Vue化した #8055
「参考書籍一覧」を非Vue化した #8055
Conversation
|
@kurumadaisuke |
|
@ham-cap |
|
@kurumadaisuke @komagata |
app/views/books/_book.html.slim
Outdated
| a.tag-links__item-link(href="#{practice.path}") | ||
| | #{practice.title} | ||
| hr.a-border-tint | ||
| - if current_user.admin || current_user.mentor |
There was a problem hiding this comment.
app/views/books/index.html.slim
Outdated
| @@ -16,4 +16,27 @@ header.page-header | |||
| i.fas.fa-plus | |||
| | 参考書籍登録 | |||
| hr.a-border | |||
| div(data-vue="Books" data-vue-is-admin:boolean="#{current_user.admin?}" data-vue-is-mentor:boolean="#{current_user.mentor?}") | |||
| div | |||
There was a problem hiding this comment.
slimで実装するなら何もないdivは不要かと思います。
デザインも関係するのであれば @machida さんとも連絡をとってみてください。
ham-cap
force-pushed
the
chore/change-books-list-from-vue-to-html
branch
from
05c4548
to
ba126fc
Compare
|
何もないdivの削除ありがとうございますー🙏 |
app/views/books/_book.html.slim
Outdated
| ul.tag-links__items | ||
| - book.practices.each do |practice| | ||
| li.tag-links__item | ||
| a.tag-links__item-link(href="#{practice.path}") |
There was a problem hiding this comment.
railsのviewではlink_toを使う方がいいと思います。他にも同じような箇所がないか再確認してみてください。
・絞り込み機能使用時にサーバーに送信されるのはGETリクエストのみであり、authenticity_tokenがパラメータに含まれるのは不自然であるため、調査のうえ修正した。 参考：https://railsguides.jp/form_helpers.html#%E5%9F%BA%E6%9C%AC%E7%9A%84%E3%81%AA%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B
・管理者かメンターであることを確認するメソッドがconcernsにあるため、そちらを使用するように変更した。
ham-cap
force-pushed
the
chore/change-books-list-from-vue-to-html
branch
from
ba126fc
to
24dd050
Compare
|
@komagata |
app/controllers/books_controller.rb
Outdated
| @books = books | ||
| .with_attached_cover | ||
| .includes(:practices) | ||
| .order(updated_at: :desc, id: :desc) |
There was a problem hiding this comment.
| @books = books | |
| .with_attached_cover | |
| .includes(:practices) | |
| .order(updated_at: :desc, id: :desc) | |
| @books = books | |
| .with_attached_cover | |
| .includes(:practices) | |
| .order(updated_at: :desc, id: :desc) |
でよかった気がします〜
There was a problem hiding this comment.
@komagata
こちら、この位置で揃えないとRubocopのLayout/MultilineMethodCallIndentationというルールに引っかかってしまうのですが、大丈夫でしょうか？👀
There was a problem hiding this comment.
すみません、上記だとrubocopに引っかかるんですね。
下記はいかがでしょうか。
| @books = books | |
| .with_attached_cover | |
| .includes(:practices) | |
| .order(updated_at: :desc, id: :desc) | |
| @books = books.with_attached_cover | |
| .includes(:practices) | |
| .order(updated_at: :desc, id: :desc) |
There was a problem hiding this comment.
@komagata
こちらの書き方で大丈夫でした🙆
app/views/books/_book.html.slim
Outdated
| = link_to book.page_url, | ||
| target: '_blank', | ||
| rel: 'noopener', | ||
| class: 'card-books-item__cover-container' do |
There was a problem hiding this comment.
| = link_to book.page_url, | |
| target: '_blank', | |
| rel: 'noopener', | |
| class: 'card-books-item__cover-container' do | |
| = link_to book.page_url, | |
| target: '_blank', | |
| rel: 'noopener', | |
| class: 'card-books-item__cover-container' do |
で行けた気がします。
app/views/books/_book.html.slim
Outdated
| p | ||
| |#{book.description} |
There was a problem hiding this comment.
| p | |
| |#{book.description} | |
| p #{book.description} |
|
@komagata |
Issue
概要
これまでVueで実装されていた参考書籍一覧のページ（
/books）をHTMLによる実装に変更しました。変更確認方法
chore/change-books-list-from-vue-to-htmlをローカルに取り込むpractice_idとsearch_termsというパラメータが含まれるようになりました。このうち
search_termsについては絞り込みの選択肢をフリーワードで検索する機能のために必要なものとなります。たとえば、絞り込みのプルダウンの最上段にある検索窓に「sql」と入力してプラクティスの選択肢を検索したうえで、「sqlの基礎を理解する」を選択して書籍の絞り込みを行った場合のURLと画面表示は以下のようになりますので、併せてご確認いただければと思います。
Screenshot
Vueで実装された既存のページをHTML化したものなので、画面の表示そのものに変更はありません。