MICO-Admin UI

The MICO-Admin UI uses the Angular framework (v7) with the Angular Material component library.

local testing

To run the frontend locally first install all dependencys and the start the development server.

cd mico-admin
npm install
npm run start

Then open http://localhost:4200 in your browser.

Hint

The frontend (in development mode) expects the backend at http://localhost:8080. You can use kubectl to forward traffic to a backend running in a cluster.

configuration

The backend api url can be set in the /mico-admin/src/environments/environment.ts.

The docker container uses the environment variable MICO_REST_API to setup a forwarding proxy in nginx.

Documentation of Core Components

• TypeScript Doc
  • app/api/api.service
    • API Service
    • Model Service
  • app/forms
    • FormGroup Service
  • app/forms/mico-form
    • Mico Form Component
      • Component Usage
        • Example Usage
      • Class

Mockups

• Mico Dashboard
• App-Detail Overview
• App-Detail Deploystatus
• App-Detail Deploysettings
• Service-Detail Overview
• Service-Detail Deploystatus

Design Decisions

• Web-UI Framework
• Browser Compatibility
• Features first
• JSON+hal as serialization Format for the API
• Re-use capabilites of Winery Topology Modeler