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

     1  
     2  
     3  <div class="container align">
     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> Blockchain </h2>
    11    </div>
    12  
    13    <div class="row">
    14      <br>
    15    </div>
    16  
    17    <div *ngIf="performedTransactions.length == 0 && systemTransactions.length == 0" class="row">
    18        <h4>No transactions</h4>
    19      </div>
    20  
    21    <div *ngIf="performedTransactions.length > 0" class="row" >
    22      <h4>Performed Transactions</h4>
    23      <table class="table table-striped">
    24        <thead>
    25          <tr>
    26            <th>
    27              Transaction Type
    28            </th>
    29            <th>
    30              Transaction ID
    31            </th>
    32          </tr>
    33        </thead>
    34        <tbody>
    35          <tr *ngFor="let transaction of performedTransactions">
    36            <td>
    37              {{transaction.transactionType}}
    38            </td>
    39            <td>
    40              {{transaction.transactionId}}
    41            </td>
    42  
    43  
    44          </tr>
    45        </tbody>
    46      </table>
    47  
    48    </div>
    49  
    50    <div class="row">
    51      <br>
    52      <br>
    53    </div>
    54  
    55    <div *ngIf="systemTransactions.length > 0" class="row">
    56      <h4>System Transactions</h4>
    57  
    58      <table class="table table-striped">
    59        <thead>
    60          <tr>
    61            <th>
    62              Transaction Type
    63            </th>
    64            <th>
    65              Transaction ID
    66            </th>
    67          </tr>
    68        </thead>
    69        <tbody>
    70          <tr *ngFor="let transaction of systemTransactions">
    71            <td>
    72              {{transaction.transactionType}}
    73            </td>
    74            <td>
    75              {{transaction.transactionId}}
    76            </td>
    77  
    78  
    79          </tr>
    80        </tbody>
    81      </table>
    82  
    83      <!-- p *ngFor="let transaction of allTransactions">{{transaction.transactionId}}</p-->
    84    </div>
    85  
    86    <div class="row">
    87      <br>
    88      <br>
    89    </div>
    90  
    91  
    92  </div>