Skip to content

Ajit Thakor / bo-livebillionbet-ui

Go to a project
Commit 74df340d by Ajit Thakor
Options

added tool tip on button

1 parent fd7dfacd
Inline Side-by-side
Showing with 129 additions and 121 deletions
src/app/components/affiliates/add-affiliate-dialog/add-affiliate-dialog.component.html
......@@ -88,8 +88,8 @@
</mat-card-content>
<div>
<mat-card-actions>
<button mat-raised-button color="primary" type="submit" [disabled]="!form.valid">Submit</button>
<button mat-raised-button color="accent" (click)="dialogRef.close(false)">Close</button>
<button mat-raised-button matTooltip="Submit" color="primary" type="submit" [disabled]="!form.valid">Submit</button>
<button mat-raised-button matTooltip="Close"color="accent" (click)="dialogRef.close(false)">Close</button>
</mat-card-actions>
</div>
</form>
......
src/app/components/affiliates/edit-dialog/edit-dialog.component.html
<mat-toolbar color="primary">Affiliate Details</mat-toolbar>
<div fxLayout="row wrap" fxLayoutAlign="center start">
<div fxFlex.gt-sm="55" fxFlex="100">
<mat-card class="mat-card-top">
<mat-toolbar color="primary">Affiliate Details</mat-toolbar>
<mat-tab-group>
<mat-tab>
<ng-template matTabLabel>Affiliate Info</ng-template>
......@@ -49,8 +49,9 @@
</div>
<hr>
<mat-card-actions>
<button mat-raised-button color="primary">Update</button>
<button mat-raised-button color="accent" (click)="dialogRef.close(false)">Close</button>
<button mat-raised-button matTooltip="Update" color="primary">Update</button>
<button mat-raised-button matTooltip="Close" color="accent"
(click)="dialogRef.close(false)">Close</button>
</mat-card-actions>
</form>
</mat-card-content>
......@@ -70,8 +71,9 @@
</mat-form-field>
<hr>
<mat-card-actions>
<button mat-raised-button color="primary">Update</button>
<button mat-raised-button color="accent" (click)="dialogRef.close(false)">Close</button>
<button mat-raised-button matTooltip="Update" color="primary">Update</button>
<button mat-raised-button matTooltip="Close" color="accent"
(click)="dialogRef.close(false)">Close</button>
</mat-card-actions>
</div>
</div>
......@@ -188,8 +190,9 @@
</div>
<hr>
<mat-card-actions>
<button mat-raised-button color="primary">Save</button>
<button mat-raised-button color="accent" (click)="dialogRef.close(false)">Close</button>
<button mat-raised-button matTooltip="Save" color="primary">Save</button>
<button mat-raised-button matTooltip="Close" color="accent"
(click)="dialogRef.close(false)">Close</button>
</mat-card-actions>
</form>
</mat-card-content>
......
src/app/components/affiliates/view-affiliates/view-affiliate.component.html
......@@ -27,15 +27,15 @@
<mat-option value="end">Disable</mat-option>
</mat-select>
</mat-form-field>
<button mat-raised-button color="primary">Search</button>
<button mat-button>Clean</button>
<button mat-raised-button matTooltip="Search" color="primary">Search</button>
<button mat-button matTooltip="Clean">Clean</button>
</mat-expansion-panel>
<br>
<div fxLayout="row" fxLayoutWrap="wrap">
<div fxFlex="100" fxFlex.gt-sm="100" fxFlex.sm="100">
<div fxFlex.gt-xs="50" fxFlex="100" class="text-sm-right text-xs-left">
<span fxFlex></span>
<button mat-raised-button color="primary" class="mr-1" (click)="addAffiliateDialog()">Add Affiliate </button>
<button mat-raised-button color="primary" matTooltip="Add Affiliate" class="mr-1" (click)="addAffiliateDialog()">Add Affiliate </button>
</div>
<div class="mat-box-shadow">
<ngx-datatable class="material bg-white" [columnMode]="'force'" [headerHeight]="50" [footerHeight]="50"
......@@ -118,7 +118,7 @@
<ngx-datatable-column name="Action">
<ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
<button id="modifyButton" matTooltip="Modify" mat-icon-button mat-button-sm (click)="openEditDialog()"
<button id="modifyButton" matTooltip="Update" mat-icon-button mat-button-sm (click)="openEditDialog()"
[attr.aria-label]="edit" color="primary">
<mat-icon class="mi16">edit</mat-icon>
</button>
......
src/app/components/operators/add-operator-dialog/add-operator-dialog.component.html
......@@ -2,84 +2,74 @@
<mat-toolbar color="primary">Add Operator</mat-toolbar>
<form [formGroup]="form">
<mat-card-content>
<div fxLayout="row wrap">
<div class="mb-1">
<mat-form-field style="width: 100%">
<div class="pb-1">
<mat-form-field fxFlex style="width: 30%">
<input matInput placeholder="First name" autofocus [formControl]="form.controls['fname']">
<mat-error *ngIf="form.controls['fname'].hasError('required') && form.controls['fname'].touched"
class="mat-text-warn">You must include a first name.</mat-error>
<mat-error *ngIf="form.controls['fname'].hasError('minlength') && form.controls['fname'].touched"
class="mat-text-warn">Your first name must be at least 5 characters long.</mat-error>
<mat-error *ngIf="form.controls['fname'].hasError('maxlength') && form.controls['fname'].touched"
class="mat-text-warn">Your first name cannot exceed 10 characters.</mat-error>
</mat-form-field>
<small *ngIf="form.controls['fname'].hasError('required') && form.controls['fname'].touched"
class="mat-text-warn">You must include a first name.</small>
<small *ngIf="form.controls['fname'].hasError('minlength') && form.controls['fname'].touched"
class="mat-text-warn">Your first name must be at least 5 characters long.</small>
<small *ngIf="form.controls['fname'].hasError('maxlength') && form.controls['fname'].touched"
class="mat-text-warn">Your first name cannot exceed 10 characters.</small>
</div>
</div>
<div fxLayout="row wrap">
<div class="mb-1">
<mat-form-field style="width: 100%">
<mat-form-field fxFlex style="width: 30%">
<input matInput placeholder="Last name" [formControl]="form.controls['lname']">
<mat-error *ngIf="form.controls['lname'].hasError('required') && form.controls['lname'].touched"
class="mat-text-warn">You must include a last name.</mat-error>
<mat-error *ngIf="form.controls['lname'].hasError('minlength') && form.controls['lname'].touched"
class="mat-text-warn">Your last name must be at least 5 characters long.</mat-error>
<mat-error *ngIf="form.controls['lname'].hasError('maxlength') && form.controls['lname'].touched"
class="mat-text-warn">Your last name cannot exceed 10 characters.</mat-error>
</mat-form-field>
<mat-form-field fxFlex style="width: 30%">
<input matInput placeholder="User name" [formControl]="form.controls['uname']">
<mat-error *ngIf="form.controls['uname'].hasError('required') && form.controls['uname'].touched"
class="mat-text-warn">You must include a user name.</mat-error>
<mat-error *ngIf="form.controls['uname'].hasError('minlength') && form.controls['uname'].touched"
class="mat-text-warn">Your user name must be at least 5 characters long.</mat-error>
<mat-error *ngIf="form.controls['uname'].hasError('maxlength') && form.controls['uname'].touched"
class="mat-text-warn">Your user name cannot exceed 10 characters.</mat-error>
</mat-form-field>
<small *ngIf="form.controls['lname'].hasError('required') && form.controls['lname'].touched"
class="mat-text-warn">You must include a last name.</small>
<small *ngIf="form.controls['lname'].hasError('minlength') && form.controls['lname'].touched"
class="mat-text-warn">Your last name must be at least 5 characters long.</small>
<small *ngIf="form.controls['lname'].hasError('maxlength') && form.controls['lname'].touched"
class="mat-text-warn">Your last name cannot exceed 10 characters.</small>
</div>
</div>
<div fxLayout="row wrap">
<div class="mb-1">
<mat-form-field style="width: 100%">
<input matInput placeholder="User name" [formControl]="form.controls['uname']">
<div class="pb-1">
<mat-form-field fxFlex style="width: 30%">
<input matInput placeholder="Email address" [formControl]="form.controls['email']" type="email">
<mat-error *ngIf="form.controls['email'].hasError('required') && form.controls['email'].touched"
class="mat-text-warn">You must include an email address.</mat-error>
<mat-error *ngIf="form.controls['email'].errors?.email && form.controls['email'].touched"
class="mat-text-warn">You must include a valid email address.</mat-error>
</mat-form-field>
<small *ngIf="form.controls['uname'].hasError('required') && form.controls['uname'].touched"
class="mat-text-warn">You must include a user name.</small>
<small *ngIf="form.controls['uname'].hasError('minlength') && form.controls['uname'].touched"
class="mat-text-warn">Your user name must be at least 5 characters long.</small>
<small *ngIf="form.controls['uname'].hasError('maxlength') && form.controls['uname'].touched"
class="mat-text-warn">Your user name cannot exceed 10 characters.</small>
</div>
</div>
<div class="mb-1">
<mat-form-field style="width: 100%">
<input matInput placeholder="Email address" [formControl]="form.controls['email']" type="email">
</mat-form-field>
<small *ngIf="form.controls['email'].hasError('required') && form.controls['email'].touched"
class="mat-text-warn">You must include an email address.</small>
<small *ngIf="form.controls['email'].errors?.email && form.controls['email'].touched" class="mat-text-warn">You
must include a valid email address.</small>
</div>
<div class="mb-1">
<mat-form-field style="width: 100%">
<input matInput placeholder="Password" [formControl]="form.controls['password']" type="password">
</mat-form-field>
<small *ngIf="form.controls['password'].hasError('required') && form.controls['password'].touched"
class="mat-text-warn">You must include password.</small>
</div>
<div class="mb-1">
<mat-form-field style="width: 100%">
<mat-select placeholder="Role" [formControl]="form.controls['role']">
<mat-option>--</mat-option>
<mat-option value="SUPERADMIN">Super Admin</mat-option>
<mat-option value="ADMIN">Admin</mat-option>
<mat-option value="MARKETING">Marketing</mat-option>
<mat-option value="DEVELOPER">Developer</mat-option>
<mat-option value="QA">QA</mat-option>
<mat-option value="CS">CS</mat-option>
</mat-select>
</mat-form-field>
<small *ngIf="form.controls['role'].hasError('required') && form.controls['role'].touched"
class="mat-text-warn">You must include role.</small>
<mat-form-field fxFlex style="width: 30%">
<input matInput placeholder="Password" [formControl]="form.controls['password']" type="password">
<mat-error *ngIf="form.controls['password'].hasError('required') && form.controls['password'].touched"
class="mat-text-warn">You must include password.</mat-error>
</mat-form-field>
<mat-form-field fxFlex style="width: 30%">
<mat-select placeholder="Role" [formControl]="form.controls['role']">
<mat-option>--</mat-option>
<mat-option value="SUPERADMIN">Super Admin</mat-option>
<mat-option value="ADMIN">Admin</mat-option>
<mat-option value="MARKETING">Marketing</mat-option>
<mat-option value="DEVELOPER">Developer</mat-option>
<mat-option value="QA">QA</mat-option>
<mat-option value="CS">CS</mat-option>
</mat-select>
<mat-error *ngIf="form.controls['role'].hasError('required') && form.controls['role'].touched"
class="mat-text-warn">You must include role.</mat-error>
</mat-form-field>
</div>
</div>
</mat-card-content>
<hr>
<mat-card-actions>
<button mat-raised-button color="primary" type="submit" [disabled]="!form.valid">Submit</button>
<button mat-raised-button color="accent" (click)="dialogRef.close(false)">Close</button>
<button mat-raised-button matTooltip="Submit" color="primary" type="submit" [disabled]="!form.valid">Submit</button>
<button mat-raised-button matTooltip="Close" color="accent" (click)="dialogRef.close(false)">Close</button>
</mat-card-actions>
</form>
</mat-card>
\ No newline at end of file
src/app/components/operators/edit-dialog/edit-dialog.component.html
<mat-toolbar color="primary">Operator Details</mat-toolbar>
<div fxLayout="row wrap" fxLayoutAlign="center start">
<div fxFlex.gt-sm="55" fxFlex="100">
<mat-card class="mat-card-top">
<mat-toolbar color="primary">Operator Details</mat-toolbar>
<mat-tab-group>
<mat-tab>
<ng-template matTabLabel>Operator Info</ng-template>
......
src/app/components/operators/operators.module.ts
......@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MatToolbarModule,MatRadioModule,MatSlideToggleModule, MatInputModule, MatExpansionModule, MatDatepickerModule, MatNativeDateModule, MatSelectModule, MatButtonModule, MatButtonToggleModule, MatTabsModule, MatIconModule, MatCardModule } from '@angular/material';
import { MatTooltipModule,MatToolbarModule,MatRadioModule,MatSlideToggleModule, MatInputModule, MatExpansionModule, MatDatepickerModule, MatNativeDateModule, MatSelectModule, MatButtonModule, MatButtonToggleModule, MatTabsModule, MatIconModule, MatCardModule } from '@angular/material';
import { NgxDatatableModule } from '@swimlane/ngx-datatable';
import { OperatorsRoutes } from './operators.routing';
import { ViewOperatorsComponent } from './view-operators/view-operator.component';
......@@ -29,7 +29,8 @@ import { EditDialogComponent } from './edit-dialog/edit-dialog.component';
FormsModule,
ReactiveFormsModule,
MatRadioModule,
MatToolbarModule
MatToolbarModule,
MatTooltipModule
],
declarations: [
ViewOperatorsComponent,
......
src/app/components/operators/view-operators/view-operator.component.html
......@@ -28,8 +28,8 @@
</mat-select>
</mat-form-field>
<button mat-raised-button color="primary">Search</button>
<button mat-button>Clean</button>
<button mat-raised-button matTooltip="Search" color="primary">Search</button>
<button mat-button matTooltip="Clean" >Clean</button>
</mat-expansion-panel>
<br>
......@@ -39,7 +39,7 @@
<div fxFlex.gt-xs="50" fxFlex="100" class="text-sm-right text-xs-left">
<span fxFlex></span>
<button mat-raised-button color="primary" class="mr-1" (click)="addOperatorDialog()">Add Operator </button>
<button mat-raised-button matTooltip="Add Operator" color="primary" class="mr-1" (click)="addOperatorDialog()">Add Operator </button>
</div>
<div class="mat-box-shadow">
......@@ -91,7 +91,7 @@
<ngx-datatable-column name="Action">
<ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
<button id="modifyButton" matTooltip="Modify" class="mibutton24" mat-icon-button mat-button-sm
<button id="modifyButton" matTooltip="Update" class="mibutton24" mat-icon-button mat-button-sm
(click)="openEditDialog()" [attr.aria-label]="edit"
color="primary">
<mat-icon class="mi16">edit</mat-icon>
......
src/app/components/payments/deposits/deposits.component.html
......@@ -57,8 +57,8 @@
</mat-select>
</mat-form-field>
<button mat-raised-button color="primary">Search</button>
<button mat-button>Clean</button>
<button mat-raised-button matTooltip="Search" color="primary">Search</button>
<button mat-button matTooltip="Clean">Clean</button>
</mat-expansion-panel>
<div class="mat-box-shadow">
<ngx-datatable class="material bg-white" [columnMode]="'force'" [headerHeight]="50" [footerHeight]="50"
......
src/app/components/payments/withdrawals/withdrawals.component.html
......@@ -36,8 +36,8 @@
</mat-select>
</mat-form-field>
<button mat-raised-button color="primary">Search</button>
<button mat-button>Clean</button>
<button mat-raised-button matTooltip="Search" color="primary">Search</button>
<button mat-button matTooltip="Clean" >Clean</button>
</mat-expansion-panel>
<div class="mat-box-shadow">
<ngx-datatable class="material bg-white" [columnMode]="'force'" [headerHeight]="50" [footerHeight]="50"
......
src/app/components/players/balance-adjustment-dialog/balance-adjustment-dialog.component.html
<mat-toolbar color="primary">Balance Adjustment</mat-toolbar>
<div fxLayout="row wrap" fxLayoutAlign="center start">
<div fxFlex.gt-sm="55" fxFlex="100">
<mat-card class="mat-card-top">
<mat-toolbar color="primary">Balance Adjustment</mat-toolbar>
<mat-tab-group>
<mat-tab>
<ng-template matTabLabel>Main Wallet Adjustment</ng-template>
<mat-card-content>
<form fxLayout="column">
<div fxFlex="100" fxFlex.gt-xs="50" fxFlex.gt-sm="50" class="pr-1">
<div fxLayout="row wrap">
<div class="pb-1">
<mat-form-field class="">
<mat-form-field fxFlex style="width: 30%">
<input matInput placeholder="User Name">
</mat-form-field>
<mat-form-field class="">
<mat-form-field fxFlex style="width: 30%">
<input matInput placeholder="Current Balance">
</mat-form-field>
<mat-form-field class="mb-1">
<mat-form-field fxFlex style="width: 30%">
<mat-select placeholder="Adjustment Type">
<mat-option>--</mat-option>
<mat-option value="add">Add</mat-option>
<mat-option value="deduct">Deduct</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field class="">
</div>
</div>
<div fxLayout="row wrap">
<div class="pb-1">
<mat-form-field fxFlex style="width: 30%">
<input matInput placeholder="Amount">
</mat-form-field>
<mat-form-field class="">
<mat-form-field fxFlex style="width: 30%">
<input matInput placeholder="Remark">
</mat-form-field>
</div>
</div>
<hr>
<mat-card-actions>
<button mat-raised-button color="primary">Save</button>
<button mat-raised-button color="accent" (click)="dialogRef.close(false)">Close</button>
<button mat-raised-button matTooltip="Save" color="primary">Save</button>
<button mat-raised-button matTooltip="Close" color="accent" (click)="dialogRef.close(false)">Close</button>
</mat-card-actions>
</form>
</mat-card-content>
......@@ -42,15 +46,15 @@
<ng-template matTabLabel>Provider's Wallet Adjustment</ng-template>
<mat-card-content>
<form fxLayout="column">
<div fxFlex="100" fxFlex.gt-xs="50" fxFlex.gt-sm="50" class="pr-1">
<div fxLayout="row wrap">
<div class="pb-1">
<mat-form-field class="">
<mat-form-field fxFlex style="width: 30%">
<input matInput placeholder="User Name">
</mat-form-field>
<mat-form-field class="">
<mat-form-field fxFlex style="width: 30%">
<input matInput placeholder="Current Balance">
</mat-form-field>
<mat-form-field class="mb-1">
<mat-form-field fxFlex style="width: 30%">
<mat-select placeholder="From Wallet">
<mat-option>--</mat-option>
<mat-option value="ag">AG</mat-option>
......@@ -65,7 +69,12 @@
<mat-option value="iml">IML</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field class="mb-1">
</div>
</div>
<div fxLayout="row wrap">
<div class="pb-1">
<mat-form-field fxFlex style="width: 30%">
<mat-select placeholder="To Wallet">
<mat-option>--</mat-option>
<mat-option value="ag">AG</mat-option>
......@@ -80,29 +89,29 @@
<mat-option value="iml">IML</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field class="mb-1">
<mat-form-field fxFlex style="width: 30%">
<mat-select placeholder="Adjustment Type">
<mat-option>--</mat-option>
<mat-option value="add">Add</mat-option>
<mat-option value="deduct">Deduct</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field fxFlex style="width: 30%">
<input matInput placeholder="Amount">
</mat-form-field>
</div>
</div>
<div fxFlex="100" fxFlex.gt-xs="50" fxFlex.gt-sm="50" class="pr-1">
<div class="pb-1">
<mat-form-field class="">
<input matInput placeholder="Amount">
</mat-form-field>
<mat-form-field class="">
<input matInput placeholder="Remark">
</mat-form-field>
</div>
</div>
<hr>
<mat-card-actions>
<button mat-raised-button color="primary">Save</button>
<button mat-raised-button color="accent" (click)="dialogRef.close(false)">Close</button>
<button mat-raised-button matTooltip="Save" color="primary">Save</button>
<button mat-raised-button matTooltip="Close" color="accent" (click)="dialogRef.close(false)">Close</button>
</mat-card-actions>
</form>
</mat-card-content>
......
src/app/components/players/edit-dialog/edit-dialog.component.html
<mat-toolbar color="primary">User Details</mat-toolbar>
<div fxLayout="row wrap" fxLayoutAlign="center start">
<div fxFlex.gt-sm="55" fxFlex="100">
<mat-card class="mat-card-top">
<mat-toolbar color="primary">User Details</mat-toolbar>
<mat-tab-group>
<mat-tab>
<ng-template matTabLabel>User Info</ng-template>
......@@ -51,8 +51,9 @@
</div>
<hr>
<mat-card-actions>
<button mat-raised-button color="primary">Update</button>
<button mat-raised-button color="accent" (click)="dialogRef.close(false)">Close</button>
<button mat-raised-button matTooltip="Update" color="primary">Update</button>
<button mat-raised-button matTooltip="Close" color="accent"
(click)="dialogRef.close(false)">Close</button>
</mat-card-actions>
</form>
</mat-card-content>
......@@ -72,8 +73,9 @@
</mat-form-field>
<hr>
<mat-card-actions>
<button mat-raised-button color="primary">Update</button>
<button mat-raised-button color="accent" (click)="dialogRef.close(false)">Close</button>
<button mat-raised-button matTooltip="Update" color="primary">Update</button>
<button mat-raised-button matTooltip="Close" color="accent"
(click)="dialogRef.close(false)">Close</button>
</mat-card-actions>
</div>
</div>
......@@ -90,8 +92,8 @@
<br>
<div fxFlex.gt-xs="50" fxFlex="100" class="text-sm-right text-xs-left">
<span fxFlex></span>
<button mat-raised-button [attr.align]="actionsAlignment" color="primary" class="mr-1"
(click)="openBalanceAdjustmentDialog()">Balance
<button mat-raised-button [attr.align]="actionsAlignment" matTooltip="Balance Adjustment"
color="primary" class="mr-1" (click)="openBalanceAdjustmentDialog()">Balance
Adjustment </button>
</div>
......
src/app/components/players/players.module.ts
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { MatSlideToggleModule,MatTabsModule, MatButtonModule, MatButtonToggleModule, MatCardModule, MatDatepickerModule, MatDialogModule, MatExpansionModule, MatIconModule, MatInputModule, MatNativeDateModule, MatProgressBarModule, MatRadioModule, MatSelectModule, MatToolbarModule, MatFormFieldModule } from '@angular/material';
import { MatTooltipModule,MatSlideToggleModule,MatTabsModule, MatButtonModule, MatButtonToggleModule, MatCardModule, MatDatepickerModule, MatDialogModule, MatExpansionModule, MatIconModule, MatInputModule, MatNativeDateModule, MatProgressBarModule, MatRadioModule, MatSelectModule, MatToolbarModule, MatFormFieldModule } from '@angular/material';
import { RouterModule } from '@angular/router';
import { NgxDatatableModule } from '@swimlane/ngx-datatable';
import { DeleteDialogComponent } from './delete-dialog/delete-dialog.component';
......@@ -39,7 +39,8 @@ import { BalanceAdjustmentDialogComponent } from './balance-adjustment-dialog/ba
MatTabsModule,
MatSelectModule,
MatProgressBarModule,
MatSlideToggleModule
MatSlideToggleModule,
MatTooltipModule
],
declarations: [
ViewPlayersComponent,
......
src/app/components/players/view-players/view-player.component.html
......@@ -116,7 +116,7 @@
<ngx-datatable-column name="Action">
<ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
<button id="modifyButton" matTooltip="Modify" class="mibutton24" mat-icon-button mat-button-sm
<button id="modifyButton" matTooltip="Update" class="mibutton24" mat-icon-button mat-button-sm
(click)="openEditDialog()" [attr.aria-label]="edit" color="primary">
<mat-icon class="mi16">edit</mat-icon>
</button>
......
src/app/components/search/operation-log/operation-log.component.html
......@@ -27,7 +27,7 @@
<mat-form-field>
<input matInput placeholder="Remark">
</mat-form-field>
<button mat-raised-button color="primary">Search</button>
<button mat-raised-button matTooltip="Search" color="primary">Search</button>
</mat-expansion-panel>
<div class="mat-box-shadow">
......
src/app/components/search/search.module.ts
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { NgxDatatableModule } from '@swimlane/ngx-datatable';
import { MatInputModule, MatExpansionModule,MatDatepickerModule,MatNativeDateModule,MatSelectModule,MatButtonModule,MatButtonToggleModule } from '@angular/material';
import { MatTooltipModule,MatInputModule, MatExpansionModule,MatDatepickerModule,MatNativeDateModule,MatSelectModule,MatButtonModule,MatButtonToggleModule } from '@angular/material';
import { SearchRoutingModule } from './search-routing.module';
import { TransferHistoryComponent } from './transfer-history/transfer-history.component';
import { OperationLogComponent } from './operation-log/operation-log.component';
......@@ -17,7 +17,8 @@ import { OperationLogComponent } from './operation-log/operation-log.component';
MatNativeDateModule,
MatSelectModule,
MatButtonModule,
MatButtonToggleModule
MatButtonToggleModule,
MatTooltipModule
],
declarations: [TransferHistoryComponent, OperationLogComponent]
})
......
src/app/components/search/transfer-history/transfer-history.component.html
......@@ -27,7 +27,7 @@
<mat-form-field>
<input matInput placeholder="Remark">
</mat-form-field>
<button mat-raised-button color="primary">Search</button>
<button mat-raised-button matTooltip="Search" color="primary">Search</button>
</mat-expansion-panel>
<div class="mat-box-shadow">
<ngx-datatable class="material bg-white" [columnMode]="'force'" [headerHeight]="50" [footerHeight]="50"
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!