balance-adjustment-dialog.component.html 5.52 KB
<div fxLayout="row wrap" fxLayoutAlign="center start">
  <div fxFlex.gt-sm="55" fxFlex="100">
    <mat-card class="mat-card-top">
      <mat-toolbar color="primary">Balance Adjustment</mat-toolbar>
      <mat-tab-group>
        <mat-tab>
          <ng-template matTabLabel>Main Wallet Adjustment</ng-template>
          <mat-card-content>
            <form fxLayout="column">
              <div fxLayout="row wrap">
                <div class="pb-1">
                  <mat-form-field fxFlex style="width: 30%">
                    <input matInput placeholder="User Name">
                  </mat-form-field>
                  <mat-form-field fxFlex style="width: 30%">
                    <input matInput placeholder="Current Balance">
                  </mat-form-field>
                  <mat-form-field fxFlex style="width: 30%">
                    <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>
                </div>
              </div>
              <div fxLayout="row wrap">
                <div class="pb-1">
                  <mat-form-field fxFlex style="width: 30%">
                    <input matInput placeholder="Amount">
                  </mat-form-field>
                  <mat-form-field fxFlex style="width: 30%">
                    <input matInput placeholder="Remark">
                  </mat-form-field>
                </div>
              </div>
              <hr>
              <mat-card-actions>
                <button mat-raised-button matTooltip="Save" color="primary">Save</button>
                <button mat-raised-button matTooltip="Close" color="accent" (click)="dialogRef.close(false)">Close</button>
              </mat-card-actions>
            </form>
          </mat-card-content>
        </mat-tab>
        <mat-tab>
          <ng-template matTabLabel>Provider's Wallet Adjustment</ng-template>
          <mat-card-content>
            <form fxLayout="column">
              <div fxLayout="row wrap">
                <div class="pb-1">
                  <mat-form-field fxFlex style="width: 30%">
                    <input matInput placeholder="User Name">
                  </mat-form-field>
                  <mat-form-field fxFlex style="width: 30%">
                    <input matInput placeholder="Current Balance">
                  </mat-form-field>
                  <mat-form-field fxFlex style="width: 30%">
                    <mat-select placeholder="From Wallet">
                      <mat-option>--</mat-option>
                      <mat-option value="ag">AG</mat-option>
                      <mat-option value="pt">PT</mat-option>
                      <mat-option value="png">PNG</mat-option>
                      <mat-option value="dt">DT</mat-option>
                      <mat-option value="gd">GD</mat-option>
                      <mat-option value="im">IM</mat-option>
                      <mat-option value="n2live">N2LIVE</mat-option>
                      <mat-option value="ibc">IBC</mat-option>
                      <mat-option value="mg">MG</mat-option>
                      <mat-option value="iml">IML</mat-option>
                    </mat-select>
                  </mat-form-field>
                </div>
              </div>

              <div fxLayout="row wrap">
                <div class="pb-1">
                  <mat-form-field fxFlex style="width: 30%">
                    <mat-select placeholder="To Wallet">
                      <mat-option>--</mat-option>
                      <mat-option value="ag">AG</mat-option>
                      <mat-option value="pt">PT</mat-option>
                      <mat-option value="png">PNG</mat-option>
                      <mat-option value="dt">DT</mat-option>
                      <mat-option value="gd">GD</mat-option>
                      <mat-option value="im">IM</mat-option>
                      <mat-option value="n2live">N2LIVE</mat-option>
                      <mat-option value="ibc">IBC</mat-option>
                      <mat-option value="mg">MG</mat-option>
                      <mat-option value="iml">IML</mat-option>
                    </mat-select>
                  </mat-form-field>
                  <mat-form-field fxFlex style="width: 30%">
                    <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 fxFlex style="width: 30%">
                    <input matInput placeholder="Amount">
                  </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="">
                    <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-group>
    </mat-card>
  </div>
</div>