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