crosscloudci / ci-dashboard

Dashboard front-end for the CNCF CI Project

cncf-ci-dashboard

Dashboard front-end for the CNCF.CI Project

Prerequisites

You need install node using something like nvm. You'll also need to install npm

Choose a version of node 4.0.0 or higher e.g.:

nvm use 10.16.3

Build Setup

# install dependencies
npm install

# Create environment configuration 

Set the environment var API_URL.  (use .env or set manually).  

Use an .env
 1. Create .env with the example below
 1. Load .env with `. .env`

Create config/dev.env.js and config/prod.env.js by running

.env

export API_URL="http://dev.vulk.co:4003/api"
export PORT=8080
#export TEST_URL="http://<YOUR_TEST_SERVER>"

./bin/create_env_js

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

docker

. .env
docker build -t $DOCKER_IMAGE .

Then use docker

docker run -p $PORT:$PORT -e API_URL=$API_URL -e PORT=$PORT -ti $DOCKER_IMAGE

or docker-compose

. .env ; docker-compose -p Frontend up 

Deploy using Helm

helm install --name frontend cncf/frontend --set imagePullSecrets=regsecret --set ingress.host=staging.cncf.ci --set ingress.port=8080 --set api.url=http://backend:4001/api --set node.port=8080 --set node.host=0.0.0.0

Upgrade an existing deployment with Helm

helm upgrade frontend cncf/frontend --install --force --set imagePullSecrets=regsecret --set ingress.host=staging.cncf.ci --set ingress.port=8080 --set api.url=http://backend:4001/api --set node.port=8080 --set node.host=0.0.0.0

---

How to Install Integration Tests

1. Install chrome dependencies

see: https://github.com/karma-runner/karma-chrome-launcher

sudo apt-get install -y xvfb fluxbox x11vnc dbus libqt4-dbus                                                                            
libqt4-network libqtcore4 libqtgui4 libxss1 libpython2.7 libqt4-xml                                                                     
libaudio2 fontconfig liblcms1 lib32stdc++6 libc6-i386 nano                                                                              
lib32z1                                                                                                                                 
                                                                                                                                        
sudo apt-get install -y python-gobject-2                                                                                                
                                                                                                                                        
sudo apt-get install -y curl git                                                                                                        

sudo apt install libnss3

# check if google-chrome installed with 
google-chrome-stable --headless
                                                                                                                                        
npm install                                                                                                                             
sudo curl -sS -o - https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add
sudo su -c "echo 'deb http://dl.google.com/linux/chrome/deb/ stable main' >> /etc/apt/sources.list.d/google-chrome.list"
sudo apt-get -y update
sudo apt-get -y install google-chrome-stable

# make sure .env file has test_url=<servername>

. .env; bundle exec cucumber

2. install ruby 2.6.3

see: https://rvm.io/rvm/install

3. install ruby application dependencies

bundle install

How to run the test suite:

bundle exec cucumber

---

TEST

ci-dashboard's Issues

Upgrade fstream to resolve WS-2019-0100

Delete resources used for cncf.ci

Delete resources used for cncf.ci

• CI Status dashboard is on hold

Tasks:

• Backup any data that is not stored in GitHub
• Plan/list which resources to delete
• Add comment in this issue with status update of which resources are deleted and which resources will be kept and why
• Communicate externally that the deleted resources can be repurposed elsewhere

Request for UX research applicants for GitLab

My intention here is that this issue is short-lived and doesn't distract from the development of this repository. If this content is deemed not supported, feel free to close/remove.

Dear CI-dashboard users,

I am reaching out to you as one of the Product designers from GitLab focusing in on CI. This project was listed as one of the inspirations for that feature area.

We believe our users are best-served by features that are influenced by them. As GitLab is developing a feature called public pipeline page we would like to find out more about this problem space and define exactly what is needed to solve which use cases. This will help prioritization, ideation, and iteration scope.

In preparation of our research effort I am reaching out to you directly to ask if you are willing to help us out. We would love to interview you similar to our direct "GitLab first look" research applicants. This would take around one hour of your time and there are immediate personal rewards aside from us implementing a great feature in the long run.

If you are willing to help out, please sign up at https://about.gitlab.com/community/gitlab-first-look/ and if possible send an email to [email protected].

kind regards,

Dimitrie

Update ws to version 1.1.5 or later to resolve WS-2017-0421

