github/docker-labs
1
0
Fork 0
mirror of https://github.com/bingohuang/docker-labs.git synced 2025-07-15 02:37:27 +08:00
Code Issues Releases Wiki Activity

Merge pull request #38 from franela/server-disconnected-alert

Browse Source 
Show a server disconnected message
This commit is contained in:
Jonathan Leibiusky 2016-11-16 09:36:45 -03:00 committed by GitHub
commit e45700c904
3 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
www/assets/app.js
View File

@ -10,6 +10,7 @@
$scope.selectedInstance = null;
$scope.isAlive = true;
$scope.ttl = '--:--:--';
$scope.connected = true;
angular.element($window).bind('resize', function(){
if ($scope.selectedInstance) {
@ -123,6 +124,13 @@
});
});
socket.on('connect_error', function() {
$scope.connected = false;
});
socket.on('connect', function() {
$scope.connected = true;
});
$scope.socket = socket;
var i = response.data;

4
www/assets/style.css
View File

@ -42,3 +42,7 @@ md-card-content.terminal {
margin-bottom: auto;
margin-top: 50px;
}
.disconnected {
background-color: #FDF4B6;
}

5
www/index.html
View File

@ -18,6 +18,10 @@
<div flex></div>
</md-content>
</section>
<section ng-if="!connected" class="disconnected" layout="row" layout-align="center center">
<h1 class="md-headline">No connection to server. Reconnecting...</h1>
<md-progress-circular class="md-hue-2" md-diameter="20px"></md-progress-circular>
</section>
<section id="popupContainer" layout="row" flex ng-if="isAlive">
<md-sidenav
class="md-sidenav-left"
@ -43,7 +47,6 @@
</md-content>
</md-sidenav>
<md-content flex layout-padding ng-if="!instances.length">
<div layout="column" layout-align="top center">
<p>