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