Skip to content

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