andi/perfdb
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Activity

use the invaders game as 'loading screen'

Browse Source
This commit is contained in:
Andreas Huber
2019-12-26 18:48:33 +01:00
parent 9b263a70c8
commit 2268ab40b3
7 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
pdb-js/src/app/visualization-page/visualization-page.component.ts
View File

@@ -107,16 +107,19 @@ export class VisualizationPageComponent implements OnInit {
that.plotView.imageUrl = ''; that.plotView.imageUrl = '';
that.galleryView.show=false; that.galleryView.show=false;
document.dispatchEvent(new Event("invadersStart", {}));
const request = this.createPlotRequest(); const request = this.createPlotRequest();
this.plotService.sendPlotRequest(request).subscribe(function(plotResponse){ this.plotService.sendPlotRequest(request).subscribe(function(plotResponse){
console.log("response: " + JSON.stringify(plotResponse)); console.log("response: " + JSON.stringify(plotResponse));
that.plotView.imageUrl = "http://"+window.location.hostname+':8080/'+plotResponse.imageUrl; that.plotView.imageUrl = "http://"+window.location.hostname+':8080/'+plotResponse.imageUrl;
document.dispatchEvent(new Event("invadersPause", {}));
}, },
error => { error => {
that.plotView.imageUrl = ''; that.plotView.imageUrl = '';
that.showError(error.error.message); that.showError(error.error.message);
document.dispatchEvent(new Event("invadersPause", {}));
}); });
} }

0
pdb-ui/src/main/resources/resources/css/invaders.css → pdb-js/src/assets/css/invaders.css
View File

0
pdb-ui/src/main/resources/resources/img/city_silhouette.png → pdb-js/src/assets/img/city_silhouette.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

0
pdb-ui/src/main/resources/resources/js/invaders.js → pdb-js/src/assets/js/invaders.js
View File

11
pdb-js/src/index.html
View File

@@ -10,7 +10,9 @@
<script type="text/javascript" src="/assets/js/jquery-3.4.1.min.js"></script> <script type="text/javascript" src="/assets/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="/assets/js/moment-2.24.0.min.js"></script> <script type="text/javascript" src="/assets/js/moment-2.24.0.min.js"></script>
<script type="text/javascript" src="/assets/js/daterangepicker-3.0.5.js"></script> <script type="text/javascript" src="/assets/js/daterangepicker-3.0.5.js"></script>
<script type="text/javascript" src="/assets/js/invaders.js"></script>
<link rel="stylesheet" type="text/css" href="/assets/css/daterangepicker-3.0.5.css" /> <link rel="stylesheet" type="text/css" href="/assets/css/daterangepicker-3.0.5.css" />
<link rel="stylesheet" type="text/css" href="/assets/css/invaders.css" />
</head> </head>
<body> <body>
<app-root></app-root> <app-root></app-root>
@@ -42,6 +44,15 @@
'Last Year': [moment().subtract(1, 'year').startOf('year'),moment().subtract(1, 'year').endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'),moment().subtract(1, 'year').endOf('year')],
}, },
}); });
initInvaders('results');
document.addEventListener("invadersPause", function(event) {
pauseInvaders();
});
document.addEventListener("invadersStart", function(event) {
startInvaders();
});
}); });
</script> </script>
</body> </body>

2
pdb-ui/src/main/resources/resources/fonts/.gitignore vendored
View File

@@ -1,2 +0,0 @@
/font-awesome-4.7.0/
/font-awesome-4.7.0.zip

5
pdb-ui/src/main/resources/resources/js/.gitignore vendored
View File

@@ -1,5 +0,0 @@
/horsey-master/
/horsey-master.zip
/autocomplete.js-2.1.0/
/autocomplete.js-2.1.0.zip
/search.js