jamband / admin.plusarchive.com

Admin for plusarchive.com

Hi there 👋

https://jamband.github.io/ 👀

admin.plusarchive.com's Issues

playlist/index に各プレイリストの最終更新日を追加する

プレイリストのアイテムの最終更新日から引っ張ってくる。

Use select2 instead of selectize.js

select.js is no longer maintained.

Create Feature Page

トラックのジャンル分けやプレイリストとは別に、特定の音楽に絞った特集ページを作成する

なんでそれを作るの？

• トラックが多くなると埋めれてしまうものが出てくるため
• トラックをジャンル分けしても埋めれてしまうものが出てくるため
• プレイリスト化しても埋めれてしまうトラックが多くあるため (Bandcamp ものは現状無理)
• 特定の音楽を聴くきっかけになるかもしれないため
• 個人ブログで似たようなことをやってるけどこのサイト内でもやりたいため

こういう感じでやりたい

• track テーブルからトラックを引っ張ってくる
• リスト表示はするけど、プレイリスト化はしない (できない)
• レビューなどはしない
• 若干プレイリストとかぶるので見た目を少し違う感じに
• プレイリストと同じように作成後も更新できるように

例えば

• The 20 Best Tracks of 2017
• Minimal Folk Ambient Selections
• Dream Pop Selections

メモ

• プレイリストより数は増えるのでページネーションの実装はしたほうがいいかも
• タイトルがプレイリストとかぶる、または似ている感じになるとまぎらわしいかも
• 作成後の更新は、「更新した」とわかるようにする (現状プレイリストはそれをできていないので)
• テーブル構成的には playlist, playlist_item と同じ感じかな？

Yii js has not been imported

gulp-uglify preserveComments some option is deprecated.
https://github.com/terinjokes/gulp-uglify#options

Privacy consent does not work for specific URL

e.g /track/xxx, /playlist/xxx

Youtube video inline on iOS devices

Update Formatter::getBrandIcon for new Bandcamp icon

Added to 4.7.0
fa-bandcamp: http://fontawesome.io/icon/bandcamp/

Update selectize.js

selectize.js のリポジトリが brianreavis/selectize.js から selectize/selectize.js に変わったものの bower info selectize すると前のリポジトリが出てしまうのでちょい待機。それ関連の issue もあがってる。npm だと問題なし。

Switch From Less to Sass

Bootstrap 4 の安定版リリースに向けて Less から Sass に変換する。以下、必要なタスクをすべてクリアしたあと、変換すること。

• 各アセットの css が Sass に対応しているか
• Less のような @import (less) "/path/to/example.css" が Sass で可能かどうか *1

*1 CSS ファイルを Sass ファイルとしてインポート

モデルの更新時にタグが新たに作成されるときがあるのと、存在するタグが補完されてしまう

原因: yii2-taggable は tagValues をデフォルトで "tag1, tag2, tag3" という文字列で表現するので更新時に tag1 を削除した場合 " tag2, tag3" となって新たに最初にスペースの入った " tag2" というタグが作成されてしまう。

解決方法: selectize のオプションで delimiter: ', ' を追加すること。そうすることで tagValues と selectize 側のタグの認識が同じになり 'tag1' を削除したとしても 'tag2' となり selectize 側?が新しいタグだと認識しなくなるはず。ついでに補完のバグも直る。

Thumbnail optimization

Convert as follows when saving:

• Bandcamp: ...xxx_[0-9]+.jpg to ...xxx_4.jpg
• SoundCloud: ...xxx-t500x500.jpg to ...t300x300.jpg
• Vimeo: ..._[x0-9]+.jpg to ..._320.jpg
• YouTube: .../hqdefault.jpg to .../mqdefault.jpg

Improve unit tests and acceptance tests

Yii 2.0.10 で Codeception 側に変更があり、テストのディレクトリ構成やフィクスチャ、設定などが変更されたので、それに合わせる。

検索フォームの虫眼鏡アイコンボタンに box-shadow が効かない

気にならない程度に気になる。iOS 9 で確認。

pjax リンクをクリック後に querystring を含んだ pjax リンクをクリックで & が余分に付く

以下のような感じ:
https://plusarchive.com/tracks?&page=2

yii2-pjax 2.0.6 で付くようになった。2.0.5 では付かない。アプリケーションの動作には問題ないので、とりあえず様子見。

Not dependent on yii2-selectize-widget

タグが重複している箇所が複数ある

track/index -> genres -> Hip-Hop, Traditional
label/index -> tags -> Pops

Upgrade css framework from Bootstrap 3 to Bootstrap 4

• 各アセットが Bootstrap 4 に対応した何かを提供しているかどうか *1
• Yii 2 側の Bootstrap 3 に依存しているコードを Bootstrap 4 に置き換えられるかどうか
• Masonry の代わりに .card-columns を使う (Masonry で OK)

*1 bootstrap-hover-dropdown, selectize など

Bootstrap 4 の安定版がリリースされてから、徐々に対応していく形を取る。
細かなデザインが変わったとしても、良い感じならどんどん採用していく。

Use Nuxt.js

• api.plusarchive.com リポジトリを作成する (データを提供する API)
• api.plusarchive.com は Yii で実装する
• このリポジトリを admin.plusarchive.com にリネームする
• plusarchive.com リポジトリを作成して Initial commit する
• README に api.plusarchive.com, plusarchive.com へのリンクを作成する

Add frequency column in playlist

Increment or decrement when playlist_item is added or deleted. Even when a track is deleted. and then default is 0.

Upgrade composer from 1.0 to 1.1

1.1 にアップグレードすると hirak/prestissimo がスキップされるのでちょい待ち。あと composer.json の scripts セクションで変更が可能な箇所は修正する (オプションがいくつか追加されたのでいろいろ触る) 。

Upgrade jQuery 2.x to 3.x

Yii 2.0.13 から jQuery 3.x でも ok になったのでアプリ側も修正する。

特定のトラックを YouTube から SoundCloud に変えた場合 playlist が上手く動作しなくなる

これも #4 で改善できる。また、特定のトラックの update 時に検知させることもできるが、なかなか複雑な感じになりそう。

Multiple active in navigation bar

Admin and Track is active when in /track/admin.

Refactor webpack related settings

Split configuration files in production and development environments.

Support PHP version 7.1 or later

Redirect go home page if logged in

in Login page.

Upgrade Font Awesome version from 4.x to 5.x

Use SVG with JS version.

いくつかのディレクトリの .gitignore や .gitkeep を削除する

/tests/codeception/fixtures 以下のファイルとか追加できていない。

Add country column in store and bookmark table

urge が true のカラムを更新する場合に urge のバリデーションに引っかかってしまうので修正する

playlist で特定のトラックがプロバイダから削除された場合、再生がストップする

YouTube, SoundCloud の Player API ともにエラーを検知する定数があるので、エラーが出た場合にスキップできるようにする。

Clean up the directory structure

• data -> components
• grid -> components
• i18 -> components
• validators -> models/validators

Improve phpdoc and type hinting

change from gulp to webpack

Auto update playlist.updated_at when playlist_item has been updated

Deprecation warning of selectize.css

node-sass のバージョンアップで出た警告メッセージ。selectize.css を sass 上で import しているのが原因だと思われる。

カスタムインポーターとかなんやらかんやらあるみたいだけど、これだというものが現状見つからないので、以前にやっていたように package.json の postinstall スクリプトで selectize.css を selectize.scss に置き換えて対処する。これもベストではないが...。

Upgrade webpack version from 3.x to 4.x