bwc

public/views/modals/txp-details.html

@@ -0,0 +1,143 @@
+<nav class="tab-bar">
+  <section class="right-small">
+    <a ng-click="cancel()">
+      <span class="text-close" translate>Close</span>
+    </a>
+  </section>
+  <section class="middle tab-bar-section">
+    <h1 class="title ellipsis"   style="color:{{color}}" translate>
+      Transaction proposal
+    </h1>
+  </section>
+</nav>
+<div class="p45t" ng-init="updateCopayerList()">
+  <h4 class="title m0" translate> Information </h4>
+  <ul class="no-bullet size-14 m0">
+    <li class="line-b p10">
+      <span class="text-gray">To:</span>
+      <span class="right">{{tx.toAddress}}</span>
+    </li>
+    <li class="line-b p10">
+      <span class="text-gray">Amount:</span>
+      <span class="right">{{tx.amountStr}} 
+        <span class="label gray radius">{{tx.alternativeAmountStr}}</span>
+      </span>
+    </li>
+    <li class="line-b p10">
+      <span class="text-gray">Time:</span>
+      <span class="right">
+        <time>{{ (tx.ts || tx.createdOn ) * 1000 | amTimeAgo}}</time>
+      </span>
+    </li>
+    <li class="line-b p10 oh">
+      <span class="text-gray">Create by:</span>
+      <span class="right">{{tx.creatorName}}</span>
+    </li>
+    <li class="line-b p10 oh">
+      <span class="text-gray">Note:</span>
+      <span class="right">{{tx.message}}</span>
+    </li>
+  </ul>
+  <div ng-if="tx.paypro">
+    <h4 class="title m0">PAYMENT DETAILS</h4>
+    <ul class="no-bullet size-14 m0">
+      <li class="line-b p10">
+        <span class="text-gray">To:</span>
+        <span class="right">
+          <span> 
+            <span ng-show="tx.merchant.pr.ca"><i class="fi-lock"></i> {{tx.paypro.domain}}</span>
+            <span ng-show="!tx.merchant.pr.ca"><i class="fi-unlock"></i> {{tx.paypro.domain}}</span>
+          </span>
+          <contact address="{{tx.toAddress}}" ng-hide="tx.merchant"></contact>
+        </span>
+      </li>
+      <li class="line-b p10">
+        <span class="text-gray">Expires:</span>
+        <span class="right">
+          <time>{{tx.paypro.expirationDate | amTimeAgo }}</time>
+        </span>
+      </li>
+      <li class="line-b p10">
+        <span class="text-gray">Merchant Message:</span>
+        <span class="db">{{tx.paypro.pr.pd.memo}}</span>
+      </li>
+    </ul>
+  </div>
+
+  <div ng-if="tx.actions[0] && !txRejected && !txBroadcasted">
+    <h4 class="title m0">Signatures:</h4>
+    <ul class="no-bullet size-14 m0">
+      <li class="line-b p10 text-gray" ng-repeat="ac in tx.actions">
+        <i class="icon-contact size-24"></i>
+        <span>{{ac.copayerName}}</span>
+        <span class="right">
+          <i ng-if="ac.type == 'reject'" class="fi-x icon-sign x db"></i>
+          <i ng-if="ac.type == 'accept'" class="fi-check icon-sign check db"></i>
+          <i ng-if="!ac.type" class="fi-loop"></i>
+        </span>
+      </li>
+    </ul>
+  </div>
+  <div class="box-notification" ng-show="error">
+    <div class="box-icon error">
+      <i class="fi-x size-24"></i>
+    </div>
+    <span class="text-warning size-14">
+      {{error|translate}}
+    </span>
+  </div>
+
+
+  <div class="row column m20t text-center text-warning" ng-if="tx.removed">
+    The transaction was removed by creator
+  </div>
+
+
+  <div class="row column m20t" ng-if="tx.couldRemove">
+      <button class="button expand outline dark-gray m0 expand" ng-click="hideTxInfo = true; remove(tx);" 
+        ng-disabled="loading" ng-show="tx.couldRemove">
+        <i class="fi-x icon-sign x"></i>  
+        <span translate>Remove</span>
+      </button>
+      <div class="text-gray size-12 text-center" show="tx.couldRemove" translate>
+      * Only transactions created by yourself with no peer signatures can be removed
+      </div>
+  </div>
+
+  <div class="row m20t" ng-if="tx.pendingForUs">
+    <div class="large-5 medium-5 small-6 columns">
+      <button class="button outline dark-gray m0 expand" ng-click="hideTxInfo = true; reject(tx);" 
+        ng-disabled="loading">
+        <i class="fi-x icon-sign x"></i>  
+        <span translate>Reject</span>
+      </button>
+    </div>
+    <div class="large-5 medium-5 small-6 columns text-right">
+      <button class="button primary m0 expand" ng-click="hideTxInfo = true; sign(tx)"  style="background-color:{{color}}"  
+        ng-disabled="loading">
+        <i class="fi-check icon-sign check"></i>  
+        <span translate>Sign</span>
+      </button>
+    </div>
+  </div>
+
+  <div ng-show="!hideTxInfo">
+    <div class="row collapse m10t" 
+      ng-show="tx.status=='accepted' && !txBroadcasted && !txRejected">
+      <button class="primary expand"
+        ng-click="broadcast(tx)"
+        ng-disabled="loading"> <i class="fi-upload-cloud"></i>
+        <span translate>Broadcast Transaction</span>
+      </button>
+    </div>
+    <div class="text-success m10t oh" 
+      ng-show="txBroadcasted">
+      <span translate>Transaction sent!</span>
+    </div>
+    <div class="text-center text-warning"
+      ng-show="txRejected" translate>
+      Transaction finally rejected
+    </div>
+  </div>
+</div>
+<div class="extra-margin-bottom"></div>