ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2025-04-10 03:49:53 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Loading on map load

Browse Source
This commit is contained in:
ziajka 2017-12-05 09:18:46 +01:00
parent 3023a8fde0
commit e948954963
4 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/project-map/project-map.component.css
View File

@ -30,5 +30,11 @@ g.node:hover {
}
.loading-spinner {
display: flex; justify-content: center; align-items: center;
position: absolute;
top: 50%;
width: 100px;
margin-left:-50px;
margin-top: -50px;
left: 50%;
}

2
src/app/project-map/project-map.component.html
View File

@ -46,7 +46,7 @@
<app-node-select-interface (onChooseInterface)="onChooseInterface($event)"></app-node-select-interface>
</div>
<div class="loading-spinner">
<div class="loading-spinner" *ngIf="isLoading">
<mat-spinner color="primary">
</mat-spinner>
</div>

4
src/app/project-map/project-map.component.ts
View File

@ -52,7 +52,7 @@ export class ProjectMapComponent implements OnInit {
private ws: Subject<any>;
private drawLineMode = false;
private isLoading = true;
public isLoading = true;
@ViewChild(MapComponent) mapChild: MapComponent;
@ -123,7 +123,7 @@ export class ProjectMapComponent implements OnInit {
this.setUpMapCallbacks(project);
this.setUpWS(project);
this.isLoading = true;
this.isLoading = false;
});

1
src/styles.css
View File

@ -8,3 +8,4 @@ img.logo-header {
a.table-link {
color: #0097a7;
}