デザイン

https://gitoriimetaps.github.io/links_new/silsil/html/admin_company_edit.html

ローカルに取得

github

https://github.com/metaps/silsil.git

docker-compose build
docker-compose up -d

docker起動後、
silsil-api: localhost:3000
silsil-front: localhost:8080
minio(S3の代わり): localhost:9000

これでアクセス可能。

seedの挿入

# dockerのrailsコンテナに入る
docker exec -it silsil_db_1 bash
# seedは、
rails db:migrate 
rails db:seed db:seed:club db:seed:organization db:seed:tag

もしくはmysqlのdumpデータを使用

# dockerのmysqlに入る
docker exec -it silsil_db_1 bash
mysql -u root -ppassword my_api_development

本番用データとテストデータ

# 本番用データが必要でない場合、seedで代用
docker exec -it silsil_db_1 bash
rails db:seed:test_user db:seed:user_organization db:seed:user_club db:seed:user_tag
# ローカルで本番データを見たい場合、ブラウザからCSVをインポートする
http://localhost:8080/user/createのCSVアップロードからCSVをアップロードする

画像が表示されない時

localhost:9000から
minioのBucket Policyをprefix: * ,read and Writeに変更


## Tokenで弾かれる場合
Imsomnia等を使用し、APIを叩く場合は、
consoleに出る、BearerトークンをAuthorizationとしてheaderに詰めてください

## h2フロントで足りてない部分
- ログイン画面のデザイン
- ログイン時読み込みしないと表示されない
- 並び順はデフォルトの「社員番号:昇順」を表示しておく
- 並び順を外側クリックで閉じるように
- 会社だけ非同期検索が飛んでない
- 検索のタグに名前追加
- SNSは別タブを開くように
- 社員番号のソートを動くように
- 詳細検索キーワードも同時に行けるように？
- 現状、CSSは織衣さんからいただいたものをsilsilfront/public/cssに直接置いて、index.htmlに置いています。（CSSの画像が読み込まれなかったため）
- clubの色をDBから反映
- 組織のパンくずリスト（Userdetail,newface,mypageなどで使用）
- perfectScrollbar
- 入社期間の計算、表示

## 手をつけていない画面
- 組織検索ページ
- 部活一覧、部活編集
- 部活動一覧、部活編集

## 実装済画面
- ウィザード(pages/Wizard.vue)
- ログイン画面(pages/login.vue)
- トップページ(pages/Toppage.vue)
- 検索画面（pages/Search.vue）
- ユーザー詳細（pages/Userdetail.vue）
- ユーザー新規作成（pages/UserCreate.vue）
- マイページ編集（pages/Mypage.vue）
- マイページ編集（pages/MypageEdit.vue）
- 右サイドバー（global/Rightsidebar.vue）
- 左サイドバー（global/Leftsidebar.vue）