view-affiliate.component.html 1.85 KB
<mat-expansion-panel>
  <mat-expansion-panel-header [expandedHeight]="expandedHeight" [collapsedHeight]="collapsedHeight">
    <mat-panel-title>Search Filters</mat-panel-title>
  </mat-expansion-panel-header>
  <ng-template matExpansionPanelContent>
  </ng-template>

  <mat-form-field>
    <input matInput [matDatepicker]="startDate" placeholder="Start Date" [disabled]="inputDisabled">
    <mat-datepicker-toggle matSuffix [for]="startDate"></mat-datepicker-toggle>
    <mat-datepicker #startDate [touchUi]="touch" [disabled]="datepickerDisabled"></mat-datepicker>
  </mat-form-field>

  <mat-form-field>
    <input matInput [matDatepicker]="endDate" placeholder="End Date" [disabled]="inputDisabled">
    <mat-datepicker-toggle matSuffix [for]="endDate"></mat-datepicker-toggle>
    <mat-datepicker #endDate [touchUi]="touch" [disabled]="datepickerDisabled"></mat-datepicker>
  </mat-form-field>

  <mat-form-field>
    <input matInput placeholder="Username">
  </mat-form-field>
  <mat-form-field class="pr-1">
    <mat-select placeholder="Status">
        <mat-option>--</mat-option>
      <mat-option value="start">Enable</mat-option>
      <mat-option value="end">Disable</mat-option>
    </mat-select>
  </mat-form-field>
  <button mat-raised-button color="primary">Search</button>
  <button mat-button>Clean</button>
</mat-expansion-panel>
<br>
<button mat-raised-button color="primary">Manual Balance Adjustment </button><br>
<ngx-datatable 
class="material" 
[rows]="rows" 
[columns]="[{name:'Username'},
{name:'Wallet'},
{name:'Rate'},
{name:'Affiliate Level'},
{name:'CreateTime'},
{name:'UpdateTime'},
{name:'Last Login Time'},
{name:'Last Login Ip'},
{name:'Register IP'},
{name:'Withdraw Status'},
{name:'Withdraw Review'},
{name:'Status'},
{name:'Action'}]"
[columnMode]="'force'" 
[headerHeight]="50" 
[footerHeight]="50" 
[rowHeight]="'auto'" 
[limit]="10">
</ngx-datatable>