<!--
  ~ Copyright (C) 2016 HAT Data Exchange Ltd - All Rights Reserved
  ~ This Source Code Form is subject to the terms of the Mozilla Public
  ~ License, v. 2.0. If a copy of the MPL was not distributed with this
  ~ file, You can obtain one at http://mozilla.org/MPL/2.0/.
  ~ Written by Augustinas Markevicius <augustinas.markevicius@hatdex.org>
  -->

<ng-content></ng-content>

<div class="scroll-mask" id="intro-step21">
  <div class="tile-body-tight">
    <ul class="bulletless-list">
      <li *ngFor="let debit of debits">
        <a [routerLink]="['/dataDebit', debit.key, 'confirm']">
          <div class="row vertical-align">
            <div class="col-xs-2 icon">
              <i class="material-icons">settings_input_component</i>
            </div>
            <div class="col-xs-9">
              <h4>{{debit.name}}</h4>
              <p>Kind: {{debit.kind}}</p>
              <p>Date: {{debit.dateCreated | moment}}</p>
            </div>
            <div class="col-xs-1">
              <span class="ss-right"></span>
            </div>
          </div>
        </a>
      </li>
    </ul>
  </div>
</div>

<!--
  ~ Copyright (C) 2016 HAT Data Exchange Ltd - All Rights Reserved
  ~ This Source Code Form is subject to the terms of the Mozilla Public
  ~ License, v. 2.0. If a copy of the MPL was not distributed with this
  ~ file, You can obtain one at http://mozilla.org/MPL/2.0/.
  ~ Written by Augustinas Markevicius <augustinas.markevicius@hatdex.org>
  -->

<ng-content></ng-content>

<div class="scroll-mask" id="intro-step21">
  <div class="tile-body-tight">
    <ul class="bulletless-list">
      <li *ngFor="let debit of debits">
        <a [routerLink]="['/dataDebit', debit.key, 'confirm']">
          <div class="row vertical-align">
            <div class="col-xs-2 icon">
              <i class="material-icons">settings_input_component</i>
            </div>
            <div class="col-xs-9">
              <h4>{{debit.bundleContextless.name}}</h4>
              <p>Kind: {{debit.kind}}</p>
              <p>End date: {{debit.endDate | moment}}</p>
            </div>
            <div class="col-xs-1">
              <span class="ss-right"></span>
            </div>
          </div>
        </a>
      </li>
    </ul>
  </div>
</div>

Revert "Updates Data Debits tile on dashboard to show sign up date and simpler name"
Revert "Updates Data Debits tile on dashboard to show sign up date and simpler name"

This reverts commit cd18d7f588db2393c6eb7af2ddde72175e95cbc2.
