refactor: big changes of dashboard

[g1eny0ung]

Signed-off-by: Yue Yang [email protected]

What problem does this PR solve?

First, sorry this PR is relatively huge, I'm a little busy last past days, so I didn't split it into several little PRs.

This PR aims to give the dashboard an overall optimization.

What is changed and how does it work?

• A concise interface

• Now can create an experiment from YAML file

• Make label_selectors as a HTML select element

• Now can search events

  Also, you can search by some useful patterns, for example:
  namespace:default network-delay-exmaple will search events with namespace default.
  kind:NetworkChaos network-delay-exmaple will search events with kind NetworkChaos, you can also type kind:net, it will also work because the search is fuzzy.
  time:2020-06-30 network-delay-exmaple will search events before 2020-06-30, the time pattern only supports year, month, and day.

• Click timeline legends will zoom to the last event position by experiment name

• Init archives page

• update .ico files to adapt dark mode

[CLAassistant]

All committers have signed the CLA.

[codecov-commenter]

Codecov Report

Merging #665 into master will decrease coverage by 0.01%.
The diff coverage is 38.23%.

@@            Coverage Diff             @@
##           master     #665      +/-   ##
==========================================
- Coverage   55.78%   55.76%   -0.02%     
==========================================
  Files          68       68              
  Lines        4383     4397      +14     
==========================================
+ Hits         2445     2452       +7     
- Misses       1768     1775       +7     
  Partials      170      170              

Impacted Files	Coverage Δ
controllers/networkchaos/ipset/ipset.go	37.14% <0.00%> (ø)
pkg/store/experiment/experiment.go	32.20% <0.00%> (-6.58%)	⬇️
pkg/utils/chaosdaemon.go	51.21% <0.00%> (ø)
pkg/utils/grpc.go	0.00% <0.00%> (ø)
controllers/twophase/types.go	54.20% <40.00%> (-1.68%)	⬇️
controllers/networkchaos/netem/types.go	47.27% <50.00%> (ø)
controllers/podchaos/containerkill/types.go	64.38% <100.00%> (ø)
controllers/timechaos/types.go	61.44% <100.00%> (ø)
pkg/webhook/config/watcher/config.go	100.00% <100.00%> (+58.33%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 699993e...cb6fb23. Read the comment docs.

[yeya24]

Could you please sign the DCO?

And after I deployed one experiment, the frontend crashed. Can you take a look?

[g1eny0ung]

Could you please sign the DCO?

And after I deployed one experiment, the frontend crashed. Can you take a look?

After debugging, I found this should be the case where I did not handle the experimental error correctly. I will fix it soon.

[g1eny0ung]

@yeya24 The crash problem should be fixed.

And I try to rebase git to add the sign-off, but the hard is I'm already merging the upstream update twice, so it's complicated to add it to every single commit pushed by me. 😵

What about adding the sign-off before this PR ready to merge to master? This can save a lot of time. I will remember to sign it in the later PRs.

[cwen0]

[cwen0]

Can we add a delete button on the label selector?

[g1eny0ung]

@cwen0 The legends problem should be fixed and also, now you can easily delete the labels.

[yeya24]

Looks very good now. Awesome work!

Just one small nit I think, can we sort the experiments by created time? Or this could be handled at backend as well

[g1eny0ung]

@yeya24 Thx.~ 😆

Generally speaking, this is usually handled in the front-end. I will think about how to implement it. At present, the feature of the search experiment has not been completed. I can put the sorting into the search and complete it together.