[フォトアルバム] 任意の並び順で表示できるようにしました

[gakigaki]

概要

• 表示設定に「カスタム順」を追加し、フォルダや写真を好みの順序で表示できるようにしました。
• 表示設定画面に並び順のプレビュー欄を新設し、実際の並び順を確認しながら、順序を変更できるようにしました。

仕様

• 表示設定の「アルバム並び順」「写真並び順」で「カスタム順」を選ぶと、その対象が編集可能になります。
• プレビュー欄に現在の並び順が表示され、カスタム順が有効な場合は背景色が変わり「カスタム順操作可」バッジが付きます。
• 各フォルダ／写真の右側に上下ボタンが現れ、押下すると対象カードが自動で該当位置にスクロールし、淡いハイライトが表示されます。
• 写真と動画はサムネイル付きで表示されるため、どのコンテンツを動かしているかが分かりやすくなっています。
• カスタム順以外の並び順を選んだ場合は、プレビューは参照専用になり、上下ボタンは表示されません。

変更点

• photoalbum_contents に display_sequence カラムを追加し、任意順を保持できるようにしました。
• 並び順取得ロジックをコントローラ側へ共通化し、プレビューと上下ボタンが同じ並び順で動作するようにしました。
• プレビュー行にアンカーとハイライトを付け、並び替え後も同じ位置に戻りやすいようにしました。
• Sass を resources/sass/plugins/_photoalbum.scss に切り出し、Bootstrap テーマ変数を使ったスタイルで構築しました。

確認観点

• フォルダ／写真のどちらかを任意順にした際、表示順が上下ボタンで入れ替えられる。
• 任意順でない場合はボタンが表示されず、一般利用者向けの表示順と一致している。
• 上下ボタン押下後に対象行へスクロール＆ハイライトが適切に行われる。

DB変更の有無

• あり（photoalbum_contents.display_sequence カラム追加）

チェックリスト

• プルリクエストにわかりやすいタイトルとラベルを付けました。https://github.com/opensource-workshop/connect-cms/wiki/Pull-requests-Rule