-
import {Observable, of} from 'rxjs';
+ import { Observable, of } from 'rxjs';
export class TransactionServiceStub {
setTransaction(transaction: any, cacheSize: number): void {}
diff --git a/docs/compodoc/classes/UserServiceStub.html b/docs/compodoc/classes/UserServiceStub.html
index 047ffe3..3dd2cbe 100644
--- a/docs/compodoc/classes/UserServiceStub.html
+++ b/docs/compodoc/classes/UserServiceStub.html
@@ -153,13 +153,19 @@
{ id: 3, user: 'Will', role: 'superadmin', action: 'Reclaim RSV 1000', approval: true },
{ id: 4, user: 'Vivian', role: 'enroller', action: 'Complete user profile', approval: true },
{ id: 5, user: 'Jack', role: 'enroller', action: 'Reclaim RSV 200', approval: false },
- { id: 6, user: 'Patience', role: 'enroller', action: 'Change user information', approval: false }
+ {
+ id: 6,
+ user: 'Patience',
+ role: 'enroller',
+ action: 'Change user information',
+ approval: false,
+ },
]
|
-
+
|
@@ -187,11 +193,71 @@
Default value : [
- {id: 1, name: 'John Doe', phone: '+25412345678', address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865', type: 'user', created: '08/16/2020', balance: '12987', failedPinAttempts: 1, status: 'approved', bio: 'Bodaboda', gender: 'male'},
- {id: 2, name: 'Jane Buck', phone: '+25412341234', address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865', type: 'vendor', created: '04/02/2020', balance: '56281', failedPinAttempts: 0, status: 'approved', bio: 'Groceries', gender: 'female'},
- {id: 3, name: 'Mc Donald', phone: '+25498765432', address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865', type: 'group', created: '11/16/2020', balance: '450', failedPinAttempts: 2, status: 'unapproved', bio: 'Food', gender: 'male'},
- {id: 4, name: 'Hera Cles', phone: '+25498769876', address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865', type: 'user', created: '05/28/2020', balance: '5621', failedPinAttempts: 3, status: 'approved', bio: 'Shop', gender: 'female'},
- {id: 5, name: 'Silver Fia', phone: '+25462518374', address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865', type: 'token agent', created: '10/10/2020', balance: '817', failedPinAttempts: 0, status: 'unapproved', bio: 'Electronics', gender: 'male'},
+ {
+ id: 1,
+ name: 'John Doe',
+ phone: '+25412345678',
+ address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865',
+ type: 'user',
+ created: '08/16/2020',
+ balance: '12987',
+ failedPinAttempts: 1,
+ status: 'approved',
+ bio: 'Bodaboda',
+ gender: 'male',
+ },
+ {
+ id: 2,
+ name: 'Jane Buck',
+ phone: '+25412341234',
+ address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865',
+ type: 'vendor',
+ created: '04/02/2020',
+ balance: '56281',
+ failedPinAttempts: 0,
+ status: 'approved',
+ bio: 'Groceries',
+ gender: 'female',
+ },
+ {
+ id: 3,
+ name: 'Mc Donald',
+ phone: '+25498765432',
+ address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865',
+ type: 'group',
+ created: '11/16/2020',
+ balance: '450',
+ failedPinAttempts: 2,
+ status: 'unapproved',
+ bio: 'Food',
+ gender: 'male',
+ },
+ {
+ id: 4,
+ name: 'Hera Cles',
+ phone: '+25498769876',
+ address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865',
+ type: 'user',
+ created: '05/28/2020',
+ balance: '5621',
+ failedPinAttempts: 3,
+ status: 'approved',
+ bio: 'Shop',
+ gender: 'female',
+ },
+ {
+ id: 5,
+ name: 'Silver Fia',
+ phone: '+25462518374',
+ address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865',
+ type: 'token agent',
+ created: '10/10/2020',
+ balance: '817',
+ failedPinAttempts: 0,
+ status: 'unapproved',
+ bio: 'Electronics',
+ gender: 'male',
+ },
]
|
@@ -233,8 +299,8 @@
|
-
+
|
@@ -303,8 +369,8 @@
|
-
+
|
@@ -373,8 +439,8 @@
|
-
+
|
@@ -443,8 +509,8 @@
|
-
+
|
@@ -501,15 +567,75 @@
-
import {Observable, of} from 'rxjs';
+ import { Observable, of } from 'rxjs';
export class UserServiceStub {
users = [
- {id: 1, name: 'John Doe', phone: '+25412345678', address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865', type: 'user', created: '08/16/2020', balance: '12987', failedPinAttempts: 1, status: 'approved', bio: 'Bodaboda', gender: 'male'},
- {id: 2, name: 'Jane Buck', phone: '+25412341234', address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865', type: 'vendor', created: '04/02/2020', balance: '56281', failedPinAttempts: 0, status: 'approved', bio: 'Groceries', gender: 'female'},
- {id: 3, name: 'Mc Donald', phone: '+25498765432', address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865', type: 'group', created: '11/16/2020', balance: '450', failedPinAttempts: 2, status: 'unapproved', bio: 'Food', gender: 'male'},
- {id: 4, name: 'Hera Cles', phone: '+25498769876', address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865', type: 'user', created: '05/28/2020', balance: '5621', failedPinAttempts: 3, status: 'approved', bio: 'Shop', gender: 'female'},
- {id: 5, name: 'Silver Fia', phone: '+25462518374', address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865', type: 'token agent', created: '10/10/2020', balance: '817', failedPinAttempts: 0, status: 'unapproved', bio: 'Electronics', gender: 'male'},
+ {
+ id: 1,
+ name: 'John Doe',
+ phone: '+25412345678',
+ address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865',
+ type: 'user',
+ created: '08/16/2020',
+ balance: '12987',
+ failedPinAttempts: 1,
+ status: 'approved',
+ bio: 'Bodaboda',
+ gender: 'male',
+ },
+ {
+ id: 2,
+ name: 'Jane Buck',
+ phone: '+25412341234',
+ address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865',
+ type: 'vendor',
+ created: '04/02/2020',
+ balance: '56281',
+ failedPinAttempts: 0,
+ status: 'approved',
+ bio: 'Groceries',
+ gender: 'female',
+ },
+ {
+ id: 3,
+ name: 'Mc Donald',
+ phone: '+25498765432',
+ address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865',
+ type: 'group',
+ created: '11/16/2020',
+ balance: '450',
+ failedPinAttempts: 2,
+ status: 'unapproved',
+ bio: 'Food',
+ gender: 'male',
+ },
+ {
+ id: 4,
+ name: 'Hera Cles',
+ phone: '+25498769876',
+ address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865',
+ type: 'user',
+ created: '05/28/2020',
+ balance: '5621',
+ failedPinAttempts: 3,
+ status: 'approved',
+ bio: 'Shop',
+ gender: 'female',
+ },
+ {
+ id: 5,
+ name: 'Silver Fia',
+ phone: '+25462518374',
+ address: '0xc86ff893ac40d3950b4d5f94a9b837258b0a9865',
+ type: 'token agent',
+ created: '10/10/2020',
+ balance: '817',
+ failedPinAttempts: 0,
+ status: 'unapproved',
+ bio: 'Electronics',
+ gender: 'male',
+ },
];
actions = [
@@ -518,7 +644,13 @@ export class UserServiceStub {
{ id: 3, user: 'Will', role: 'superadmin', action: 'Reclaim RSV 1000', approval: true },
{ id: 4, user: 'Vivian', role: 'enroller', action: 'Complete user profile', approval: true },
{ id: 5, user: 'Jack', role: 'enroller', action: 'Reclaim RSV 200', approval: false },
- { id: 6, user: 'Patience', role: 'enroller', action: 'Change user information', approval: false }
+ {
+ id: 6,
+ user: 'Patience',
+ role: 'enroller',
+ action: 'Change user information',
+ approval: false,
+ },
];
getUserById(id: string): any {
@@ -533,7 +665,7 @@ export class UserServiceStub {
failedPinAttempts: 1,
status: 'approved',
bio: 'Bodaboda',
- gender: 'male'
+ gender: 'male',
};
}
@@ -544,20 +676,17 @@ export class UserServiceStub {
key: {
ethereum: [
'0x51d3c8e2e421604e2b644117a362d589c5434739',
- '0x9D7c284907acbd4a0cE2dDD0AA69147A921a573D'
- ]
+ '0x9D7c284907acbd4a0cE2dDD0AA69147A921a573D',
+ ],
},
location: {
external: {},
latitude: '22.430670',
- longitude: '151.002995'
+ longitude: '151.002995',
},
- selling: [
- 'environment',
- 'health',
- 'transport'
- ],
- vcard: 'QkVHSU46VkNBUkQNClZFUlNJT046My4wDQpFTUFJTDphYXJuZXNlbkBob3RtYWlsLmNvbQ0KRk46S3VydMKgS3JhbmpjDQpOOktyYW5qYztLdXJ0Ozs7DQpURUw7VFlQPUNFTEw6NjkyNTAzMzQ5ODE5Ng0KRU5EOlZDQVJEDQo='
+ selling: ['environment', 'health', 'transport'],
+ vcard:
+ 'QkVHSU46VkNBUkQNClZFUlNJT046My4wDQpFTUFJTDphYXJuZXNlbkBob3RtYWlsLmNvbQ0KRk46S3VydMKgS3JhbmpjDQpOOktyYW5qYztLdXJ0Ozs7DQpURUw7VFlQPUNFTEw6NjkyNTAzMzQ5ODE5Ng0KRU5EOlZDQVJEDQo=',
});
}
@@ -567,7 +696,7 @@ export class UserServiceStub {
user: 'Tom',
role: 'enroller',
action: 'Disburse RSV 100',
- approval: false
+ approval: false,
};
}
@@ -577,7 +706,7 @@ export class UserServiceStub {
user: 'Tom',
role: 'enroller',
action: 'Disburse RSV 100',
- approval: true
+ approval: true,
};
}
}
diff --git a/docs/compodoc/components/AccountDetailsComponent.html b/docs/compodoc/components/AccountDetailsComponent.html
index 8357abb..265c7d2 100644
--- a/docs/compodoc/components/AccountDetailsComponent.html
+++ b/docs/compodoc/components/AccountDetailsComponent.html
@@ -2348,30 +2348,44 @@ export class AccountDetailsComponent implements OnInit {
<ol class="breadcrumb">
<li class="breadcrumb-item"><a routerLink="/home">Home</a></li>
<li class="breadcrumb-item"><a routerLink="/accounts">Accounts</a></li>
- <li *ngIf="account" class="breadcrumb-item active" aria-current="page">{{account?.vcard?.fn[0].value}}</li>
+ <li *ngIf="account" class="breadcrumb-item active" aria-current="page">
+ {{ account?.vcard?.fn[0].value }}
+ </li>
</ol>
</nav>
<div *ngIf="!account" class="text-center">
- <div class="spinner-grow text-primary m-1" role="status" style="width: 3rem; height: 3rem;">
+ <div class="spinner-grow text-primary m-1" role="status" style="width: 3rem; height: 3rem">
<span class="sr-only">Loading...</span>
</div>
- <div class="spinner-grow text-primary m-1" role="status" style="width: 3rem; height: 3rem;">
+ <div class="spinner-grow text-primary m-1" role="status" style="width: 3rem; height: 3rem">
<span class="sr-only">Loading...</span>
</div>
- <div class="spinner-grow text-primary m-1" role="status" style="width: 3rem; height: 3rem;">
+ <div class="spinner-grow text-primary m-1" role="status" style="width: 3rem; height: 3rem">
<span class="sr-only">Loading...</span>
</div>
</div>
<div *ngIf="account" class="card mb-3">
<div class="row card-body">
<h3>
- <strong> {{account?.vcard?.fn[0].value}} </strong>
+ <strong> {{ account?.vcard?.fn[0].value }} </strong>
</h3>
- <span class="ml-auto"><strong>Balance:</strong> {{account?.balance | tokenRatio}} {{ tokenSymbol | uppercase }}</span>
- <span class="ml-2"><strong>Created:</strong> {{account?.date_registered | unixDate}}</span>
- <span class="ml-2"><strong>Address:</strong>
- <a href="{{bloxbergLink}}" target="_blank"> {{accountAddress}} </a>
- <img src="assets/images/checklist.svg" class="ml-2" height="20rem" (click)="copyAddress()" alt="Copy">
+ <span class="ml-auto"
+ ><strong>Balance:</strong> {{ account?.balance | tokenRatio }}
+ {{ tokenSymbol | uppercase }}</span
+ >
+ <span class="ml-2"
+ ><strong>Created:</strong> {{ account?.date_registered | unixDate }}</span
+ >
+ <span class="ml-2"
+ ><strong>Address:</strong>
+ <a href="{{ bloxbergLink }}" target="_blank"> {{ accountAddress }} </a>
+ <img
+ src="assets/images/checklist.svg"
+ class="ml-2"
+ height="20rem"
+ (click)="copyAddress()"
+ alt="Copy"
+ />
</span>
</div>
</div>
@@ -2379,85 +2393,145 @@ export class AccountDetailsComponent implements OnInit {
<div class="card-body">
<form [formGroup]="accountInfoForm" (ngSubmit)="saveInfo()">
<div class="row form-inline">
-
<div class="col-md-6 col-lg-4">
<mat-form-field appearance="outline">
<mat-label>First Name: *</mat-label>
- <input matInput type="text" id="firstName" placeholder="{{account?.vcard?.fn[0].value.split(' ')[0]}}"
- value="{{account?.vcard?.fn[0].value.split(' ')[0]}}" formControlName="firstName" [errorStateMatcher]="matcher">
- <mat-error *ngIf="submitted && accountInfoFormStub.firstName.errors">First Name is required.</mat-error>
+ <input
+ matInput
+ type="text"
+ id="firstName"
+ placeholder="{{ account?.vcard?.fn[0].value.split(' ')[0] }}"
+ value="{{ account?.vcard?.fn[0].value.split(' ')[0] }}"
+ formControlName="firstName"
+ [errorStateMatcher]="matcher"
+ />
+ <mat-error *ngIf="submitted && accountInfoFormStub.firstName.errors"
+ >First Name is required.</mat-error
+ >
</mat-form-field>
</div>
<div class="col-md-6 col-lg-4">
<mat-form-field appearance="outline">
<mat-label>Last Name(s): *</mat-label>
- <input matInput type="text" id="lastName" placeholder="{{account?.vcard?.fn[0].value.split(' ').slice(1).join(' ')}}"
- value="{{account?.vcard?.fn[0].value.split(' ').slice(1).join(' ')}}" formControlName="lastName" [errorStateMatcher]="matcher">
- <mat-error *ngIf="submitted && accountInfoFormStub.lastName.errors">Last Name is required.</mat-error>
+ <input
+ matInput
+ type="text"
+ id="lastName"
+ placeholder="{{ account?.vcard?.fn[0].value.split(' ').slice(1).join(' ') }}"
+ value="{{ account?.vcard?.fn[0].value.split(' ').slice(1).join(' ') }}"
+ formControlName="lastName"
+ [errorStateMatcher]="matcher"
+ />
+ <mat-error *ngIf="submitted && accountInfoFormStub.lastName.errors"
+ >Last Name is required.</mat-error
+ >
</mat-form-field>
</div>
<div class="col-md-6 col-lg-4">
<mat-form-field appearance="outline">
<mat-label>Phone Number: </mat-label>
- <input matInput type="text" id="phoneNumber" placeholder="{{account?.vcard?.tel[0].value}}"
- value="{{account?.vcard?.tel[0].value}}" formControlName="phoneNumber" [errorStateMatcher]="matcher">
- <mat-error *ngIf="submitted && accountInfoFormStub.phoneNumber.errors">Phone Number is required.</mat-error>
+ <input
+ matInput
+ type="text"
+ id="phoneNumber"
+ placeholder="{{ account?.vcard?.tel[0].value }}"
+ value="{{ account?.vcard?.tel[0].value }}"
+ formControlName="phoneNumber"
+ [errorStateMatcher]="matcher"
+ />
+ <mat-error *ngIf="submitted && accountInfoFormStub.phoneNumber.errors"
+ >Phone Number is required.</mat-error
+ >
</mat-form-field>
</div>
<div class="col-md-6 col-lg-4">
<mat-form-field appearance="outline">
<mat-label>Age: </mat-label>
- <input matInput type="text" id="age" placeholder="{{account?.age}}"
- value="{{account?.age}}" formControlName="age" [errorStateMatcher]="matcher">
- <mat-error *ngIf="submitted && accountInfoFormStub.age.errors">Age is required.</mat-error>
+ <input
+ matInput
+ type="text"
+ id="age"
+ placeholder="{{ account?.age }}"
+ value="{{ account?.age }}"
+ formControlName="age"
+ [errorStateMatcher]="matcher"
+ />
+ <mat-error *ngIf="submitted && accountInfoFormStub.age.errors"
+ >Age is required.</mat-error
+ >
</mat-form-field>
</div>
<div class="col-md-6 col-lg-4">
<mat-form-field appearance="outline">
<mat-label> ACCOUNT TYPE: </mat-label>
- <mat-select id="accountType" [(value)]="account.type" formControlName="type"
- [errorStateMatcher]="matcher">
+ <mat-select
+ id="accountType"
+ [(value)]="account.type"
+ formControlName="type"
+ [errorStateMatcher]="matcher"
+ >
<mat-option *ngFor="let accountType of accountTypes" [value]="accountType">
- {{accountType | uppercase}}
+ {{ accountType | uppercase }}
</mat-option>
</mat-select>
- <mat-error *ngIf="submitted && accountInfoFormStub.type.errors">Type is required.</mat-error>
+ <mat-error *ngIf="submitted && accountInfoFormStub.type.errors"
+ >Type is required.</mat-error
+ >
</mat-form-field>
</div>
<div class="col-md-6 col-lg-4">
<mat-form-field appearance="outline">
<mat-label>Bio: </mat-label>
- <input matInput type="text" id="bio" placeholder="{{account?.products}}" value="{{account?.products}}"
- formControlName="bio" [errorStateMatcher]="matcher">
- <mat-error *ngIf="submitted && accountInfoFormStub.bio.errors">Bio is required.</mat-error>
+ <input
+ matInput
+ type="text"
+ id="bio"
+ placeholder="{{ account?.products }}"
+ value="{{ account?.products }}"
+ formControlName="bio"
+ [errorStateMatcher]="matcher"
+ />
+ <mat-error *ngIf="submitted && accountInfoFormStub.bio.errors"
+ >Bio is required.</mat-error
+ >
</mat-form-field>
</div>
<div class="col-md-6 col-lg-4">
<mat-form-field appearance="outline">
<mat-label> GENDER: </mat-label>
- <mat-select id="gender" [(value)]="account.gender" formControlName="gender"
- [errorStateMatcher]="matcher">
+ <mat-select
+ id="gender"
+ [(value)]="account.gender"
+ formControlName="gender"
+ [errorStateMatcher]="matcher"
+ >
<mat-option *ngFor="let gender of genders" [value]="gender">
- {{gender | uppercase}}
+ {{ gender | uppercase }}
</mat-option>
</mat-select>
- <mat-error *ngIf="submitted && accountInfoFormStub.gender.errors">Gender is required.</mat-error>
+ <mat-error *ngIf="submitted && accountInfoFormStub.gender.errors"
+ >Gender is required.</mat-error
+ >
</mat-form-field>
</div>
<div class="col-md-6 col-lg-4">
<mat-form-field appearance="outline">
<mat-label> BUSINESS CATEGORY: </mat-label>
- <mat-select id="businessCategory" [(value)]="account.category" formControlName="businessCategory"
- [errorStateMatcher]="matcher">
+ <mat-select
+ id="businessCategory"
+ [(value)]="account.category"
+ formControlName="businessCategory"
+ [errorStateMatcher]="matcher"
+ >
<mat-option *ngFor="let category of categories" [value]="category">
- {{category | titlecase}}
+ {{ category | titlecase }}
</mat-option>
</mat-select>
<mat-error *ngIf="submitted && accountInfoFormStub.businessCategory.errors">
@@ -2469,9 +2543,15 @@ export class AccountDetailsComponent implements OnInit {
<div class="col-md-6 col-lg-4">
<mat-form-field appearance="outline">
<mat-label>User Location: </mat-label>
- <input matInput type="text" id="userLocation" placeholder="{{account?.location.area_name}}"
- value="{{account?.location.area_name}}" formControlName="userLocation"
- [errorStateMatcher]="matcher">
+ <input
+ matInput
+ type="text"
+ id="userLocation"
+ placeholder="{{ account?.location.area_name }}"
+ value="{{ account?.location.area_name }}"
+ formControlName="userLocation"
+ [errorStateMatcher]="matcher"
+ />
<mat-error *ngIf="submitted && accountInfoFormStub.userLocation.errors">
User Location is required.
</mat-error>
@@ -2481,50 +2561,82 @@ export class AccountDetailsComponent implements OnInit {
<div class="col-md-6 col-lg-4">
<mat-form-field appearance="outline">
<mat-label> LOCATION: </mat-label>
- <mat-select id="location" [(value)]="account.location.area" formControlName="location"
- [errorStateMatcher]="matcher">
+ <mat-select
+ id="location"
+ [(value)]="account.location.area"
+ formControlName="location"
+ [errorStateMatcher]="matcher"
+ >
<mat-option *ngFor="let area of areaNames" [value]="area">
- {{area | uppercase}}
+ {{ area | uppercase }}
</mat-option>
</mat-select>
- <mat-error *ngIf="submitted && accountInfoFormStub.location.errors">Location is required.</mat-error>
+ <mat-error *ngIf="submitted && accountInfoFormStub.location.errors"
+ >Location is required.</mat-error
+ >
</mat-form-field>
</div>
<div class="col-md-6 col-lg-4">
<mat-form-field appearance="outline">
<mat-label> LOCATION TYPE: </mat-label>
- <mat-select id="locationType" [(value)]="account.location.area_type" formControlName="locationType"
- [errorStateMatcher]="matcher">
+ <mat-select
+ id="locationType"
+ [(value)]="account.location.area_type"
+ formControlName="locationType"
+ [errorStateMatcher]="matcher"
+ >
<mat-option *ngFor="let type of areaTypes" [value]="type">
- {{type | uppercase}}
+ {{ type | uppercase }}
</mat-option>
</mat-select>
- <mat-error *ngIf="submitted && accountInfoFormStub.locationType.errors">Location Type is required.</mat-error>
+ <mat-error *ngIf="submitted && accountInfoFormStub.locationType.errors"
+ >Location Type is required.</mat-error
+ >
</mat-form-field>
</div>
<div class="col-md-6 col-lg-4">
- <button mat-raised-button color="primary" type="button" class="btn btn-outline-primary mb-3">
+ <button
+ mat-raised-button
+ color="primary"
+ type="button"
+ class="btn btn-outline-primary mb-3"
+ >
Add User KYC
</button>
</div>
<div class="col-md-6 col-lg-4">
- <button mat-raised-button color="primary" type="button" class="btn btn-outline-success mb-3"
- (click)="resetPin()">
+ <button
+ mat-raised-button
+ color="primary"
+ type="button"
+ class="btn btn-outline-success mb-3"
+ (click)="resetPin()"
+ >
Reset Pin
</button>
</div>
<div class="col-md-6 col-lg-4">
- <button mat-raised-button color="warn" type="button" class="btn btn-outline-danger mb-3">
+ <button
+ mat-raised-button
+ color="warn"
+ type="button"
+ class="btn btn-outline-danger mb-3"
+ >
Delete User
</button>
</div>
<div class="col-md-6 col-lg-4">
- <button mat-raised-button color="primary" type="submit" class="btn btn-outline-primary">
+ <button
+ mat-raised-button
+ color="primary"
+ type="submit"
+ class="btn btn-outline-primary"
+ >
SAVE DETAILS
</button>
</div>
@@ -2534,32 +2646,32 @@ export class AccountDetailsComponent implements OnInit {
</div>
<div class="card mb-3">
- <mat-card-title class="card-header">
- USER
- </mat-card-title>
+ <mat-card-title class="card-header"> USER </mat-card-title>
<div class="card-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover">
- <caption> 1 user </caption>
+ <caption>
+ 1 user
+ </caption>
<thead class="thead-dark">
- <tr>
- <th scope="col">NAME</th>
- <th scope="col">BALANCE</th>
- <th scope="col">CREATED</th>
- <th scope="col">STATUS</th>
- </tr>
+ <tr>
+ <th scope="col">NAME</th>
+ <th scope="col">BALANCE</th>
+ <th scope="col">CREATED</th>
+ <th scope="col">STATUS</th>
+ </tr>
</thead>
<tbody>
- <tr>
- <td>{{account?.vcard?.fn[0].value}}</td>
- <td>{{account?.balance | tokenRatio}} {{ tokenSymbol | uppercase }}</td>
- <td>{{account?.date_registered | unixDate}}</td>
- <td>
- <span class="badge badge-success badge-pill">
- {{accountStatus}}
- </span>
- </td>
- </tr>
+ <tr>
+ <td>{{ account?.vcard?.fn[0].value }}</td>
+ <td>{{ account?.balance | tokenRatio }} {{ tokenSymbol | uppercase }}</td>
+ <td>{{ account?.date_registered | unixDate }}</td>
+ <td>
+ <span class="badge badge-success badge-pill">
+ {{ accountStatus }}
+ </span>
+ </td>
+ </tr>
</tbody>
</table>
</div>
@@ -2568,135 +2680,216 @@ export class AccountDetailsComponent implements OnInit {
<mat-tab-group *ngIf="account" dynamicHeight mat-align-tabs="start">
<mat-tab label="Transactions">
- <app-transaction-details [transaction]="transaction" (closeWindow)="transaction = $event"></app-transaction-details>
+ <app-transaction-details
+ [transaction]="transaction"
+ (closeWindow)="transaction = $event"
+ ></app-transaction-details>
<div class="card mt-1">
<div class="card-header">
<div class="row">
<mat-form-field appearance="outline">
<mat-label> TRANSACTION TYPE </mat-label>
- <mat-select id="transferSelect" [(value)]="transactionsType" (selectionChange)="filterTransactions()">
+ <mat-select
+ id="transferSelect"
+ [(value)]="transactionsType"
+ (selectionChange)="filterTransactions()"
+ >
<mat-option value="all">ALL TRANSFERS</mat-option>
- <mat-option *ngFor="let transactionType of transactionsTypes" [value]="transactionType">
- {{transactionType | uppercase}}
+ <mat-option
+ *ngFor="let transactionType of transactionsTypes"
+ [value]="transactionType"
+ >
+ {{ transactionType | uppercase }}
</mat-option>
</mat-select>
</mat-form-field>
- <button mat-raised-button color="primary" type="button" class="btn btn-outline-primary ml-auto mr-2" (click)="downloadCsv(transactions, 'transactions')"> EXPORT </button>
+ <button
+ mat-raised-button
+ color="primary"
+ type="button"
+ class="btn btn-outline-primary ml-auto mr-2"
+ (click)="downloadCsv(transactions, 'transactions')"
+ >
+ EXPORT
+ </button>
</div>
</div>
<div class="card-body">
<mat-form-field appearance="outline">
<mat-label> Filter </mat-label>
- <input matInput type="text" (keyup)="doTransactionFilter($event.target.value)" placeholder="Filter">
+ <input
+ matInput
+ type="text"
+ (keyup)="doTransactionFilter($event.target.value)"
+ placeholder="Filter"
+ />
<mat-icon matSuffix>search</mat-icon>
</mat-form-field>
- <table mat-table class="mat-elevation-z10" [dataSource]="transactionsDataSource" matSort matSortActive="created"
- #TransactionTableSort="matSort" matSortDirection="asc" matSortDisableClear>
-
+ <table
+ mat-table
+ class="mat-elevation-z10"
+ [dataSource]="transactionsDataSource"
+ matSort
+ matSortActive="created"
+ #TransactionTableSort="matSort"
+ matSortDirection="asc"
+ matSortDisableClear
+ >
<ng-container matColumnDef="sender">
- <th mat-header-cell *matHeaderCellDef mat-sort-header> Sender </th>
- <td mat-cell *matCellDef="let transaction"> {{transaction?.sender?.vcard.fn[0].value || transaction.from}} </td>
+ <th mat-header-cell *matHeaderCellDef mat-sort-header>Sender</th>
+ <td mat-cell *matCellDef="let transaction">
+ {{ transaction?.sender?.vcard.fn[0].value || transaction.from }}
+ </td>
</ng-container>
<ng-container matColumnDef="recipient">
- <th mat-header-cell *matHeaderCellDef mat-sort-header> Recipient </th>
- <td mat-cell *matCellDef="let transaction"> {{transaction?.recipient?.vcard.fn[0].value || transaction.to}} </td>
+ <th mat-header-cell *matHeaderCellDef mat-sort-header>Recipient</th>
+ <td mat-cell *matCellDef="let transaction">
+ {{ transaction?.recipient?.vcard.fn[0].value || transaction.to }}
+ </td>
</ng-container>
<ng-container matColumnDef="value">
- <th mat-header-cell *matHeaderCellDef mat-sort-header> Value </th>
+ <th mat-header-cell *matHeaderCellDef mat-sort-header>Value</th>
<td mat-cell *matCellDef="let transaction">
- <span *ngIf="transaction.type == 'transaction'">{{transaction?.value | tokenRatio}} {{ tokenSymbol | uppercase }}</span>
- <span *ngIf="transaction.type == 'conversion'">{{transaction?.toValue | tokenRatio}} {{ tokenSymbol | uppercase }}</span>
+ <span *ngIf="transaction.type == 'transaction'"
+ >{{ transaction?.value | tokenRatio }} {{ tokenSymbol | uppercase }}</span
+ >
+ <span *ngIf="transaction.type == 'conversion'"
+ >{{ transaction?.toValue | tokenRatio }} {{ tokenSymbol | uppercase }}</span
+ >
</td>
</ng-container>
<ng-container matColumnDef="created">
- <th mat-header-cell *matHeaderCellDef mat-sort-header> Created </th>
- <td mat-cell *matCellDef="let transaction"> {{transaction?.tx.timestamp | unixDate}} </td>
+ <th mat-header-cell *matHeaderCellDef mat-sort-header>Created</th>
+ <td mat-cell *matCellDef="let transaction">
+ {{ transaction?.tx.timestamp | unixDate }}
+ </td>
</ng-container>
<ng-container matColumnDef="type">
- <th mat-header-cell *matHeaderCellDef mat-sort-header> TYPE </th>
+ <th mat-header-cell *matHeaderCellDef mat-sort-header>TYPE</th>
<td mat-cell *matCellDef="let transaction">
- <span class="badge badge-success badge-pill"> {{transaction?.type}} </span>
+ <span class="badge badge-success badge-pill"> {{ transaction?.type }} </span>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="transactionsDisplayedColumns"></tr>
- <tr mat-row *matRowDef="let transaction; columns: transactionsDisplayedColumns" matRipple
- (click)="viewTransaction(transaction)"></tr>
+ <tr
+ mat-row
+ *matRowDef="let transaction; columns: transactionsDisplayedColumns"
+ matRipple
+ (click)="viewTransaction(transaction)"
+ ></tr>
</table>
- <mat-paginator #TransactionTablePaginator="matPaginator" [pageSize]="transactionsDefaultPageSize"
- [pageSizeOptions]="transactionsPageSizeOptions" showFirstLastButtons></mat-paginator>
-
+ <mat-paginator
+ #TransactionTablePaginator="matPaginator"
+ [pageSize]="transactionsDefaultPageSize"
+ [pageSizeOptions]="transactionsPageSizeOptions"
+ showFirstLastButtons
+ ></mat-paginator>
</div>
</div>
</mat-tab>
<mat-tab label="Users">
<div class="card mt-1">
- <mat-card-title class="card-header">
- Accounts
- </mat-card-title>
+ <mat-card-title class="card-header"> Accounts </mat-card-title>
<div class="card-body">
<div class="row card-header">
<mat-form-field appearance="outline">
<mat-label> ACCOUNT TYPE </mat-label>
- <mat-select id="typeSelect" [(value)]="accountsType" (selectionChange)="filterAccounts()">
+ <mat-select
+ id="typeSelect"
+ [(value)]="accountsType"
+ (selectionChange)="filterAccounts()"
+ >
<mat-option value="all">ALL</mat-option>
<mat-option *ngFor="let accountType of accountTypes" [value]="accountType">
- {{accountType | uppercase}}
+ {{ accountType | uppercase }}
</mat-option>
</mat-select>
</mat-form-field>
- <button mat-raised-button color="primary" type="button" class="btn btn-outline-primary ml-auto mr-2" (click)="downloadCsv(accounts, 'accounts')"> EXPORT </button>
+ <button
+ mat-raised-button
+ color="primary"
+ type="button"
+ class="btn btn-outline-primary ml-auto mr-2"
+ (click)="downloadCsv(accounts, 'accounts')"
+ >
+ EXPORT
+ </button>
</div>
<mat-form-field appearance="outline">
<mat-label> Filter </mat-label>
- <input matInput type="text" (keyup)="doUserFilter($event.target.value)" placeholder="Filter">
+ <input
+ matInput
+ type="text"
+ (keyup)="doUserFilter($event.target.value)"
+ placeholder="Filter"
+ />
<mat-icon matSuffix>search</mat-icon>
</mat-form-field>
- <mat-table class="mat-elevation-z10" [dataSource]="userDataSource" matSort #UserTableSort="matSort"
- matSortActive="created" matSortDirection="desc" matSortDisableClear>
-
+ <mat-table
+ class="mat-elevation-z10"
+ [dataSource]="userDataSource"
+ matSort
+ #UserTableSort="matSort"
+ matSortActive="created"
+ matSortDirection="desc"
+ matSortDisableClear
+ >
<ng-container matColumnDef="name">
<mat-header-cell *matHeaderCellDef mat-sort-header> NAME </mat-header-cell>
- <mat-cell *matCellDef="let user"> {{user?.vcard.fn[0].value}} </mat-cell>
+ <mat-cell *matCellDef="let user"> {{ user?.vcard.fn[0].value }} </mat-cell>
</ng-container>
<ng-container matColumnDef="phone">
- <mat-header-cell *matHeaderCellDef mat-sort-header> PHONE NUMBER </mat-header-cell>
- <mat-cell *matCellDef="let user"> {{user?.vcard.tel[0].value}} </mat-cell>
+ <mat-header-cell *matHeaderCellDef mat-sort-header>
+ PHONE NUMBER
+ </mat-header-cell>
+ <mat-cell *matCellDef="let user"> {{ user?.vcard.tel[0].value }} </mat-cell>
</ng-container>
<ng-container matColumnDef="created">
<mat-header-cell *matHeaderCellDef mat-sort-header> CREATED </mat-header-cell>
- <mat-cell *matCellDef="let user"> {{user?.date_registered | unixDate}} </mat-cell>
+ <mat-cell *matCellDef="let user">
+ {{ user?.date_registered | unixDate }}
+ </mat-cell>
</ng-container>
<ng-container matColumnDef="balance">
<mat-header-cell *matHeaderCellDef mat-sort-header> BALANCE </mat-header-cell>
- <mat-cell *matCellDef="let user"> {{user?.balance | tokenRatio}} {{tokenSymbol | uppercase}} </mat-cell>
+ <mat-cell *matCellDef="let user">
+ {{ user?.balance | tokenRatio }} {{ tokenSymbol | uppercase }}
+ </mat-cell>
</ng-container>
<ng-container matColumnDef="location">
<mat-header-cell *matHeaderCellDef mat-sort-header> LOCATION </mat-header-cell>
- <mat-cell *matCellDef="let user"> {{user?.location.area_name}} </mat-cell>
+ <mat-cell *matCellDef="let user"> {{ user?.location.area_name }} </mat-cell>
</ng-container>
- <mat-header-row *matHeaderRowDef=userDisplayedColumns></mat-header-row>
- <mat-row *matRowDef="let account; columns: userDisplayedColumns" (click)="viewAccount(account)"
- matRipple></mat-row>
+ <mat-header-row *matHeaderRowDef="userDisplayedColumns"></mat-header-row>
+ <mat-row
+ *matRowDef="let account; columns: userDisplayedColumns"
+ (click)="viewAccount(account)"
+ matRipple
+ ></mat-row>
</mat-table>
- <mat-paginator #UserTablePaginator="matPaginator" [pageSize]="usersDefaultPageSize"
- [pageSizeOptions]="usersPageSizeOptions" showFirstLastButtons></mat-paginator>
+ <mat-paginator
+ #UserTablePaginator="matPaginator"
+ [pageSize]="usersDefaultPageSize"
+ [pageSizeOptions]="usersPageSizeOptions"
+ showFirstLastButtons
+ ></mat-paginator>
</div>
</div>
</mat-tab>
@@ -2743,7 +2936,7 @@ export class AccountDetailsComponent implements OnInit {
-
-
-