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

     1  <div class="modal fade" id="addAssetModal" tabindex="-1" role="dialog" aria-labelledby="addAssetModalLabel">
     2    <div class="modal-dialog" role="document">
     3      <div class="modal-content">
     4        <div class="modal-header">
     5          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
     6          <h4 class="modal-title" id="addAssetModalLabel">Add Asset</h4>
     7        </div>
     8        <form [formGroup]="myForm">
     9          <div class="modal-body">
    10  
    11              <div class="form-group text-left">
    12                <label for="energyID">energyID</label>
    13                  <input formControlName="energyID" type="text" class="form-control">              
    14              </div>
    15            
    16              <div class="form-group text-left">
    17                <label for="units">units</label>
    18                  <input formControlName="units" type="text" class="form-control">              
    19              </div>
    20            
    21              <div class="form-group text-left">
    22                <label for="value">value</label>
    23                  <input formControlName="value" type="number" step='any' class="form-control">              
    24              </div>
    25            
    26              <div class="form-group text-left">
    27                <label for="ownerID">ownerID</label>
    28                  <input formControlName="ownerID" type="text" class="form-control">              
    29              </div>
    30            
    31              <div class="form-group text-left">
    32                <label for="ownerEntity">ownerEntity</label>
    33                    <textarea formControlName="ownerEntity" class="form-control" rows="3"></textarea>
    34              </div>
    35            
    36          </div>
    37          <div class="modal-footer">
    38            <button (click)="addAsset(myForm);" type="submit" class="btn btn-success" data-dismiss="modal">Submit</button>
    39            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    40          </div>
    41        </form>
    42      </div>
    43    </div>
    44  </div>
    45  
    46  
    47  
    48  <div class="modal fade" id="updateAssetModal" tabindex="-1" role="dialog" aria-labelledby="updateAssetModalLabel">
    49    <div class="modal-dialog" role="document">
    50      <div class="modal-content">
    51        <div class="modal-header">
    52          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    53          <h4 class="modal-title" id="updateAssetModalLabel">Update Asset</h4>
    54        </div>
    55        <form [formGroup]="myForm">
    56          <div class="modal-body">
    57  
    58              <div class="form-group text-left">
    59                <label for="energyID">energyID</label>
    60                  <input [ngModel]="energyID"formControlName="energyID" type="text" class="form-control">              
    61              </div>
    62            
    63              <div class="form-group text-left">
    64                <label for="units">units</label>
    65                  <input [ngModel]="units"formControlName="units" type="text" class="form-control">              
    66              </div>
    67            
    68              <div class="form-group text-left">
    69                <label for="value">value</label>
    70                  <input [ngModel]="value" formControlName="value" type="number" step='any' class="form-control">              
    71              </div>
    72            
    73              <div class="form-group text-left">
    74                <label for="ownerID">ownerID</label>
    75                  <input [ngModel]="ownerID"formControlName="ownerID" type="text" class="form-control">            
    76              </div>
    77            
    78              <div class="form-group text-left">
    79                <label for="ownerEntity">ownerEntity</label>
    80                    <textarea [ngModel]="ownerEntity" formControlName="ownerEntity" class="form-control" rows="3"></textarea>            
    81              </div>
    82            
    83          </div>
    84          <div class="modal-footer">
    85            <button (click)="updateAsset(myForm)" type="submit" class="btn btn-success" data-dismiss="modal">Submit</button>
    86            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    87          </div>
    88        </form>
    89      </div>
    90    </div>
    91  </div>
    92  
    93  
    94  <div class="modal fade" id="deleteAssetModal" tabindex="-1" role="dialog" aria-labelledby="deleteAssetModalLabel">
    95    <div class="modal-dialog" role="document">
    96      <div class="modal-content">
    97        <div class="modal-header">
    98          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    99          <h4 class="modal-title" id="deleteAssetModalLabel">Delete Asset</h4>
   100        </div>
   101        <form [formGroup]="myForm" (ngSubmit)="deleteAsset()">
   102          <div class="modal-body">
   103            Are you sure you want to delete this asset?
   104          </div>
   105          <div class="modal-footer">
   106            <button (click)="deleteAsset()" type="submit" class="btn btn-danger" data-dismiss="modal">Yes</button>
   107            <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
   108          </div>
   109        </form>
   110      </div>
   111    </div>
   112  </div>
   113  
   114  
   115  <div class="container">
   116  	<div *ngIf="errorMessage" class="alert alert-danger" role="alert">
   117  		<strong>Error:</strong> {{errorMessage}}
   118  	</div>
   119    <h1 id='assetName'>Energy Assets</h1>
   120    <div class="row">  
   121    </div>
   122    <br>
   123    <div class="row">
   124      <div class="col-md-12">
   125        <table class="table table-bordered table-responsive table-hover">
   126          <thead class="thead">
   127            <tr class="thead-cols">
   128              
   129                  <th class="bc">Energy ID</th>
   130  
   131                  <th class="bc">Owner ID</th>
   132              
   133                  <th class="bc">Owner Entity</th>
   134              
   135                  <th class="bc">Units</th>
   136              
   137                  <th class="bc">Value</th>
   138  
   139            </tr>
   140          </thead>
   141          <tbody>
   142            <tr *ngFor="let asset of allAssets">
   143              
   144                  <td>{{asset.energyID}}</td>
   145  
   146                  <td>{{asset.ownerID}}</td>
   147              
   148                  <td>{{asset.ownerEntity}}</td>
   149              
   150                  <td>{{asset.units}}</td>
   151              
   152                  <td>{{asset.value}}</td>
   153                                      
   154            </tr>
   155          </tbody>
   156        </table>
   157      </div>
   158    </div>
   159  </div>