taibif / camera-trap-vueapp Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 1.0 22.72 MB

A proper implementation using Vue.js.

License: Apache License 2.0

JavaScript 10.96% HTML 0.14% Vue 70.64% CSS 4.00% Shell 0.01% Sass 9.82% SCSS 4.42%

camera-trap-vueapp's People

Contributors

Stargazers

Watchers

Forkers

moogoo78

camera-trap-vueapp's Issues

3.4 計畫管理-相機位置管理(3.4.1, 3.5)

/project/:projectId/camera. ProjectCamera.vue

5.4 上傳流程

/project/:projectId/upload. ProjectUpload.vue.
實作 5.4 上傳流程

成員權限說明內的 `請聯繫系統管理員` 連結

@cjk-halodule
這個地方舊專案放沒有路徑的連結, 是預期的嗎？
還是應該要加上連結, 如果要加應該連去哪？

_Originally posted by @oahehc in #25 (comment)

4.1 編輯資料

提供左欄樣區->子樣區的瀏覽
/project/:projectId/site/:siteId/:subsiteId

10.1 帳號設定, 10.2 快速鍵設定(10.1.2)

/setting Setting.vue 10.1 帳號設定, 10.2 快速鍵設定(10.1.2) -> wait API

5.3 5.4 上傳流程; 5.6 5.7 進行上傳

/project/:projectId/upload. ProjectUpload.vue.

4.3 編輯模式

/project/:projectId/study-area/:studyAreaId{?cameraLocations,startTime,endTime,index,size,sort}

切換進入編輯模式。

7.4 有效照片與目擊事件

實作 /download/calculate. DownloadCalculate.vue 7.4 有效照片與⽬目擊事件(7.4.2, 7.4.3)

參考舊版 https://github.com/TaiBIF/camera-trap-webapp/blob/master/src/pages/search/views/CalculateResult.vue

https://github.com/TaiBIF/camera-trap-webapp/tree/master/src/pages/search/views

11.1 通知

見 https://cameratraptw.docs.apiary.io/#/reference/system/notifications
實作通知。

新功能建議

狀況描述

進入篩選及下載/資料篩選/相機位置，無法一次選擇所有相機，需要逐一點選

您想要的解決方法

希望相機位置能有「全選」的選項

其它可考慮的解決方法

12.1 常⾒問題

/help/faq. HelpFaq.vue 12.1 常⾒問題(12.1.2, 12.1.3, 12.1.4)

4.15 影像檢視區塊 (影片)

實作 4.15 影像檢視區塊 (影片)

參考此頁的第一個範例：

功能：播放、停止、聲音、播放進度、速度、全螢幕
當一筆結束自動播放下一筆，下一筆如果是影片就繼續播放，如果是圖片就暫停

目前一筆紀錄只會有一筆媒體檔案。

另外，若該筆資料沒有媒體而顯示「補上傳影像檔」，則按下按鈕不導向檔案上傳頁面，而是瀏覽器開 file selector 利用 /annoations/{annotationId}/file{?type,lastModified}直接上傳資料。

4.4 編輯模式 (表單工具列)

/project/:projectId/study-area/:studyAreaId{?cameraLocations,startTime,endTime,index,size,sort}

4.18 滑入提示

實作滑入提示

4.18.1 中間的「拖曳拉大影像檢視範圍」請參考
https://github.com/TaiBIF/camera-trap-webapp/blob/6dba58a6915d156020455db524bc8becd5749695/src/pages/index/views/Site.vue#L367 的

4.2 資料篩選區塊

/project/:projectId/study-area/:studyAreaId{?cameraLocations,startTime,endTime,index,size,sort}

實作篩選區塊的互動操作。請注意與 7.2 可共用業務邏輯之處。

計畫相機位置篩選顯示問題

前往
https://dev.camera-trap.tw/#/project/60c5ad24-1181-46b2-89a5-cd264d852c59/site/%E7%BE%85%E6%9D%B1%E8%99%95/NULL
查看更多 -> 選取 LD88B
在起始資料時間輸入 2015-09-09 原為 2001-01-01，按 tab
等待 throbber 消失
此時，分頁顯示 179/41
點擊左頁紐，可見起始資料為 2018-09-23, 分頁為 38/41

輸入結束資料時間 2015-12-31，按 return，進入編輯模式，可見計數仍有問題

輸入日期或時間後，取消立即更新
在任何時間按 return 鍵不會進入編輯模式
在日期選單右新增按鈕「更新篩選」，按了才從 API 重新載入結果及計數

7.3 篩選結果

/download/result. DownloadResult.vue. 實作篩選結果

8.1 資料匯出

/project/:projectId/study-area/:studyAreaId/edit{?cameraLocations,}. ProjectSiteEdit.vue.

實作 8.1 資料匯出

錯誤提示顯示方式制定

@cjk-halodule
有關之前討論到 API error 的提示,
是前端依照 status code 顯示對應的文字資訊給使用者對嗎？
所以應該可以統一都用跳出視窗顯示即可？

_Originally posted by @oahehc in #25 (comment)

新功能建議

狀況描述

篩選及下載/資料計算/有效時間間隔(分鐘)
目前有效照片時間間隔的選項僅有2, 5, 10, 30, 60分鐘的選項

您想要的解決方法

建議能由使用者自行輸入數字

其它可考慮的解決方法

4.5 編輯模式 (表單欄位)

/project/:projectId/study-area/:studyAreaId{?cameraLocations,startTime,endTime,index,size,sort}

4.10 編輯模式 (操作相關滑鼠右鍵)

實作滑鼠右鍵功能。「貼上」不能點選，但顯示「貼上請使用鍵盤 ctrl+v 或 cmd+v」

使用 history mode 以避免 #

見 https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations

3.7 計畫管理-創⽤ CC 授權(3.7.1)

/project/:projectId/license ProjectLicense.vue

4.6 編輯模式 (單頁顯示筆數)

/project/:projectId/study-area/:studyAreaId{?cameraLocations,startTime,endTime,index,size,sort}

此處希望能反映送到 /api/v1/annotations{?studyArea,cameraLocations,startTime,endTime,index,size,sort} 的變數，也就是說使用者可以複製 camera-trap.tw/project/:projectId/study-area/:studyAreaId{?cameraLocations,startTime,endTime,index,size,sort}
給同事然後得到相同的頁面結果。