5gcity/5gcity-dashboard-new

A map-based interactive Dashboard to serve as management portal for 5GCity neutral hosts

5GCity Platform

](https://gitlab.ubiwhere.com/5GCity/web-platform/commits/master)

(https://standardjs.com)

(https://gitlab.ubiwhere.com/frontend/Starters/ReactKea/commits/master)

(https://gitlab.ubiwhere.com/frontend/Starters/ReactKea/commits/master)

(https://conventionalcommits.org)

(https://github.com/semantic-release/semantic-release)

(https://github.com/storybooks/storybook)

Stack used

• React
• Webpack
• Babel
• Kea.js/Redux
• React Router 4
• Styled Components
• Axios HTTP Client
• Flow Type Checking
• Standardjs
• Hygen

Installation/Instantiation

The presented solution use Docker.

Please install Docker according to the desired operating system.

Build Docker command:

docker build --rm -t 5gcity:latest . --build-arg API_BASE_URL=https://5g-dashboard.i2cat.net --build-arg API_MONITORING=https://5gcity-monitoring.i2cat.net/d/qymONwsWz

When on your console show Successfully built xxxxxxxxxx run command:

docker run -d -p 5000:5000 5gcity:latest

Go to http://localhost:5000

To Stop Container Ctrl+C

Configuration

To change the name or tag of docker image modify:

docker build --rm -t NAME:TAG

To change API_BASE_URL or API_MONITORING need to pass --build-arg modify API_BASE_URL="http://XXX.XXX.X.XXX or API_MONITORING=http://XXX.XXX.X.XXX

docker build --rm -t 5gcity:latest . --build-arg API_BASE_URL=http://xxx.xxx.x.xxx --build-arg API_MONITORING=http://xxx.xxx.x.xxx

How to develop

1 - Clone the project

2 - Install dependencies

yarn install

3 - Create a branch of the feature/issue you are working on

git checkout -b <feature/issue>

4 - Start the dev environment

yarn start

Available Commands

Linter

Lints and fixes common problems

yarn lint:fix

Shows the results of the linter

yarn lint

Testing

yarn test

Generate Components

yarn generate:component

Generate Containers

yarn generate:container

Generate Scenes

yarn generate:scene

StoryBook

Start StoryBook

yarn start:storybook

Build StoryBook

yarn build:storybook

UI

Element-React

5gcity-dashboard-new's Issues

Add infrastructure registration in Dashboard

Add capacities and quotas to the resources in the Dashboard

This needs to wait until the respective models/APIs of the Slice Manager have been extended to include these "numbers"...
I am creating the issue nevertheless and I assign also myself in order to provide updates as soon as there are updates on the Slice Manager side.

Add user registration/management in Dashboard

Update to ICT 2018 version

Commit ICT 2018 version in this repository and continue development here

How to import or replicate selected Monitoring GUI views

As a first step, at least document what has to be done in this direction and how until the next milestone...
Then we review the plan and defer its implementation to a later milestone.

Dashboard User stories

Incrementally create a bullet list of User Stories from the Dashboard perspective, i.e., actions you want to perform from the Dashboard, so that we can match them to (sequences of) required platform API calls.

Configuration Documentation

Please, document all the configuration management / files to configure ports / IPs (specially the 5GCity-AAA API url); integration documentation.

Specify component requirements in README

How many machines/VMs, minimum hardware etc.
As they are when installation is done according to the instructions...

Implement Network Service instantation via the Dashboard

(Assining to the "roadmap" milestone because it is actually a delayed feature that will be needed for the MWC if the neutral hosting demo is shown there)