Commit e286f1f7 authored by Jie Yuan's avatar Jie Yuan

add fingers to buttons

parent 5a8b25e4
......@@ -103,4 +103,9 @@ table {
.form-div {
width: 80%;
margin:0 auto;
}
\ No newline at end of file
}
.finger:hover {
cursor: pointer;
}
......@@ -51,7 +51,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" class="finger" mat-icon-button (click)="sidenavtoggle()"><mat-icon>menu</mat-icon></button>
<span class="example-fill-remaining-space"></span>
......@@ -95,7 +95,7 @@
<!-- Position Column -->
<ng-container matColumnDef="siteName">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Site </th>
<td mat-cell *matCellDef="let element" matTooltip="Show {{element.siteName}} Info" (click)="onClick(element)"> {{element.siteName}} </td>
<td mat-cell *matCellDef="let element" class="finger" matTooltip="Show {{element.siteName}} Info" (click)="onClick(element)"> {{element.siteName}} </td>
</ng-container>
<!-- Name Column -->
......@@ -118,18 +118,18 @@
<ng-container matColumnDef="servCompServiceType">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Service </th>
<td mat-cell *matCellDef="let element" matTooltip="Show All Component of {{element.servCompServiceType}}"> {{element.servCompServiceType}} </td>
<td mat-cell *matCellDef="let element" class="finger" matTooltip="Show All Component of {{element.servCompServiceType}}"> {{element.servCompServiceType}} </td>
</ng-container>
<ng-container matColumnDef="servCompName">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Component </th>
<td mat-cell *matCellDef="let element" matTooltip="Show Services Having {{element.servCompName}}" > {{element.servCompName}} </td>
<td mat-cell *matCellDef="let element" class="finger" matTooltip="Show Services Having {{element.servCompName}}" > {{element.servCompName}} </td>
</ng-container>
<ng-container matColumnDef="servCompTagAtSite">
<th mat-header-cell *matHeaderCellDef> Version </th>
<td mat-cell *matCellDef="let element" matTooltip="Show Record History" (click)="onServiceComponentSelected(element)" > {{element.servCompTagAtSite}} </td>
<td mat-cell *matCellDef="let element" class="finger" matTooltip="Show Record History" (click)="onServiceComponentSelected(element)" > {{element.servCompTagAtSite}} </td>
</ng-container>
......
......@@ -157,4 +157,9 @@ img {
.form-div {
width: 80%;
margin:0 auto;
}
\ No newline at end of file
}
.finger:hover {
cursor: pointer;
}
......@@ -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" class="finger" mat-icon-button (click)="sidenavtoggle()"><mat-icon>menu</mat-icon></button>
<span class="example-fill-remaining-space"></span>
......@@ -72,8 +72,8 @@
<button class="menu-button" mat-button [matMenuTriggerFor]="menuuser">{{username}}</button>
<mat-menu #menuuser="matMenu">
<button mat-menu-item (click)="openDialog()">Profile</button>
<button mat-menu-item (click)="onLogout()">Logout</button>
<button mat-raised-button mat-menu-item (click)="openDialog()">Profile</button>
<button mat-raised-button mat-menu-item (click)="onLogout()">Logout</button>
</mat-menu>
</mat-toolbar>
......
......@@ -152,4 +152,8 @@ img {
.form-div {
width: 80%;
margin:0 auto;
}
\ No newline at end of file
}
.finger:hover {
cursor: pointer;
}
......@@ -173,4 +173,8 @@ img {
.toolbar-div {
background: rgb(184, 197, 196);
}
\ No newline at end of file
}
.finger:hover {
cursor: pointer;
}
......@@ -47,7 +47,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" class="finger" mat-icon-button (click)="sidenavtoggle()"><mat-icon>menu</mat-icon></button>
<span class="example-fill-remaining-space"></span>
......
......@@ -2,8 +2,13 @@ table {
width: 90%;
text-align: left;
margin:0 auto;
}
.finger:hover {
cursor: pointer;
}
.mat-table-div {
width: 90%;
text-align: left;
......
......@@ -54,7 +54,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" class="finger" mat-icon-button (click)="sidenavtoggle()"><mat-icon>menu</mat-icon></button>
<span class="example-fill-remaining-space"></span>
<!--
......@@ -106,31 +106,31 @@
<!-- Position Column -->
<ng-container matColumnDef="siteName">
<mat-header-cell *matHeaderCellDef mat-sort-header> Site </mat-header-cell>
<mat-cell *matCellDef="let element" (click)="onClick(element)" matTooltip="Show {{element.siteName}} Info" > {{element.siteName}} </mat-cell>
<mat-cell *matCellDef="let element" class="finger" (click)="onClick(element)" matTooltip="Show {{element.siteName}} Info" > {{element.siteName}}</mat-cell>
</ng-container>
<!-- Name Column -->
<ng-container matColumnDef="siteUrl">
<mat-header-cell *matHeaderCellDef mat-sort-header> URL </mat-header-cell>
<mat-cell *matCellDef="let element" (click)="onClick(element)" matTooltip="Show {{element.siteName}} Info"> {{element.siteUrl}} </mat-cell>
<mat-cell *matCellDef="let element" class="finger" (click)="onClick(element)" matTooltip="Show {{element.siteName}} Info"> {{element.siteUrl}} </mat-cell>
</ng-container>
<!-- Weight Column -->
<ng-container matColumnDef="siteCountry">
<mat-header-cell *matHeaderCellDef mat-sort-header> Country </mat-header-cell>
<mat-cell *matCellDef="let element" (click)="onClick(element)" matTooltip="Show {{element.siteName}} Info"> {{element.siteCountry}} </mat-cell>
<mat-cell *matCellDef="let element" class="finger" (click)="onClick(element)" matTooltip="Show {{element.siteName}} Info"> {{element.siteCountry}} </mat-cell>
</ng-container>
<!-- Symbol Column -->
<ng-container matColumnDef="siteNoOfHosts">
<mat-header-cell *matHeaderCellDef mat-sort-header>Hosts </mat-header-cell>
<mat-cell *matCellDef="let element" (click)="onHostsSelected(element)" matTooltip="Show Hosts amd Services @{{element.siteName}}" > {{element.siteNoOfHosts}}
<mat-cell *matCellDef="let element" class="finger" (click)="onHostsSelected(element)" matTooltip="Show Hosts amd Services @{{element.siteName}}" > {{element.siteNoOfHosts}}
</mat-cell>
</ng-container>
<ng-container matColumnDef="siteNoOfServices">
<mat-header-cell *matHeaderCellDef mat-sort-header> Services </mat-header-cell>
<mat-cell *matCellDef="let element" (click)="onHostsSelected(element)" matTooltip="Show Hosts amd Services @{{element.siteName}}"> {{element.siteNoOfServices}}
<mat-cell *matCellDef="let element" class="finger" (click)="onHostsSelected(element)" matTooltip="Show Hosts amd Services @{{element.siteName}}"> {{element.siteNoOfServices}}
</mat-cell>
</ng-container>
......
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