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

     1  
     2  <div class="modal fade" id="addBankModal" tabindex="-1" role="dialog" aria-labelledby="addBankModalLabel">
     3    <div class="modal-dialog" role="document">
     4      <div class="modal-content">
     5        <div class="modal-header">
     6          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
     7          <h4 class="modal-title" id="addBankModalLabel">Add Bank</h4>
     8        </div>
     9        <form [formGroup]="myForm">
    10          <div class="modal-body">
    11              <div class="form-group text-left">
    12                <label for="bankID">Bank ID</label>
    13                  <input formControlName="bankID" type="text" class="form-control">
    14                  </div>      
    15              <div class="form-group text-left">
    16                <label for="name">Bank Name</label>  
    17                  <input formControlName="name" type="text" class="form-control">          
    18              </div>
    19                       
    20              <div class="form-group text-left">
    21                <label for="coinsValue">Coins Balance</label>  
    22                  <input formControlName="coinsValue" type="text" class="form-control">          
    23              </div>            
    24  
    25              <div class="form-group text-left">
    26                <label for="cashValue">Cash Balance</label>  
    27                  <input formControlName="cashValue" type="text" class="form-control">          
    28              </div>
    29  
    30              <div class="form-group text-left">
    31                <label for="cashCurrency">Cash Currency</label>  
    32  
    33                <div>
    34                <select name="cashCurrency" formControlName="cashCurrency">
    35                  <option value="USD">USD</option>                
    36                </select>
    37                </div>
    38              </div>
    39  
    40                  
    41          </div>
    42          <div class="modal-footer">
    43            <button (click)="addBank(myForm);" type="submit" class="btn btn-success" data-dismiss="modal">Submit</button>
    44            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    45          </div>
    46        </form>
    47      </div>
    48    </div>
    49  </div>
    50  
    51  
    52  <div class="modal fade" id="updateBankModal" tabindex="-1" role="dialog" aria-labelledby="updateBankModalLabel">
    53    <div class="modal-dialog" role="document">
    54      <div class="modal-content">
    55        <div class="modal-header">
    56          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    57          <h4 class="modal-title" id="updateBankModalLabel">Update Asset</h4>
    58        </div>
    59        <form [formGroup]="myForm">
    60          <div class="modal-body">
    61              <div class="form-group text-left">
    62                <label for="bankID">Bank ID</label>
    63                  <input [ngModel]="bankID"formControlName="bankID" type="text" class="form-control">            
    64              </div>          
    65              <div class="form-group text-left">
    66                <label for="name">Bank Name</label>
    67                  <input [ngModel]="name"formControlName="name" type="text" class="form-control">              
    68              </div>                      
    69          </div>
    70          <div class="modal-footer">
    71            <button (click)="updateBank(myForm)" type="submit" class="btn btn-success" data-dismiss="modal">Submit</button>
    72            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    73          </div>
    74        </form>
    75      </div>
    76    </div>
    77  </div>
    78  
    79  
    80  <div class="modal fade" id="deleteBankModal" tabindex="-1" role="dialog" aria-labelledby="deleteBankModalLabel">
    81    <div class="modal-dialog" role="document">
    82      <div class="modal-content">
    83        <div class="modal-header">
    84          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    85          <h4 class="modal-title" id="deleteBankModalLabel">Delete Asset</h4>
    86        </div>
    87        <form [formGroup]="myForm" (ngSubmit)="deleteBank()">
    88          <div class="modal-body">
    89            Are you sure you want to delete this asset?
    90          </div>
    91          <div class="modal-footer">
    92            <button (click)="deleteBank()" type="submit" class="btn btn-danger" data-dismiss="modal">Yes</button>
    93            <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
    94          </div>
    95        </form>
    96      </div>
    97    </div>
    98  </div>
    99  
   100  
   101  
   102  
   103  
   104  
   105  <div class="container">
   106    <div *ngIf="errorMessage" class="alert alert-danger" role="alert">
   107  		<strong>Error:</strong> {{errorMessage}}
   108  	</div>
   109    <div class="row">
   110        <h1 class="heading">Banks </h1> 
   111    </div>
   112  
   113   <div class="row">
   114      <div class="col-md-12 text-right">
   115        <button (click)="resetForm()" type="button" class="btn btn-primary" data-toggle="modal" data-target="#addBankModal">Add Bank</button>
   116      </div>
   117    </div>
   118    <br>
   119    <div class="row">
   120      <div class="col-md-12">
   121        <table class="table table-bordered table-responsive table-hover">
   122          <thead class="thead">
   123            <tr class="thead-cols">
   124              
   125                  <th class="bc">Bank ID</th>
   126              
   127                  <th class="bc">Bank Name</th>
   128              
   129                  <th class="bc">Coins Balance</th>  
   130  
   131                  <th class="bc">Cash Balance</th>
   132  
   133                  <th class="bc">Cash Currency</th>
   134  
   135                  <th class="bc">Actions</th>       
   136            </tr>
   137          </thead>
   138          <tbody>
   139            <tr *ngFor="let bank of allBanks">
   140            
   141                  <td>{{bank.bankID}}</td>
   142              
   143                  <td>{{bank.name}}</td>            
   144  
   145                  <td>{{bank.coinsValue}}</td>
   146  
   147                  <td>{{bank.cashValue}}</td>
   148  
   149                  <td>{{bank.cashCurrency}}</td>
   150             
   151              <td>
   152  
   153                <button (click)="getForm(bank.bankID);" type="button" class="btn btn-success" data-toggle="modal" data-target="#updateBankModal">Update</button>
   154  
   155                <button (click)="setId(bank.bankID);" type="button" class="btn btn-danger" data-toggle="modal" data-target="#deleteBankModal">Delete</button>
   156  
   157              </td>
   158            </tr>
   159          </tbody>
   160        </table>
   161      </div>
   162    </div>
   163  
   164  </div>