Operations Database UI (ops-db-ui)#

The Operations Database UI is a Vue.js-based web frontend for the CCAT Operations Database. It provides an intuitive interface for astronomers and operators to manage observations, monitor data transfers, and interact with the observation scheduling system.

Features#

  • User Authentication: GitHub OAuth integration with role-based access control

  • Dashboard: Real-time overview of recent observations and system statistics

  • Unified Search: Search and filter observations with sky-map visualization

  • Data Transfer Monitoring: Track data packages through the transfer pipeline

  • Token Management: API token administration interface

Technology Stack#

The frontend is built with:

  • Vue.js 3: Progressive JavaScript framework (Composition API ready)

  • Vuetify 3: Material Design component framework

  • Vite: Next-generation frontend build tool

  • Vuex 4: State management

  • Vue Router 4: Client-side routing

  • D3.js 7: Data visualization (sky maps)

  • Axios: HTTP client for API communication

Development & Deployment#

The UI is containerized with Docker and can be deployed in development, staging, or production environments. Runtime configuration (API URL) is injected at container startup via envsubst, allowing the same image to be used across environments.