github.com/muhammedhassanm/blockchain@v0.0.0-20200120143007-697261defd4d/Decentralized-Energy-Composer-master/angular-app/src/app/TransactionRU/TransactionRU.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 Utility </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></div>
    21          <div class="panel-body">        
    22            <form [formGroup]="myForm">
    23  
    24              <p ><strong>Rate: {{utilityCoinsPerEnergy}}  Coins / kwH </strong></p>
    25  
    26              <p>Action: 
    27                <select name="actions" formControlName="action">
    28                  <option value="buyEnergy">Buy Energy (kwh) from Utility Company</option>
    29                  <option value="sellEnergy">Sell Energy (kwh) to Utility Company</option>
    30                </select>
    31              </p>
    32              
    33              <p>Resident: 
    34                <select name="residents" formControlName="formResidentID">
    35                  <option *ngFor="let resident of allResidents" value="{{resident.residentID}}">{{resident.residentID}}</option>
    36                </select>
    37              </p>           
    38                
    39  
    40              <p>Utility Company:
    41                <select name="utilityCompanys" formControlName="formUtilityID" >
    42                  <option *ngFor="let utilityCompany of allUtilityCompanys" value="{{utilityCompany.utilityID}}">{{utilityCompany.utilityID}}</option>
    43                </select>
    44              </p>
    45  
    46              <p>Energy value (kwh):
    47                <input formControlName="value" type="number" step='any' class="form-control inlineInput">
    48              </p>
    49  
    50                         
    51              
    52              </form>
    53          </div>
    54        </div>
    55      </div>
    56  
    57      <div *ngIf="!transactionFrom" class="col-md-offset-3 col-md-6">
    58        <div class="panel panel-default">
    59          <div class="panel-heading"><strong>Transaction Executed</strong></div>
    60          <div class="panel-body">
    61          <p>Time Interval: 1:00 pm - 2:00 pm</p>
    62            <form [formGroup]="myForm">
    63              <p>Transaction ID: {{transactionID}}</p>            
    64            </form>
    65          </div>
    66        </div>
    67      </div>
    68  
    69    </div>
    70  
    71    <div class="row">  
    72      <div *ngIf="transactionFrom" class="col-md-offset-4 col-md-4">
    73        <button (click)="execute(form);" type="button" class="btn btn-success" data-toggle="modal" >Execute Transaction</button>	  
    74      </div>
    75    </div>
    76  
    77    <div class="row">
    78      <br>
    79      <br>
    80    </div>
    81  
    82  
    83  </div>