Upgrading bisq transaction type filter with a multiselect dropdown

This commit is contained in:
softsimon
2020-08-08 22:48:18 +07:00
parent 8ff8e6dbb9
commit 7f669129e7
5 changed files with 57 additions and 77 deletions

View File

@@ -1,59 +1,10 @@
<div class="container-xl">
<h1 style="float: left;">Transactions</h1>
<div ngbDropdown class="d-block float-right">
<button class="btn btn-primary" id="dropdownForm1" ngbDropdownToggle>Filter</button>
<div ngbDropdownMenu aria-labelledby="dropdownForm1">
<form [formGroup]="radioGroupForm">
<label>
<input type="checkbox" formControlName="ASSET_LISTING_FEE"> Asset listing fee
</label>
<br>
<label>
<input type="checkbox" formControlName="BLIND_VOTE"> Blind vote
</label>
<br>
<label>
<input type="checkbox" formControlName="COMPENSATION_REQUEST"> Compensation request
</label>
<br>
<label>
<input type="checkbox" formControlName="GENESIS"> Genesis
</label>
<br>
<label>
<input type="checkbox" formControlName="LOCKUP"> Lockup
</label>
<br>
<label>
<input type="checkbox" formControlName="PAY_TRADE_FEE"> Pay trade fee
</label>
<br>
<label>
<input type="checkbox" formControlName="PROOF_OF_BURN"> Proof of burn
</label>
<br>
<label>
<input type="checkbox" formControlName="PROPOSAL"> Proposal
</label>
<br>
<label>
<input type="checkbox" formControlName="REIMBURSEMENT_REQUEST"> Reimbursement request
</label>
<br>
<label>
<input type="checkbox" formControlName="TRANSFER_BSQ"> Transfer BSQ
</label>
<br>
<label>
<input type="checkbox" formControlName="UNLOCK"> Unlock
</label>
<br>
<label>
<input type="checkbox" formControlName="VOTE_REVEAL"> Vote reveal
</label>
</form>
</div>
<div class="d-block float-right">
<form [formGroup]="radioGroupForm">
<ngx-bootrap-multiselect [options]="txTypeOptions" [settings]="txTypeDropdownSettings" [texts]="txTypeDropdownTexts" formControlName="txTypes"></ngx-bootrap-multiselect>
</form>
</div>
<br>
@@ -65,10 +16,10 @@
<table class="table table-borderless table-striped">
<thead>
<th style="width: 20%;">Transaction</th>
<th class="d-none d-md-block" style="width: 20%;">Type</th>
<th class="d-none d-md-block" style="width: 100%;">Type</th>
<th style="width: 20%;">Amount</th>
<th style="width: 20%;">Confirmed</th>
<th class="d-none d-md-block" style="width: 20%;">Height</th>
<th class="d-none d-md-block">Height</th>
</thead>
<tbody *ngIf="transactions.value; else loadingTmpl">
<tr *ngFor="let tx of transactions.value[0]; trackBy: trackByFn">