Resolve alert https://github.com/crosscloudci/ci-dashboard/network/alert/package-lock.json/ws/open

Redirect cncf.ci to https://github.com/crosscloudci/crosscloudci

Please redirect cncf.ci to https://github.com/crosscloudci/crosscloudci

• CI Status dashboard is on hold
• TLS Certificate has expired on 2nd Feb

Tasks:

• redirect url to github project

Rebrand "Packet" as "Equinix Metal"

Packet has rebranded itself after an acquisition by Equinix as "Equinix Metal".

There's a piece of the UI at

ci-dashboard/src/components/TestEnvironment.vue

Lines 54 to 59 in 65aef2d

	<div class="test-env-details">
	<div class="stage">
	<a href="https://www.packet.com/" rel="noopener noreferrer" target="_blank">
	<img src='../assets/images/packet-logo.png' />
	</a>
	</div>

(or thereabouts) with the Packet logo and link. This should be updated appropriately.

Upgrade js-yaml to resolve WS-2019-0063

Upgrade shelljs to resolve WS-2017-3737

Upgrade node-tar to fix CVE-2018-20834

Upgrade node-tar to fix CVE-2018-20834

• CVE: https://nvd.nist.gov/vuln/detail/CVE-2018-20834

Remediation Tasks:

• Upgrade node-sass

• Upgrade npm

• Upgrade node-gyp

• Upgrade tar to version 4.4.2 or later.

Acceptance Criteria:

1. The alert should no longer be listed
2. x.cncf.ci (all environments) should load content, display expected content, function as expected

Upgrade handlebars to resolve WS-2019-0103

cncf.ic website is unavailable

https://cncf.ci/ is unavailable, would you mind taking a look?

Upgrade ws to resolve WS-2017-0421

Upgrade stringstream to resolve WS-2018-0103

Upgrade tar to resolve CVE-2018-20834

Bump npm from 6.10.0 to 6.13.4

review and merge #145

Certificate out of date & Nothing is showing up

TLS Certificate has expired on 2nd feb: https://cncf.ci/

Also page is blank.

arm64 deploy is failing (in Kubespray)?

The deploy stage on the arm64 setup is failing.

Here is the failure message, suggesting that it's pointing at a machine that's down:

TASK [bootstrap-os : Fetch /etc/os-release] ************************************
ok: [node1]
fatal: [node0]: UNREACHABLE! => {"changed": false, "msg": "Failed to connect to the host via ssh: ssh: connect to host 139.178.89.62 port 22: Connection timed out", "unreachable": true}

This from the log file at https://gitlab.cncf.ci/cncf/cross-cloud/-/jobs/198264

Happy to help untangle the dependencies here to get this back to green!

Upgrade npm to version 6.13.4 to resolve 3 security alerts

Review and resolve https://github.com/crosscloudci/ci-dashboard/network/alert/package-lock.json/npm/open

Upgrade tar to fix CVE-2018-20834

1 tar vulnerability found in package-lock.json

• Upgrade tar to version 2.2.2 or later.

Upgrade webpack-bundle-analyzer to fix WS-2019-0058

Upgrade lodash.defaultsdeep to resolve CVE-2019-10744

Upgrade sshpk to resolve WS-2018-0084

Replace all the project logo icons and the CNCF logo with SVG versions

Feature Name:

• Replace all the project logo icons and the CNCF logo with SVG versions

Short Description:

• Replace all logos on cncf.ci with SVG versions from https://github.com/cncf/artwork

Projects:

• K8s
• CoreDNS
• Envoy
• Prometheus
• Linkerd
• fluentd
• ONAP

Header:

• CNCF

Tasks:

• Update logo for K8s
• Update logo for CoreDNS
• Update logo for Envoy
• Update logo for Prometheus
• Update logo for Linkerd
• Update logo for fluentd
• Update logo for ONAP

Header:

• Update logo for CNCF

QA/Promotion:

• Promote to master

  • QA on dev

• Promote to staging

  • QA on staging

• Promote to production

  • QA on production

• Close ticket

Last updated automatically shows null may be after couple of minute

Based of SIG meeting, I was navigating the dashboard at 'https://cncf.ci/'. At the time page load everything seems okay. However, may be within couple of minute Last updated shows value as Null.

Upgrade https-proxy-agent to resolve WS-2018-0072