Skip to content

Ajit Thakor / bo-livebillionbet-ui

Go to a project
Commit 6f390879 by Ajit Thakor
Options

Added ui for manage affiliates

1 parent 896e0975
Inline Side-by-side
Showing with 876 additions and 43 deletions
src/app/app.component.spec.ts deleted 100644 → 0
describe('App: Primer', () => {
it('should expect true to be true', () => {
expect(true).toBe(true);
});
});
src/app/components/affiliates/affiliates.module.ts
import { NgModule } from '@angular/core'; 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 { MatInputModule, MatExpansionModule,MatDatepickerModule,MatNativeDateModule,MatSelectModule,MatButtonModule,MatButtonToggleModule } from '@angular/material'; import { MatRadioModule,MatTooltipModule,MatCardModule,MatToolbarModule, MatTabsModule, MatSlideToggleModule, MatIconModule, MatInputModule, MatExpansionModule, MatDatepickerModule, MatNativeDateModule, MatSelectModule, MatButtonModule, MatButtonToggleModule } from '@angular/material';
import { NgxDatatableModule } from '@swimlane/ngx-datatable'; import { NgxDatatableModule } from '@swimlane/ngx-datatable';
import { AffiliateRoutes } from './affiliates.routing'; import { AffiliateRoutes } from './affiliates.routing';
import { ViewAffiliateComponent } from './view-affiliates/view-affiliate.component'; import { ViewAffiliateComponent } from './view-affiliates/view-affiliate.component';
import { DeleteDialogComponent } from './delete-dialog/delete-dialog.component';
import { EditDialogComponent } from './edit-dialog/edit-dialog.component';
@NgModule({ @NgModule({
...@@ -18,10 +20,23 @@ import { ViewAffiliateComponent } from './view-affiliates/view-affiliate.compone ...@@ -18,10 +20,23 @@ import { ViewAffiliateComponent } from './view-affiliates/view-affiliate.compone
MatNativeDateModule, MatNativeDateModule,
MatSelectModule, MatSelectModule,
MatButtonModule, MatButtonModule,
MatButtonToggleModule MatButtonToggleModule,
MatIconModule,
MatSlideToggleModule,
MatToolbarModule,
MatTabsModule,
MatCardModule,
MatTooltipModule,
MatRadioModule
], ],
declarations: [ declarations: [
ViewAffiliateComponent, ViewAffiliateComponent,
EditDialogComponent,
DeleteDialogComponent
],
entryComponents: [
EditDialogComponent,
DeleteDialogComponent
] ]
}) })
......
src/app/components/affiliates/affiliates.routing.ts
...@@ -5,5 +5,5 @@ export const AffiliateRoutes: Routes = [ ...@@ -5,5 +5,5 @@ export const AffiliateRoutes: Routes = [
path: 'view-affiliates', path: 'view-affiliates',
component: ViewAffiliateComponent, component: ViewAffiliateComponent,
data: { title: 'MANAGE-AFFILIATES', breadcrumb: 'VIEW-AFFILIATES'} data: { title: 'MANAGE-AFFILIATES', breadcrumb: 'VIEW-AFFILIATES'}
} },
]; ];
src/app/components/affiliates/delete-dialog/delete-dialog.component.html 0 → 100644
<h1 matDialogTitle>Delete Dailog</h1>
<div mat-dialog-content>
<!-- <p>Delete: <b>{{ data.userName }}</b> ?</p> -->
<p>Delete: <b>Test User</b> ?</p>
</div>
<div mat-dialog-actions>
<button type="button" mat-raised-button color="primary" (click)="dialogRef.close(true)"
(click)="confirmDelete()">Delete</button>
&nbsp;
<span fxFlex></span>
<button mat-raised-button color="accent" (click)="dialogRef.close(false)">No Thanks!</button>
</div>
\ No newline at end of file
src/app/components/affiliates/delete-dialog/delete-dialog.component.ts 0 → 100644
import { Component, Inject, OnInit } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
@Component({
selector: 'app-delete-dialog',
templateUrl: './delete-dialog.component.html',
styleUrls: ['./delete-dialog.component.scss']
})
export class DeleteDialogComponent implements OnInit {
private _dimesionToggle = false;
constructor(public dialogRef: MatDialogRef<DeleteDialogComponent>,@Inject(MAT_DIALOG_DATA) public data: any) { }
togglePosition(): void {
this._dimesionToggle = !this._dimesionToggle;
if (this._dimesionToggle) {
this.dialogRef
.updateSize('500px', '500px')
.updatePosition({ top: '25px', left: '25px' });
} else {
this.dialogRef
.updateSize()
.updatePosition();
}
}
ngOnInit() {
}
}
src/app/components/affiliates/edit-dialog/edit-dialog.component.html 0 → 100644
<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-tab-group>
<mat-tab>
<ng-template matTabLabel>Affiliate Info</ng-template>
<mat-card-content>
<form fxLayout="column">
<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="First name">
</mat-form-field>
<mat-form-field class="mb-1">
<input matInput placeholder="Last name">
</mat-form-field>
<mat-form-field class="mb-1">
<input matInput placeholder="User Name">
</mat-form-field>
<mat-form-field class="mb-1">
<input matInput placeholder="Email address">
</mat-form-field>
<mat-form-field class="mb-1">
<input matInput placeholder="Mobile">
</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="mb-1">
<input matInput placeholder="Rate">
</mat-form-field>
<mat-form-field class="mb-1">
<mat-select placeholder="Affiliate Level">
<mat-option>--</mat-option>
<mat-option value="add">NEW MEMBER</mat-option>
<mat-option value="deduct">VIP</mat-option>
<mat-option value="add">GOLD</mat-option>
<mat-option value="deduct">SILVER</mat-option>
</mat-select>
</mat-form-field>
<label>Gender</label>
<mat-radio-group>
<mat-radio-button value="male">Male</mat-radio-button>
<mat-radio-button value="female">Female</mat-radio-button>
</mat-radio-group>
</div>
</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>
</mat-card-actions>
</form>
</mat-card-content>
</mat-tab>
<mat-tab>
<ng-template matTabLabel>Reset Password</ng-template>
<mat-card-content>
<form fxLayout="column">
<div fxFlex="100" fxFlex.gt-xs="50" fxFlex.gt-sm="50" class="pr-1">
<div class="pb-1">
<mat-form-field class="mb-1">
<input matInput placeholder="New password" type="password">
</mat-form-field>
<mat-form-field class="mb-1">
<input matInput placeholder="Confirm new password" type="password">
</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>
</mat-card-actions>
</div>
</div>
</form>
</mat-card-content>
</mat-tab>
<mat-tab>
<ng-template matTabLabel>Players</ng-template>
<div fxLayout="row" fxLayoutWrap="wrap">
<div fxFlex="100" fxFlex.gt-sm="100" fxFlex.sm="100">
<div class="mat-box-shadow">
<ngx-datatable class="material bg-white" [columnMode]="'force'" [headerHeight]="50" [footerHeight]="50"
[rowHeight]="50" [limit]="10" [rows]="dataSource" [columns]="columns">
<ngx-datatable-column name="Username">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.userName }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Wallet">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.wallet }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Level">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.level }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="CreateTime">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.createTime }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="UpdateTime">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.updateTime}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Last Login Time">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.lastLoginTime}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Last Login Ip">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.lastLoginIp}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Register IP">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.registerIP}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Withdraw Status">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.withdrawStatus }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Withdraw Review">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.withdrawReview}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Status">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.status }}
</ng-template>
</ngx-datatable-column>
</ngx-datatable>
</div>
</div>
</div>
</mat-tab>
<mat-tab>
<ng-template matTabLabel>Commission</ng-template>
</mat-tab>
<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 class="pb-1">
<mat-form-field class="">
<input matInput placeholder="User Name">
</mat-form-field>
<mat-form-field class="">
<input matInput placeholder="Current Balance">
</mat-form-field>
<mat-form-field class="mb-1">
<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="">
<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>
</mat-card-actions>
</form>
</mat-card-content>
</mat-tab>
<mat-tab>
<ng-template matTabLabel>Notes</ng-template>
<div fxLayout="row" fxLayoutWrap="wrap">
<div fxFlex="100" fxFlex.gt-sm="100" fxFlex.sm="100">
<div class="mat-box-shadow">
<ngx-datatable class="material bg-white" [columnMode]="'force'" [headerHeight]="50" [footerHeight]="50"
[rowHeight]="50" [limit]="10" [rows]="noteDataSource" [columns]="columns">
<ngx-datatable-column name="User ID">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.userId }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Operator ID">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.operatorId }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Category">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.category }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Note">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.note }}
</ng-template>
</ngx-datatable-column>
</ngx-datatable>
</div>
</div>
</div>
</mat-tab>
</mat-tab-group>
</mat-card>
</div>
</div>
\ No newline at end of file
src/app/components/affiliates/edit-dialog/edit-dialog.component.ts 0 → 100644
import { Component, Inject, OnInit } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA, MatDialog, MatDialogConfig } from '@angular/material';
const defaultDialogConfig = new MatDialogConfig();
@Component({
selector: 'app-edit-dialog',
templateUrl: './edit-dialog.component.html',
styleUrls: ['./edit-dialog.component.scss']
})
export class EditDialogComponent implements OnInit {
private _dimesionToggle = false;
noteDataSource = NOTE_DATA;
dataSource = ELEMENT_DATA;
actionsAlignment: string;
config = {
disableClose: true,
panelClass: 'custom-overlay-pane-class',
hasBackdrop: true,
backdropClass: '',
width: '',
height: '',
minWidth: '',
minHeight: '',
maxWidth: defaultDialogConfig.maxWidth,
maxHeight: '',
position: {
top: '',
bottom: '',
left: '',
right: ''
},
};
constructor(public dialog: MatDialog, public dialogRef: MatDialogRef<EditDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) { }
togglePosition(): void {
this._dimesionToggle = !this._dimesionToggle;
if (this._dimesionToggle) {
this.dialogRef
.updateSize('500px', '500px')
.updatePosition({ top: '25px', left: '25px' });
} else {
this.dialogRef
.updateSize()
.updatePosition();
}
}
ngOnInit() {
}
}
export interface NoteSummaryElement {
noteId: number;
userId: number;
operatorId: number;
createTime: string
category: string;
note: string,
}
const NOTE_DATA: NoteSummaryElement[] = [
{
noteId: 1,
userId: 1,
operatorId: 1,
createTime: '13-12-1992',
category: 'category',
note: 'Add operator',
}, {
noteId: 2,
userId: 1,
operatorId: 1,
createTime: '13-12-1992',
category: 'category',
note: 'Add operator',
}, {
noteId: 3,
userId: 1,
operatorId: 1,
createTime: '13-12-1992',
category: 'category',
note: 'Add operator',
}, {
noteId: 4,
userId: 1,
operatorId: 1,
createTime: '13-12-1992',
category: 'category',
note: 'Add operator',
}, {
noteId: 5,
userId: 1,
operatorId: 1,
createTime: '13-12-1992',
category: 'category',
note: 'Add operator',
}, {
noteId: 6,
userId: 1,
operatorId: 1,
createTime: '13-12-1992',
category: 'category',
note: 'Add operator',
}, {
noteId: 7,
userId: 1,
operatorId: 1,
createTime: '13-12-1992',
category: 'category',
note: 'Add operator',
}
];
export interface DataElement {
userName: string;
wallet: number;
level: number;
createTime: string;
updateTime: string;
lastLoginTime: string;
lastLoginIp: string;
registerIP: string;
withdrawStatus: number;
withdrawReview: number;
status: number;
}
const ELEMENT_DATA: DataElement[] = [
{
userName: 'test',
wallet: 10.00,
level: 1,
createTime: '10-12-1992',
updateTime: '10-12-1992',
lastLoginTime: '10-12-1992',
lastLoginIp: '10-12-1992',
registerIP: "192.168.0.1",
withdrawStatus: 0,
withdrawReview: 0,
status: 0,
},
{
userName: 'test',
wallet: 10.00,
level: 1,
createTime: '10-12-1992',
updateTime: '10-12-1992',
lastLoginTime: '10-12-1992',
lastLoginIp: '10-12-1992',
registerIP: "192.168.0.1",
withdrawStatus: 0,
withdrawReview: 0,
status: 0,
},
{
userName: 'test',
wallet: 10.00,
level: 1,
createTime: '10-12-1992',
updateTime: '10-12-1992',
lastLoginTime: '10-12-1992',
lastLoginIp: '10-12-1992',
registerIP: "192.168.0.1",
withdrawStatus: 0,
withdrawReview: 0,
status: 0,
},
{
userName: 'test',
wallet: 10.00,
level: 1,
createTime: '10-12-1992',
updateTime: '10-12-1992',
lastLoginTime: '10-12-1992',
lastLoginIp: '10-12-1992',
registerIP: "192.168.0.1",
withdrawStatus: 0,
withdrawReview: 0,
status: 0,
},
{
userName: 'test',
wallet: 10.00,
level: 1,
createTime: '10-12-1992',
updateTime: '10-12-1992',
lastLoginTime: '10-12-1992',
lastLoginIp: '10-12-1992',
registerIP: "192.168.0.1",
withdrawStatus: 0,
withdrawReview: 0,
status: 0,
},
{
userName: 'test',
wallet: 10.00,
level: 1,
createTime: '10-12-1992',
updateTime: '10-12-1992',
lastLoginTime: '10-12-1992',
lastLoginIp: '10-12-1992',
registerIP: "192.168.0.1",
withdrawStatus: 0,
withdrawReview: 0,
status: 0,
},
{
userName: 'test',
wallet: 10.00,
level: 1,
createTime: '10-12-1992',
updateTime: '10-12-1992',
lastLoginTime: '10-12-1992',
lastLoginIp: '10-12-1992',
registerIP: "192.168.0.1",
withdrawStatus: 0,
withdrawReview: 0,
status: 0,
},
{
userName: 'test',
wallet: 10.00,
level: 1,
createTime: '10-12-1992',
updateTime: '10-12-1992',
lastLoginTime: '10-12-1992',
lastLoginIp: '10-12-1992',
registerIP: "192.168.0.1",
withdrawStatus: 0,
withdrawReview: 0,
status: 0,
},
{
userName: 'test',
wallet: 10.00,
level: 1,
createTime: '10-12-1992',
updateTime: '10-12-1992',
lastLoginTime: '10-12-1992',
lastLoginIp: '10-12-1992',
registerIP: "192.168.0.1",
withdrawStatus: 0,
withdrawReview: 0,
status: 0,
},
{
userName: 'test',
wallet: 10.00,
level: 1,
createTime: '10-12-1992',
updateTime: '10-12-1992',
lastLoginTime: '10-12-1992',
lastLoginIp: '10-12-1992',
registerIP: "192.168.0.1",
withdrawStatus: 0,
withdrawReview: 0,
status: 0,
},
{
userName: 'test',
wallet: 10.00,
level: 1,
createTime: '10-12-1992',
updateTime: '10-12-1992',
lastLoginTime: '10-12-1992',
lastLoginIp: '10-12-1992',
registerIP: "192.168.0.1",
withdrawStatus: 0,
withdrawReview: 0,
status: 0,
},
{
userName: 'test',
wallet: 10.00,
level: 1,
createTime: '10-12-1992',
updateTime: '10-12-1992',
lastLoginTime: '10-12-1992',
lastLoginIp: '10-12-1992',
registerIP: "192.168.0.1",
withdrawStatus: 0,
withdrawReview: 0,
status: 0,
},
{
userName: 'test',
wallet: 10.00,
level: 1,
createTime: '10-12-1992',
updateTime: '10-12-1992',
lastLoginTime: '10-12-1992',
lastLoginIp: '10-12-1992',
registerIP: "192.168.0.1",
withdrawStatus: 0,
withdrawReview: 0,
status: 0,
},
{
userName: 'test',
wallet: 10.00,
level: 1,
createTime: '10-12-1992',
updateTime: '10-12-1992',
lastLoginTime: '10-12-1992',
lastLoginIp: '10-12-1992',
registerIP: "192.168.0.1",
withdrawStatus: 0,
withdrawReview: 0,
status: 0,
},
];
src/app/components/affiliates/view-affiliates/view-affiliate.component.html
...@@ -31,26 +31,104 @@ ...@@ -31,26 +31,104 @@
<button mat-button>Clean</button> <button mat-button>Clean</button>
</mat-expansion-panel> </mat-expansion-panel>
<br> <br>
<button mat-raised-button color="primary">Manual Balance Adjustment </button><br> <div fxLayout="row" fxLayoutWrap="wrap">
<ngx-datatable <div fxFlex="100" fxFlex.gt-sm="100" fxFlex.sm="100">
class="material" <div fxFlex.gt-xs="50" fxFlex="100" class="text-sm-right text-xs-left">
[rows]="rows" <span fxFlex></span>
[columns]="[{name:'Username'}, <button mat-raised-button color="primary" class="mr-1" (click)="addAffiliateDialog()">Add Affiliate </button>
{name:'Wallet'}, </div>
{name:'Rate'}, <div class="mat-box-shadow">
{name:'Affiliate Level'}, <ngx-datatable class="material bg-white" [columnMode]="'force'" [headerHeight]="50" [footerHeight]="50"
{name:'CreateTime'}, [rowHeight]="50" [limit]="10" [rows]="affDataSource" [columns]="columns">
{name:'UpdateTime'},
{name:'Last Login Time'}, <ngx-datatable-column name="Username">
{name:'Last Login Ip'}, <ng-template let-row="row" ngx-datatable-cell-template>
{name:'Register IP'}, {{ row?.userName }}
{name:'Withdraw Status'}, </ng-template>
{name:'Withdraw Review'}, </ngx-datatable-column>
{name:'Status'},
{name:'Action'}]" <ngx-datatable-column name="Wallet">
[columnMode]="'force'" <ng-template let-row="row" ngx-datatable-cell-template>
[headerHeight]="50" {{ row?.wallet }}
[footerHeight]="50" </ng-template>
[rowHeight]="'auto'" </ngx-datatable-column>
[limit]="10">
</ngx-datatable> <ngx-datatable-column name="Rate">
\ No newline at end of file <ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.rate }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Affiliate Level">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.affilateLevel }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="CreateTime">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.createTime }}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="UpdateTime">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.updateTime}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Last Login Time">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.lastLoginTime}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Last Login IP">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.lastLoginIp}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Register IP">
<ng-template let-row="row" ngx-datatable-cell-template>
{{ row?.registerIP}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Withdraw Status">
<ng-template let-row="row" ngx-datatable-cell-template>
<!-- {{ row?.withdrawStatus }} -->
<mat-slide-toggle></mat-slide-toggle>
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Withdraw Review">
<ng-template let-row="row" ngx-datatable-cell-template>
<!-- {{ row?.withdrawReview }} -->
<mat-slide-toggle></mat-slide-toggle>
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Status">
<ng-template let-row="row" ngx-datatable-cell-template>
<!-- {{ row?.status }} -->
<mat-slide-toggle></mat-slide-toggle>
</ng-template>
</ngx-datatable-column>
<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()"
[attr.aria-label]="edit" color="primary">
<mat-icon class="mi16">edit</mat-icon>
</button>
<button id="lockedButton" matTooltip="Delete" mat-icon-button mat-button-sm (click)="openDeleteDialog()"
[attr.aria-label]="delete" color="warn">
<mat-icon class="mi16">close</mat-icon>
</button>
</ng-template>
</ngx-datatable-column>
</ngx-datatable>
</div>
</div>
</div>
\ No newline at end of file
src/app/components/affiliates/view-affiliates/view-affiliate.component.ts
import { Component } from '@angular/core'; import { Component, ViewChild, TemplateRef, Inject } from '@angular/core';
import { MatDialogConfig, MatDialog, MatDialogRef } from '@angular/material';
import { DOCUMENT } from '@angular/platform-browser';
import { DeleteDialogComponent } from '../delete-dialog/delete-dialog.component';
import { EditDialogComponent } from '../edit-dialog/edit-dialog.component';
const defaultDialogConfig = new MatDialogConfig();
@Component({ @Component({
templateUrl: './view-affiliate.component.html', templateUrl: './view-affiliate.component.html',
styleUrls: ['./view-affiliate.component.scss'] styleUrls: ['./view-affiliate.component.scss']
}) })
export class ViewAffiliateComponent { export class ViewAffiliateComponent {
affDataSource = AFFILIATE_DATA;
dialogRef: MatDialogRef<any> | null;
lastAfterClosedResult: string;
lastBeforeCloseResult: string;
actionsAlignment: string;
config = {
disableClose: true,
panelClass: 'custom-overlay-pane-class',
hasBackdrop: true,
backdropClass: '',
width: '',
height: '',
minWidth: '',
minHeight: '',
maxWidth: defaultDialogConfig.maxWidth,
maxHeight: '',
position: {
top: '',
bottom: '',
left: '',
right: ''
},
};
deleteDialogconfig = {
disableClose: true,
panelClass: 'custom-overlay-pane-class',
maxWidth: defaultDialogConfig.maxWidth,
maxHeight: '',
position: {
top: '', bottom: '', left: '', right: ''
},
};
@ViewChild(TemplateRef) template: TemplateRef<any>;
constructor(public dialog: MatDialog, @Inject(DOCUMENT) doc: any) {
dialog.afterOpen.subscribe(() => {
if (!doc.body.classList.contains('no-scroll')) {
doc.body.classList.add('no-scroll');
}
});
dialog.afterAllClosed.subscribe(() => {
doc.body.classList.remove('no-scroll');
});
}
openEditDialog() {
this.dialogRef = this.dialog.open(EditDialogComponent, this.config);
this.dialogRef.beforeClose().subscribe((result: string) => {
this.lastBeforeCloseResult = result;
});
this.dialogRef.afterClosed().subscribe((result: string) => {
this.lastAfterClosedResult = result;
this.dialogRef = null;
});
}
openDeleteDialog() {
this.dialogRef = this.dialog.open(DeleteDialogComponent, this.deleteDialogconfig);
this.dialogRef.beforeClose().subscribe((result: string) => {
this.lastBeforeCloseResult = result;
});
this.dialogRef.afterClosed().subscribe((result: string) => {
this.lastAfterClosedResult = result;
this.dialogRef = null;
});
}
}
export interface AffiliateDataElement {
userName: string;
wallet: number;
rate: number;
affilateLevel: number;
createTime: string
updateTime: string
lastLoginTime: string
lastLoginIp: string
registerIP: string;
withdrawStatus: number;
withdrawReview: number;
status: number
} }
const AFFILIATE_DATA: AffiliateDataElement[] = [
{
userName: "test",
wallet: 10,
rate: 50,
affilateLevel: 1,
createTime: "13-12-1992 00:00:0000",
updateTime: "13-12-1992 00:00:0000",
lastLoginTime: "13-12-1992 00:00:0000",
lastLoginIp: "0.0.0.0",
registerIP: "0.0.0.0",
withdrawStatus: 1,
withdrawReview: 1,
status: 1,
}, {
userName: "test",
wallet: 10,
rate: 50,
affilateLevel: 1,
createTime: "13-12-1992 00:00:0000",
updateTime: "13-12-1992 00:00:0000",
lastLoginTime: "13-12-1992 00:00:0000",
lastLoginIp: "0.0.0.0",
registerIP: "0.0.0.0",
withdrawStatus: 1,
withdrawReview: 1,
status: 1,
}, {
userName: "test",
wallet: 10,
rate: 50,
affilateLevel: 1,
createTime: "13-12-1992 00:00:0000",
updateTime: "13-12-1992 00:00:0000",
lastLoginTime: "13-12-1992 00:00:0000",
lastLoginIp: "0.0.0.0",
registerIP: "0.0.0.0",
withdrawStatus: 1,
withdrawReview: 1,
status: 1,
}, {
userName: "test",
wallet: 10,
rate: 50,
affilateLevel: 1,
createTime: "13-12-1992 00:00:0000",
updateTime: "13-12-1992 00:00:0000",
lastLoginTime: "13-12-1992 00:00:0000",
lastLoginIp: "0.0.0.0",
registerIP: "0.0.0.0",
withdrawStatus: 1,
withdrawReview: 1,
status: 1,
}, {
userName: "test",
wallet: 10,
rate: 50,
affilateLevel: 1,
createTime: "13-12-1992 00:00:0000",
updateTime: "13-12-1992 00:00:0000",
lastLoginTime: "13-12-1992 00:00:0000",
lastLoginIp: "0.0.0.0",
registerIP: "0.0.0.0",
withdrawStatus: 1,
withdrawReview: 1,
status: 1,
},
];
src/app/components/operators/add-operator-dialog/add-operator-dialog.component.html
...@@ -79,7 +79,7 @@ ...@@ -79,7 +79,7 @@
<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 color="primary" type="submit" [disabled]="!form.valid">Submit</button>
<button mat-raised-button class="shadow-none" (click)="dialogRef.close(true)">Close</button> <button mat-raised-button 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
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
<hr> <hr>
<mat-card-actions> <mat-card-actions>
<button mat-raised-button color="primary">Update</button> <button mat-raised-button color="primary">Update</button>
<button mat-raised-button class="shadow-none" (click)="dialogRef.close(true)">Close</button> <button mat-raised-button color="accent" (click)="dialogRef.close(false)">Close</button>
</mat-card-actions> </mat-card-actions>
</form> </form>
</mat-card-content> </mat-card-content>
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
<hr> <hr>
<mat-card-actions> <mat-card-actions>
<button mat-raised-button color="primary">Update</button> <button mat-raised-button color="primary">Update</button>
<button mat-raised-button class="shadow-none" (click)="dialogRef.close(true)">Close</button> <button mat-raised-button color="accent" (click)="dialogRef.close(false)">Close</button>
</mat-card-actions> </mat-card-actions>
</div> </div>
</div> </div>
......
src/app/components/operators/edit-dialog/edit-dialog.component.ts
...@@ -33,9 +33,7 @@ export class EditDialogComponent implements OnInit { ...@@ -33,9 +33,7 @@ export class EditDialogComponent implements OnInit {
}, },
}; };
constructor(public dialog: MatDialog, constructor(public dialog: MatDialog, public dialogRef: MatDialogRef<EditDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) { }
public dialogRef: MatDialogRef<EditDialogComponent>,
@Inject(MAT_DIALOG_DATA) public data: any) { }
togglePosition(): void { togglePosition(): void {
this._dimesionToggle = !this._dimesionToggle; this._dimesionToggle = !this._dimesionToggle;
......
src/app/components/players/balance-adjustment-dialog/balance-adjustment-dialog.component.html
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
<hr> <hr>
<mat-card-actions> <mat-card-actions>
<button mat-raised-button color="primary">Save</button> <button mat-raised-button color="primary">Save</button>
<button mat-raised-button class="shadow-none">Reset</button> <button mat-raised-button color="accent" (click)="dialogRef.close(false)">Close</button>
</mat-card-actions> </mat-card-actions>
</form> </form>
</mat-card-content> </mat-card-content>
...@@ -102,7 +102,7 @@ ...@@ -102,7 +102,7 @@
<hr> <hr>
<mat-card-actions> <mat-card-actions>
<button mat-raised-button color="primary">Save</button> <button mat-raised-button color="primary">Save</button>
<button mat-raised-button class="shadow-none">Reset</button> <button mat-raised-button 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
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
<hr> <hr>
<mat-card-actions> <mat-card-actions>
<button mat-raised-button color="primary">Update</button> <button mat-raised-button color="primary">Update</button>
<button mat-raised-button class="shadow-none">Cancel</button> <button mat-raised-button color="accent" (click)="dialogRef.close(false)">Close</button>
</mat-card-actions> </mat-card-actions>
</form> </form>
</mat-card-content> </mat-card-content>
...@@ -73,7 +73,7 @@ ...@@ -73,7 +73,7 @@
<hr> <hr>
<mat-card-actions> <mat-card-actions>
<button mat-raised-button color="primary">Update</button> <button mat-raised-button color="primary">Update</button>
<button mat-raised-button class="shadow-none">Cancel</button> <button mat-raised-button color="accent" (click)="dialogRef.close(false)">Close</button>
</mat-card-actions> </mat-card-actions>
</div> </div>
</div> </div>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!