Placeholder recurring transaction box

src/app/dashboard/transaction-log.component.html

@@ -44,6 +44,29 @@
           No Transactions available.
         </div>
       </div>
+      <div class="card">
+        <div class="card-header">
+          <strong>Recurring Transactions</strong>
+          <small>Here you can control your recurring transactions.</small>
+        </div>
+        <div *ngIf="!noRecurringList" class="card-block">
+          <table class="table table-striped table-hover">
+            <thead>
+              <tr>
+                <th>Seller</th>
+                <th>Value</th>
+                <th>Purchase Time</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr transaction-result *ngFor="let transaction of transactionList | paginate: paginateConfig" [transaction]="transaction"></tr>
+            </tbody>
+          </table>
+        </div>
+        <div *ngIf="noRecurringList" class="card-block">
+          No Recurring Transactions.
+        </div>
+      </div>
     </div>
   </div>
 </div>

src/app/dashboard/transaction-log.component.ts

@@ -15,6 +15,7 @@ export class TransactionLogComponent implements OnInit {
 
   transactionList;
   noTransactionList = true;
+  noRecurringList = true;
   myDate: any;
   minDate: any;
   public p: any;