openmonero/html/partials/account-overview.html

<div ng-include src="'partials/account-nav.html'"></div>

<div class="body-section">
  <div class="w-container">
    <div>
      <div class="w-row">
        <div class="w-col w-col-8">
          <h1>Account Overview</h1>
          <div class="subhead-text inner overview-page">Your account overview and recent transactions.</div>
        </div>
        <div class="w-col w-col-4">
          <div class="balance-div">
            <div class="w-clearfix">
              <div class="balance-header">Your Balance</div>
            </div>
            <div class="balance-text">{{balance | money:false:true}}</div>
          </div>
        </div>
      </div>
    </div>
    <div class="generated-results">
      <div class="details-block top">
        <div class="result-header">YOUR&nbsp;MNEMONIC <span class="info-text">(You’ll need this to login. Don't forget it!)</span>
        </div>
        <div class="tooltip-div">
        </div>
        <div class="result-text">tiny bubble double throw decay catch storm confidence aim gaze alas string</div>
      </div>
      <div class="details-block">
        <div class="result-header">PUBLIC&nbsp;ADDRESS</div>
        <div class="tooltip-div">
        </div>
        <div class="result-text">42kwuZYEchdfYAHNyuh1M72YbnZ1EcwMxNdxucqcCGK1Y5nkwNBGUyW9hmTGNjdfECUbouzhXJVYMjFeR3NVXdi7Tds6kBi</div>
      </div>
      <div class="details-block">
        <div class="result-header">VIEW&nbsp;KEY</div>
        <div class="tooltip-div">        </div>
        <div class="result-text">9047891260162782cf955771b45b3ba8e5d240bc8ed35ced7a9cc08c12565f00</div>
      </div>
      <div class="login-div"><a class="button generate-btn login">Log In</a>
      </div>
    </div>
  </div>
  <div class="w-container middle-container overview-page">
    <div class="middle-div">
      <div class="overview-body-head">Address</div>
      <div class="move-text-div">
        <p class="middle-text">{{address}} <span copy-to-clipboard="address"></span></p>
      </div>
    </div>
    <div>
      <div class="overview-body-head">
        <div class="overview-body-head">Transaction History</div>
      </div>
    </div>
    <div class="table-headers overview">
      <div class="w-row">
        <div class="w-col w-col-2 responsive-column">
          <div class="transaction-head">Value (XMR)</div>
        </div>
        <div class="w-col w-col-3 responsive-column">
          <div class="transaction-head">Date Received</div>
        </div>
        <div class="w-col w-col-1 responsive-column">
          <div class="transaction-head">Mixin</div>
        </div>
        <div class="w-col w-col-6 responsive-column">
          <div class="transaction-head">Transaction ID</div>
        </div>
      </div>
    </div>
    <div class="received-div" ng-repeat="tx in transactions | limitTo:5">
      <div class="w-row" ng-click="toggle_tx_detail(tx)">
        <div class="w-col w-col-2 responsive-column">
          <div class="transaction-detail value-bold" ng-show="tx_is_confirmed(tx)">
            {{tx.amount | money}} <span ng-show="!tx_is_unlocked(tx)"><i class="fa fa-lock"></i></span>
          </div>
          <div class="transaction-detail value-bold" style="color: #e65a5a;" ng-show="!tx_is_confirmed(tx)">
            {{tx.amount | money}} (unconfirmed) <span ng-show="!tx_is_unlocked(tx)"><i class="fa fa-lock"></i></span>
          </div>
        </div>
        <div class="w-col w-col-3 responsive-column">
          <div class="transaction-detail">{{tx.timestamp | time}}</div>
        </div>
        <div class="w-col w-col-1 responsive-column">
          <div class="transaction-detail">{{tx.mixin}}</div>
        </div>
        <div class="w-col w-col-6 responsive-column">
          <div class="move-text-div">
            <div class="transaction-address">{{tx.hash}}</div>
          </div>
        </div>
      </div>
      <div class="w-row" style="margin-bottom: 15px;" ng-show="showing_tx_detail(tx)">
        <div class="w-col w-col-5">
          <div class="transaction-detail" style="font-size: 11px;" ng-show="!tx_is_unlocked(tx)">
            {{tx_locked_reason(tx)}}
          </div>
        </div>
        <div class="w-col w-col-7">
          <div class="transaction-detail transaction-page move-text-div">
            <div class="transaction-address"><span class="bold">Payment ID:</span> &nbsp;&nbsp;{{tx.payment_id || "N/A"}}</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="w-container _3-boxes-container">
    <div class="w-row">
      <div class="w-col w-col-4">
        <a class="w-inline-block box-1" href="#/transactions">
          <div class="box-text">Transactions</div>
        </a>
      </div>
      <div class="w-col w-col-4">
        <a class="w-inline-block box-2" href="#/send">
          <div class="box-text">Send</div>
        </a>
      </div>
      <div class="w-col w-col-4">
        <a class="w-inline-block box-3" href="#/receive">
          <div class="box-text">Receive</div>
        </a>
      </div>
    </div>
  </div>
</div>

<script src="js/directives/qr_scanner.js?4"></script>