taibif / camera-trap-vueapp Goto Github PK
View Code? Open in Web Editor NEWA proper implementation using Vue.js.
License: Apache License 2.0
A proper implementation using Vue.js.
License: Apache License 2.0
/project/:projectId/camera. ProjectCamera.vue
/project/:projectId/upload. ProjectUpload.vue.
實作 5.4 上傳流程
@cjk-halodule
這個地方舊專案放沒有路徑的連結, 是預期的嗎?
還是應該要加上連結, 如果要加應該連去哪?
_Originally posted by @oahehc in #25 (comment)
/setting Setting.vue 10.1 帳號設定, 10.2 快速鍵設定(10.1.2) -> wait API
實作 4.12 連拍自動補齊 (滑鼠右鍵)
實作上傳畫面流程及提示細節
實作下拉複製功能
/project/:projectId/upload. ProjectUpload.vue.
/project/:projectId/study-area/:studyAreaId{?cameraLocations,startTime,endTime,index,size,sort}
切換進入編輯模式。
實作 /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
進入篩選及下載/資料篩選/相機位置,無法一次選擇所有相機,需要逐一點選
希望相機位置能有「全選」的選項
實作 5.5 上傳畫面說明 及提示
實作進階標註流程
/help/faq. HelpFaq.vue 12.1 常⾒問題(12.1.2, 12.1.3, 12.1.4)
實作 4.15 影像檢視區塊 (影片)
參考此頁的第一個範例:
目前一筆紀錄只會有一筆媒體檔案。
另外,若該筆資料沒有媒體而顯示「補上傳影像檔」,則按下按鈕不導向檔案上傳頁面,而是瀏覽器開 file selector 利用 /annoations/{annotationId}/file{?type,lastModified}直接上傳資料。
/project/:projectId/study-area/:studyAreaId{?cameraLocations,startTime,endTime,index,size,sort}
實作 4.13 影像檢視區塊 (照片)
實作滑入提示
4.18.1 中間的「拖曳拉大影像檢視範圍」請參考
https://github.com/TaiBIF/camera-trap-webapp/blob/6dba58a6915d156020455db524bc8becd5749695/src/pages/index/views/Site.vue#L367 的
/project/:projectId/study-area/:studyAreaId{?cameraLocations,startTime,endTime,index,size,sort}
實作篩選區塊的互動操作。請注意與 7.2 可共用業務邏輯之處。
/download/result. DownloadResult.vue. 實作篩選結果
實作介面功能。
實作 4.14 影像檢視區塊 (照片)
/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分鐘的選項
建議能由使用者自行輸入數字
/project/:projectId/study-area/:studyAreaId{?cameraLocations,startTime,endTime,index,size,sort}
實作滑鼠右鍵功能。「貼上」不能點選,但顯示「 貼上 請使用鍵盤 ctrl+v 或 cmd+v」
使用 history mode 以避免 #
見 https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations
/project/:projectId/license ProjectLicense.vue
/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}
給同事然後得到相同的頁面結果。
實作 4.21 進階標註 token 關聯圖
/download/calculate. DownloadCalculate.vue
實作初測延遲計算
參考此處程式
https://github.com/TaiBIF/camera-trap-webapp/tree/master/src/pages/search/views
/help/contact-us HelpContactUs.vue. 12.2 聯絡我們(12.2.2 ~ 12.2.5, 12.3)
實作錯誤狀態對話 modal
/project/:projectId/member ProjectMember.vue
/download/search DownloadSearch.vue.
實作資料搜尋操作
/project/:projectId/setting ProjectSetting.vue
實作版本紀錄
/project/:projectId/basic. ProjectBasic.vue.
根據計畫中欄位清單產生 CSV 檔供使用者離線填入資料後上傳
/upload-history. UploadHistory.vue
實作上傳紀錄頁面 6.1, 6.2
/project/:projectId/site/:siteId/:subsiteId/edit. ProjectSiteEdit.vue.
實作連拍自動補齊。
每個元件拉資料的時間統一會比較好。
(元件建立後才拉資料會變成每個元件都要有自己實作「載入中」的介面)
實作錯誤提示
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.