Skip to content
Chun-Cheng edited this page Oct 1, 2023 · 5 revisions

路徑地圖 Route Map

/api         => 後端 API back-end API
├── /......
/signin      => 登入或註冊(現只開放工作人員) sign in and sign up (staff only for now)
/signout     => 登出 sign out
/dashboard   => 工作人員儀表板 staff only
/reserve
├── /
├── /form     => 預約 reserve spaces and items
├── /manage/<id> => 編輯或取消預約 edit or cancel the reserve
├── /timetable   => 場地及物品清單及連結 spaces and items list
│   ├── /<space> => 顯示可預約時段 showing what time is available
│   ├── /<item>  => 顯示可借用時段及數量 showing the table of time and quantity
└── /......

/api

更多資訊,請見 API 頁面說明
For more information, please visit APIs

/signin

  • 於同一頁面登入或註冊
    Sign in and sign up start with the same page
  • 支援「通行密鑰
    Support Passkey.
  • 支援「使用Google登入」(未來功能)
    Support Sign in with Google (in the future)

/signout

  • 登出並重新導向至首頁
    Sign out and redirect to the home page

/dashboard

  • 若未登入:重新導向至登入頁面
    If not signed in: redirect to the sign-in page
  • 資訊 Info:
    • 場地及物品預約情況
      The reservation of the spaces and items
  • 連結 Links:
    • /timetable

/reserve/form

  • 表單
    Form
  • 使用者可以只填一次表單,同時借用多個時段的場地及物品
    Users can reserve multiple time slots of spaces and items in just 1 submit
    分為資料區段、場地區段、物品區段、其他等4個區段
    The form has 4 sections: data section, space section, item section, and other
  • 填寫時自動確認該時段是否可借用
    Auto check whether the time slots are reserved when users filling the form
  • 填寫完畢後顯示對話框,讓使用者確認填寫的內容是否正確
    Shows a window/block to let the user check whether the content they filled is correct
  • 使用者送出表單後,自動寄送Email給使用者,而該封Email包含管理該次借用的連結
    After the user submit the form, send an email to the user. The email contains the link to manage the reservation

/reserve/manage/<id>

  • 編輯預約紀錄,包含時段、空間及物品
    Edit the reserve, including time slots, spaces and items
  • 取消預約
    Cancel the whole reservation

/reserve/timetable

  • 各空間及物品預約狀況表的連結
    Links to spaces and items page

/reserve/timetable/<space>

  • 空間 Spaces:
    • 學生活動中心 Student Activity Center
    • 小舞台 Outdoor Stage
    • 其他 etc.
  • 預約狀況表 Table:
    • 列:日期
      Rows: Date
    • 欄:時段
      Columns: Time slots
    • 儲存格:可用/不可用(工作人員可以看到細節及管理連結)
      Cells: Available / Unavailable (Staff can watch the detail, including manage link)

/reserve/timetable/<item>

  • 物品 Items:
    • 椅子 Chairs
    • 長桌 Tables
    • 其他 etc.
  • 借用狀況表 Table:
    • 列:日期
      Rows: Date
    • 欄:時段
      Columns: Time slots
    • 儲存格:多少數量可供借用(工作人員可以看到細節及管理連結)
      Cells: How many items are available (Staff can watch the detail, including manage link)

Overview
APIs