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, view visibility calculations, and interact with the observation scheduling system.

Features#

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

  • Observation Management: Create, edit, and manage observation requests

  • Visibility Dashboard: Real-time visibility calculations for astronomical targets

  • Source Catalog: Browse and search astronomical sources

  • Instrument Configuration: View and manage instrument settings

  • Scheduling Interface: Interface with the observation scheduler

Technology Stack#

The frontend is built with:

  • Vue.js 2: Progressive JavaScript framework

  • Vuetify: Material Design component framework

  • Axios: HTTP client for API communication

  • Vue Router: Client-side routing

  • Vuex: State management

Development & Deployment#

The UI is containerized with Docker and can be deployed in development, staging, or production environments.

Quick Start Documentation#

For detailed setup and deployment instructions, see:

  • QUICK_START.md - Development environment setup

  • DOCKER.md - Docker containerization details

  • RUNTIME_CONFIG.md - Runtime configuration options

Implementation Guides#

  • VISIBILITY_DASHBOARD_IMPLEMENTATION.md - Visibility dashboard feature

  • VISIBILITY_DASHBOARD_QUICK_START.md - Getting started with visibility features

  • VISIBILITY_OPTIMIZATION_SUMMARY.md - Performance optimization details

  • GITHUB_OAUTH_SETUP.md - GitHub OAuth configuration

Configuration#

The UI connects to the Operations Database API and requires configuration for:

  • API endpoint URL

  • OAuth client credentials

  • Environment-specific settings

These are configured through environment variables or runtime configuration files.