# Web管理アプリ [マニュアルトップ](/-KayxizQTYmF2oKtBe6X3A?both) [TOC] ## 概要 - [リポジトリ](https://github.com/nanoFreaks/yobimori_admin_tools) - [管理アプリ](https://yobimori-production.web.app/) ## ユーザ権限 ### 管理者(admin) - 全漁協組合の**全情報**の閲覧 - ユーザの新規作成・編集・削除ができる。 ### 事務員(clerk) - 所属する漁協組合の - **ユーザ一覧** - **落水事故** の閲覧 - 所属する漁協組合のユーザの新規作成・編集・削除ができる。 ### 漁師(fisherman) - web管理アプリの権限なし ### 家族(family) - web管理アプリの権限なし ## ページ ### ユーザー #### ユーザー一覧(/users) ![ユーザー一覧img](https://i.imgur.com/3MKWsDv.png) ##### 共通 - 選択した漁協組合に所属するユーザを一覧表示できる - 表示数は、画面右下の`Rows per page:`で変更できる - レコードをクリックすると、[ユーザ詳細(/users/_id)](#ユーザー詳細users_id)に遷移 - 「新規ユーザー作成」ボタンから新規ユーザーを作成できる ##### 管理者(admin)権限 - 表示する漁協組合を「漁協組合選択」ボタンから選択可能 - 新規ユーザー作成時に、ユーザーの漁協組合を選択できる ##### 事務員(clerk)権限 - 所属する漁協組合のユーザー**のみ**表示・作成ができる。 #### ユーザー詳細(/users/_id) ![ユーザー詳細img](https://i.imgur.com/aRyqPWP.png) ##### 共通 - 登録されている情報を表示。ログインパスワードは表示されない。 - フォロワーと家族登録の編集が可能 - 「ダミー事故発生」ボタンをクリックして「ダミー事故発生」モーダルを表示できる。 - 発生日時、発生位置を入力後「決定」でダミー事故を発生できる - 「編集」ボタンからユーザー情報を変更できる - 「削除」ボタンでユーザー削除できる ### マップ ### 落水事故 #### 落水事故一覧(/accidents) ##### 共通 - 漁協組合の落水事故が一覧表示 - 漁協組合ごとに絞り込みはできない - 所属漁協組合で昇順・降順表示ができる - 表示数は、画面右下の`Rows per page:`で変更できる - レコードをクリックすると、[落水事故詳細(/accidents/_id)](#落水事故詳細accidents_id)に遷移 ##### 管理者(admin)権限 - 全漁協組合の落水事故が一覧表示 #### 事務員(clerk)権限 - 一覧表示されるのは、所属している漁協組合のみ #### 落水事故詳細(/accidents/_id) ![落水事故詳細img](https://i.imgur.com/o6u9K81.jpg) - 落水位置をマップ(google map)で確認できる - 「近くにいるユーザーの範囲」を半径1〜6kmに調整できる - 後述する「緊急連絡通知(近くにいるユーザー)」ボタンで通知できる範囲を変更できる - 表示するユーザーをチェックボックスで変更できる - 事故・救助の状況を確認できる - 「緊急連絡通知(フォロワー)」ボタンを押すと、ユーザーが登録しているフォロワーに緊急連絡を通知する - 「緊急連絡通知(近くにいるユーザー)」ボタンを押すと、設定した範囲内にいるユーザーに緊急連絡を通知する - ### 漁業協同組合 ![](https://i.imgur.com/Yxl4t0L.png) - 現在yobimoriに登録されている漁協組合の一覧が表示。 - 漁協組合がある都道府県名、名前、漢字の読み方が1つの行に表示される。 - 右上の「新規漁協組合作成」ボタンをクリックし、都道府県名、名前、ふりがなを記入してから「保存」をクリックすると、漁協一覧に新しい漁協情報を追加できる↓。 ![](https://i.imgur.com/pBcHKTM.png) - 右側のペンマークをクリックすると、表示されている漁協情報が編集できる↓。 ![](https://i.imgur.com/hQh8jBt.png) ### デバイス信号 - 各yobimoriデバイスの情報が表示。 - デバイスのID、位置(緯度・経度)、更新日時(最後に通信した日付)が表示されている↓。 ![](https://i.imgur.com/WZW82XO.png) ## 課題 #### [githubのissueで課題一覧を確認](https://github.com/nanoFreaks/yobimori_admin_tools/issues) - ファビコンがNuxt.jsデフォルトになっている - [「事務員(clerk)」権限のユーザで、新規ユーザが作成できない](https://github.com/nanoFreaks/yobimori_admin_tools/issues/128) - [「事務員(clerk)」権限のユーザが、自分が所属している漁協組合から、他の漁協組合のユーザへ編集できてしまう](https://github.com/nanoFreaks/yobimori_admin_tools/issues/127)