github.com/muhammedhassanm/blockchain@v0.0.0-20200120143007-697261defd4d/Decentralized-Energy-Composer-master/angular-app/src/app/TransactionRR/TransactionRR.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        <h2> Resident to Resident Transaction </h2>
    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          <p>Billing Period: 2:00 pm - 4:00 pm</p>
    23            <form [formGroup]="myForm">
    24              
    25              <p>Producer:           
    26                <select name="residents" formControlName="producerResidentID" >
    27                  <option *ngFor="let resident of allResidents" value="{{resident.residentID}}">{{resident.residentID}}</option>
    28                </select>
    29                </p> 
    30                
    31  
    32                <p>Consumer: 
    33                <select name="residents" formControlName="consumerResidentID" >
    34                  <option *ngFor="let resident of allResidents" value="{{resident.residentID}}">{{resident.residentID}}</option>
    35                </select>
    36                </p>
    37                
    38  
    39              <p>Energy exchanged (kwh): <input formControlName="energyValue" type="number" step='any' class="form-control inlineInput">
    40                </p>
    41              
    42              <p>Rate: <strong>{{residentCoinsPerEnergy}} Coins / kwh </strong>
    43              </p>
    44              <br>
    45              </form>
    46          </div>
    47        </div>
    48      </div>
    49  
    50      <div *ngIf="!transactionFrom" class="col-md-offset-3 col-md-6">
    51        <div class="panel panel-default">
    52          <div class="panel-heading"><strong>Transaction Executed</strong></div>
    53          <div class="panel-body">
    54          <p>Billing Period: 2:00 pm - 4:00 pm</p>
    55            <form [formGroup]="myForm">
    56              <p>Transaction ID: {{transactionID}}</p>
    57              <br>
    58              <!-- p>Producer: {{producerResidentID.value}}</p> 
    59              <p>Energy Provided ID: {{energyProvidedID}}</p>
    60              <p>Coins Credited ID: {{coinsCreditID}}</p>             
    61             <br>
    62              <p>Consumer: {{consumerResidentID.value}}</p>           
    63              <p>Energy Received ID: {{energyReceivedID}}</p>
    64              <p>Coins Debited ID: {{coinsDebitID}}</p>             
    65             <br>
    66              <p>Energy exchanged: {{energyValue.value}}</p>
    67              <p>Coins exchanged: {{coinsValue.value}}</p-->
    68            </form>
    69          </div>
    70        </div>
    71      </div>
    72  
    73    </div>
    74  
    75    <div class="row">  
    76      <div *ngIf="transactionFrom" class="col-md-offset-4 col-md-4">
    77        <button (click)="execute(form);" type="button" class="btn btn-success" data-toggle="modal" >Execute Transaction</button>	  
    78      </div>
    79    </div>
    80  
    81    <div class="row">
    82      <br>
    83      <br>
    84    </div>
    85  
    86  
    87  </div>