send-confirmation.component.html 2.26 KB
Newer Older
dev0tion's avatar
dev0tion committed
1
<div id="modalCheck" tabindex="-1" role="dialog" aria-labelledby="modal_check" aria-hidden="true">
dev0tion's avatar
dev0tion committed
2
  <div class="modal-dialog modalBg" role="document">
dev0tion's avatar
dev0tion committed
3 4 5 6
    <div>
      <div class="modal-body">
        <svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"><circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none"/><path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/></svg>
        <p class="lead text-success text-center">
7
          <strong>Your transaction has completed successfully!</strong>
dev0tion's avatar
dev0tion committed
8
        </p>
9
        <!-- <small class="text-center d-block">
dev0tion's avatar
dev0tion committed
10
         <a class="btn btn-link" (click)="toggleDetails()">Show details</a>
11 12 13
        </small>
         <div *ngIf="showDetails" id="collapseExample"> -->
        <div>
dev0tion's avatar
dev0tion committed
14 15 16 17 18 19 20
          <div class="card card-block">
            <ul class="list-inline row">
              <li class="list-inline-item col blockLabel">Type</li>
              <li class="list-inline-item col-9 blockText">Sent</li>
            </ul>
            <ul class="list-inline row">
              <li class="list-inline-item col blockLabel">Amount</li>
21
              <li class="list-inline-item col-9 blockText text-danger">-{{ transaction.amount | number:'1.8-8' }} {{ coinUnit }}</li>
dev0tion's avatar
dev0tion committed
22 23 24
            </ul>
            <ul class="list-inline row">
              <li class="list-inline-item col blockLabel">Destination</li>
dev0tion's avatar
dev0tion committed
25
              <li class="list-inline-item col blockText mt-2"><code>{{ transaction.destinationAddress }}</code></li>
dev0tion's avatar
dev0tion committed
26 27 28 29 30 31 32 33 34 35 36
            </ul>
            <!-- <ul class="list-inline row">
              <li class="list-inline-item col blockLabel">Date</li>
              <li class="list-inline-item col-9 blockText"><small>{{ transaction.timestamp * 1000 | date:'medium' }}</small></li>
            </ul>
            <ul class="list-inline row">
              <li class="list-inline-item col blockLabel">transaction ID</li>
              <li class="list-inline-item col-9 blockText blockID"><code>{{ transaction.id }}</code></li>
            </ul> -->
          </div>
        </div>
dev0tion's avatar
dev0tion committed
37
      </div>
dev0tion's avatar
dev0tion committed
38 39 40 41 42
      <div class="modal-footer">
        <button type="button" class="btn btn-lg btn-primary" data-dismiss="modal" aria-label="Close" (click)="activeModal.close('Close click')">OK</button>
      </div>
    </div>
  </div>
dev0tion's avatar
dev0tion committed
43
</div>