[WIP] web interface for DSpot

[henry-lp]

Hi, this is a PR for the webinterface task . Per discussion today I need to get handle issue #843 before this can really be deployed for actual use, since we need real data, but this is more or less done as a basic website for dspot :) .

Some facts: this web is build using MEAN stack , which stands for Mongodb, Express, AngularJS and NodeJS. Reason I am implementing this is because it has Mongodb in it since Repairnator also use Mongodb and this is just for a small website so no need to super flashy stuffs (yet) :) and also I know that you guys (Both on Dspot and Repairnator) like Java so basicly this stack is heavily focused on Javascript which is perfect for that reason . Other than that the html pages are ofcourse build with the classical html, javascript and css together with bootstrap 4 for styling.

To use you need mongodb installed on your machine, preferably version 4.0 or above (since I am using it and It works for me and I can't guarantee for other version yet).

Install basic dependencies and mongodb dependecy.

  cd dspot-web
  npm install 
  npm install mongodb

To run

  cd dspot-web
  DEBUG=myapp:* npm start

Then check out at http://localhost:3000 . Note that since you don't have any data it will look a bit empty :) .

[coveralls]

Pull Request Test Coverage Report for Build 2157

• 0 of 0 changed or added relevant lines in 0 files are covered.
• 3 unchanged lines in 2 files lost coverage.
• Overall coverage increased (+0.3%) to 84.584%

---

Files with Coverage Reduction	New Missed Lines	%
dspot/src/main/java/eu/stamp_project/test_framework/AbstractTestFrameworkDecorator.java	1	57.14%
dspot/src/main/java/eu/stamp_project/utils/options/AmplifierEnum.java	2	94.59%

Totals
Change from base Build 2098:	0.3%
Covered Lines:	4938
Relevant Lines:	5838

---

💛 - Coveralls

[monperrus]

Cool progress! Could you add dspot-web/README.md to explain what it does and how it deploy it?

[henry-lp]

Cool progress! Could you add dspot-web/README.md to explain what it does and how it deploy it?

Yes I plan to do that after I am done with the Mongodb feature :) , since I also might need to change the current webinterface to fit with this new feature for Dspot.

[monperrus]

add README.md to explain how to deploy it

[monperrus]

Good progress!

First comments:

• remove Dockerfile
• add screenshots and explanation in README.md
• remove from the UI the selector choice
• remove from the UI the branch choice (always master or develop)

[henry-lp]

@monperrus resolved :).
Travis: Only failed check style unrelated to this PR.

[henry-lp]

@monperrus Resolved :). Awaiting for new comments.

[monperrus]

Thanks @tailp for the progress.

[monperrus]

yes, it's a new screen, quite empty, with a nice picture (animation?), saying in a big font "We'll come back to you over email. The DSpot team. (you can now safely close this window) "

[henry-lp]

Hi :), I believe a modal would fit your preference perfectly. It's an overlay window upon the current page after clicking on the submit button. WDYT ? :) . Best that I make something like that and post a screenshot here.

[henry-lp]

@monperrus hi :) , Issues resolved more or less. Here is the link to dspot app. I didn't set up a proper url like you proposed yet since I am deploying this with my own cluster. @gluckzhang can help me with the DNS domain on KTH cluster later if this get accepted :).

[gluckzhang]

Thanks @tailp for the progress! You could email me the ip address so that I will set up a domain name for your demo. If the project has been containerized, I could also help to deploy it into our k8s cluster.

[henry-lp]

Thanks @tailp for the progress! You could email me the ip address so that I will set up a domain name for your demo. If the project has been containerized, I could also help to deploy it into our k8s cluster.

@gluckzhang thank you :) , I'll send you the two yaml files later, One for the webapp and the other for the pipeline. These can be done with the mongodb and activeMQ we already have previously for repairnator.

[henry-lp]

Hi @monperrus , resolved :) .

[monperrus]

LGTM @danglotb merge?

[monperrus]

Great milestone, thanks to all for the great work!