Commit dc4cf7f7 authored by Jie Yuan's avatar Jie Yuan

change the sidebar default to open

parent d5d8fb71
......@@ -99,4 +99,7 @@ table {
position: relative;
}
\ No newline at end of file
.form-div {
width: 80%;
margin:0 auto;
}
\ No newline at end of file
......@@ -4,8 +4,13 @@
<div>
<mat-sidenav-container class="example-container" *ngIf="shouldRun">
<mat-sidenav *ngIf="sidebarOpen" mode="side" opened>
<p></p>
<div>
<img src="assets/logoSideBar.png" alt="Banner Image" class="logoSideBarImg"/>
</div>
<p></p>
<div>
<div class="form-div">
<mat-form-field>
<mat-label>------DPMT------</mat-label>
<mat-select>
......@@ -15,7 +20,8 @@
</mat-select>
</mat-form-field>
</div>
<div>
<div class="form-div">
<mat-form-field>
<mat-label>------GOCDB------</mat-label>
<mat-select>
......@@ -26,7 +32,7 @@
</mat-form-field>
</div>
<div>
<div class="form-div">
<mat-form-field>
<mat-label>------EOSC------</mat-label>
<mat-select>
......@@ -106,7 +112,7 @@
<!-- Symbol Column -->
<ng-container matColumnDef="hostNameStatus">
<th mat-header-cell *matHeaderCellDef>Statsu </th>
<th mat-header-cell *matHeaderCellDef>Status </th>
<td mat-cell *matCellDef="let element"> {{element.hostNameStatus}} </td>
</ng-container>
......@@ -137,7 +143,7 @@
</table>
<mat-paginator [pageSizeOptions]="[5, 10, 20,40]" showFirstLastButtons></mat-paginator>
<mat-paginator [pageSizeOptions]="[10, 20,40]" showFirstLastButtons></mat-paginator>
</div>
</mat-sidenav-content>
......
......@@ -25,7 +25,7 @@ export class FulltableComponent implements OnInit , DoCheck, AfterViewInit{
displayedColumns: string[] = ['siteName','hostName','hostNameOS','hostNameStatus','servCompServiceType','servCompName','servCompTagAtSite','servCompCreatedTime'];
shouldRun: boolean = true;
sidebarOpen: boolean = false;
sidebarOpen: boolean = true;
scRows: ServiceComponentRow[];
currentServiceSource: string;
......
......@@ -151,4 +151,9 @@ img {
.toolbar-div {
background: rgb(184, 197, 196);
}
.form-div {
width: 80%;
margin:0 auto;
}
\ No newline at end of file
......@@ -3,11 +3,11 @@
<div>
<mat-sidenav-container class="example-container" >
<mat-sidenav *ngIf="sidebarOpen" mode="side" opened>
<p></p>
<div>
<img src="assets/logoSideBar.png" alt="Banner Image" class="logoSideBarImg"/>
</div>
<p></p>
<div>
<mat-form-field>
<mat-label>------DPMT------</mat-label>
......
......@@ -24,7 +24,7 @@ export class HostnameComponent implements OnInit, OnDestroy {
eoscSiteNames: string[];
gocdbSiteNames: string[];
dpmtSiteNames: string[];
sidebarOpen:boolean = false;
sidebarOpen:boolean = true;
constructor(private siteService: SiteShortService, public router: Router,
......
......@@ -146,4 +146,9 @@ img {
.toolbar-div {
background: rgb(184, 197, 196);
}
.form-div {
width: 80%;
margin:0 auto;
}
\ No newline at end of file
......@@ -48,7 +48,7 @@
<div>
<mat-toolbar class="toolbar-div">
<button class="menu-button" mat-icon-button (click)="sidenavtoggle()"><mat-icon>menu</mat-icon></button>
<!--<button class="menu-button" mat-icon-button (click)="sidenavtoggle()"><mat-icon>menu</mat-icon></button>-->
<span class="example-fill-remaining-space"></span>
......
......@@ -3,10 +3,12 @@
<div>
<mat-sidenav-container class="example-container" >
<mat-sidenav *ngIf="sidebarOpen" mode="side" opened>
<p></p>
<div>
<img src="assets/logoSideBar.png" alt="Banner Image" class="logoSideBarImg"/>
</div>
<div>
<p></p>
<div class="form-div">
<mat-form-field>
<mat-label>------DPMT------</mat-label>
<mat-select>
......@@ -16,7 +18,7 @@
</mat-select>
</mat-form-field>
</div>
<div>
<div class="form-div">
<mat-form-field>
<mat-label>------GOCDB------</mat-label>
<mat-select>
......@@ -27,7 +29,7 @@
</mat-form-field>
</div>
<div>
<div class="form-div">
<mat-form-field>
<mat-label>------EOSC------</mat-label>
<mat-select>
......
......@@ -17,7 +17,7 @@ export class SiteComponent implements OnInit, OnDestroy {
//export class SiteComponent implements OnDestroy {
site: Site;
siteUpdateSubscription: Subscription;
sidebarOpen: boolean = false;
sidebarOpen: boolean = true;
hasHosts: boolean = false;
eoscSiteNames: string[];
gocdbSiteNames: string[];
......
......@@ -104,4 +104,9 @@ table {
.toolbar-div {
background: rgb(184, 197, 196);
}
.form-div {
width: 80%;
margin:0 auto;
}
\ No newline at end of file
......@@ -7,11 +7,13 @@
<div>
<mat-sidenav-container class="example-container" *ngIf="shouldRun">
<mat-sidenav *ngIf="sidebarOpen" mode="side" opened>
<p></p>
<div>
<img src="assets/logoSideBar.png" alt="Banner Image" class="logoSideBarImg"/>
</div>
<div>
<p></p>
<div class="form-div">
<mat-form-field>
<mat-label>------DPMT------</mat-label>
<mat-select>
......@@ -20,8 +22,9 @@
</mat-option>
</mat-select>
</mat-form-field>
</div>
<div>
</div >
<div class="form-div">
<mat-form-field>
<mat-label>------GOCDB------</mat-label>
<mat-select>
......@@ -32,7 +35,7 @@
</mat-form-field>
</div>
<div>
<div class="form-div">
<mat-form-field>
<mat-label>------EOSC------</mat-label>
<mat-select>
......@@ -136,7 +139,7 @@
<mat-paginator [pageSizeOptions]="[5, 10, 20,40]" showFirstLastButtons></mat-paginator>
<mat-paginator [pageSizeOptions]="[10, 20,40]" showFirstLastButtons></mat-paginator>
</div>
</mat-sidenav-content>
......
......@@ -24,7 +24,7 @@ export class TableComponent implements OnInit, DoCheck,AfterViewInit {
displayedColumns: string[] = ['siteName','siteUrl','siteCountry','siteNoOfHosts','siteNoOfServices','lastUpdateOn'];
shouldRun: boolean = true;
sidebarOpen: boolean = false;
sidebarOpen: boolean = true;
currentSiteSource: string;
serverList: SiteShort[];
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment