github.com/muhammedhassanm/blockchain@v0.0.0-20200120143007-697261defd4d/Decentralized-Energy-Composer-master/angular-app/src/app/TransactionRB/TransactionRB.component.html (about)

     1  
     2  
     3  <div class="container">
     4  
     5    <div *ngIf="errorMessage" class="alert alert-danger" role="alert">
     6  		<strong>Error:</strong> {{errorMessage}}
     7  	</div>
     8  
     9    <div class="row">
    10        <h1>Resident to Bank </h1>  
    11    </div>
    12  
    13    <div class="row">
    14      <br>
    15    </div>
    16  
    17    <div class="row RR">
    18      <div *ngIf="transactionFrom" class="col-md-offset-3 col-md-6">
    19        <div class="panel panel-default">
    20          <div class="panel-heading"> <strong>Enter Transaction Info </strong>
    21          </div>
    22          <div class="panel-body">
    23            <form [formGroup]="myForm">
    24  
    25              <p><strong>Rate: {{bankCoinsPerCash}}  Coins / USD </strong></p>
    26  
    27              <p>Action:         
    28                <select name="actions" formControlName="action">
    29                  <option value="getCash">Get Cash (USD) for Coins</option>
    30                  <option value="getCoins">Get Coins for Cash (USD)</option>
    31                </select>
    32              </p>
    33              
    34              <p>Resident: 
    35                <select name="residents" formControlName="formResidentID">
    36                  <option *ngFor="let resident of allResidents" value="{{resident.residentID}}">{{resident.residentID}}</option>
    37                </select>
    38              </p>           
    39  
    40              <p>Bank: 
    41                <select name="banks" formControlName="formBankID" >
    42                  <option *ngFor="let bank of allBanks" value="{{bank.bankID}}">{{bank.bankID}}</option>
    43                </select>
    44              </p>
    45  
    46              <p>Cash value (USD):
    47                <input formControlName="value" type="number" step='any' class="form-control inlineInput">
    48              </p>
    49    
    50              </form>
    51          </div>
    52        </div>
    53      </div>
    54  
    55      <div *ngIf="!transactionFrom" class="col-md-offset-3 col-md-6">
    56        <div class="panel panel-default">
    57          <div class="panel-heading"><strong>Transaction Executed</strong></div>
    58          <div class="panel-body">
    59            <form [formGroup]="myForm">
    60              <p>Transaction ID: {{transactionID}}</p>             
    61            </form>
    62          </div>
    63        </div>
    64      </div>
    65  
    66    </div>
    67  
    68    <div class="row">  
    69      <div *ngIf="transactionFrom" class="col-md-offset-4 col-md-4">
    70      <button (click)="execute(form);" type="button" class="btn btn-success" data-toggle="modal" >Execute Transaction</button>
    71  	  
    72      </div>
    73    </div>
    74  
    75    <div class="row">
    76      <br>
    77      <br>
    78    </div>
    79  
    80  
    81  </div>