prelim remake of tx detail view

www/views/modals/tx-details.html

@@ -1,4 +1,109 @@
-<ion-modal-view ng-controller="txDetailsController" ng-init="init()" id="tx-details">
+<ion-view id="view-confirm" hide-tabs>
+  <ion-nav-bar class="bar-royal">
+    <ion-nav-title>
+      {{title}}
+    </ion-nav-title>
+    <ion-nav-back-button>
+    </ion-nav-back-button>
+  </ion-nav-bar>
+
+  <ion-content ng-class="{'slide-to-pay': !hasClick && !insuffientFunds}">
+    <div class="list">
+      <div class="item head">
+        <div class="sending-label">
+          <img src="img/sending-icon.svg">
+          <span translate>Sent</span>
+        </div>
+        <div class="amount-label">
+          <div class="amount">{{displayAmount}} <span class="unit">{{displayUnit}}</span></div>
+          <div class="alternative">{{alternativeAmountStr}}</div>
+        </div>
+      </div>
+      <div class="info">
+        <div class="item single-line" ng-if="_paypro">
+          <span class="label" translate>Payment Expires:</span>
+          <span class="item-note" ng-if="!paymentExpired.value">{{remainingTimeStr.value}}</span>
+          <span class="item-note" ng-if="paymentExpired.value" ng-style="{'color': 'red'}" translate>Expired</span>
+        </div>
+        <div class="item">
+          <span class="label" translate>To</span>
+          <span class="payment-proposal-to">
+            <img ng-if="!cardId" src="img/icon-bitcoin-small.svg">
+            <img ng-if="cardId" src="img/icon-card.svg" width="34">
+
+            <div copy-to-clipboard="toAddress" ng-if="!_paypro" class="ellipsis">
+              <contact ng-if="!toName" address="{{btx.addressTo}}"></contact>
+              <span class="m15l size-14" ng-if="toName">{{toName}}</span>
+            </div>
+
+            <div ng-if="_paypro" ng-click="openPPModal(_paypro)" class="m15l size-14 w100p pointer">
+              <i ng-show="_paypro.verified && _paypro.caTrusted" class="ion-locked" style="color:green"></i>
+              <i ng-show="!_paypro.caTrusted" class="ion-unlocked" style="color:red"></i>
+              <span class="ellipsis" ng-show="!toName">{{_paypro.domain || _paypro.toAddress}}</span>
+              <span ng-show="toName">{{toName}}</span>
+            </div>
+            <!-- <contact ng-if="!tx.hasMultiplesOutputs" class="ellipsis" address="{{toAddress}}"></contact>
+            <span ng-if="tx.hasMultiplesOutputs" translate>Multiple recipients</span> -->
+          </span>
+        </div>
+        <div class="text-center" ng-show="insuffientFunds">
+          <span class="badge badge-energized" translate>Insufficient funds</span>
+        </div>
+        <div class="item">
+          <span class="label" translate>From</span>
+          <div class="wallet">
+            <i class="icon big-icon-svg">
+              <img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg"/>
+            </i>
+            <div>{{wallet.name}}</div>
+          </div>
+        </div>
+        <a class="item single-line item-icon-right" ng-hide="insuffientFunds" ng-click="showDescriptionPopup()">
+          <span class="label" translate>Add Memo</span>
+          <span class="item-note m10l">
+            {{description}}
+          </span>
+          <i class="icon bp-arrow-right"></i>
+        </a>
+        <div class="item single-line" ng-hide="insuffientFunds">
+          <span class="label" translate>Fee: {{feeLevel}}</span>
+          <span class="item-note">
+            {{fee || '...'}}
+          </span>
+        </div>
+      </div>
+    </div>
+    <click-to-accept
+      ng-click="approve(statusChangeHandler)"
+      ng-if="hasClick && wallets[0]"
+      click-send-status="sendStatus">
+      Click to pay
+    </click-to-accept>
+  </ion-content>
+  <slide-to-accept
+    ng-if="!hasClick && wallets[0]"
+    slide-on-confirm="onConfirm()"
+    slide-send-status="sendStatus">
+    Slide to pay
+  </slide-to-accept>
+  <slide-to-accept-success
+    slide-success-show="sendStatus === 'success'"
+    slide-success-on-confirm="onSuccessConfirm()"
+    slide-success-hide-on-confirm="true">
+    <span ng-hide="wallet.m > 1">Payment Sent</span>
+    <span ng-show="wallet.m > 1">Proposal Created</span>
+  </slide-to-accept-success>
+
+  <wallet-selector
+    wallet-selector-wallets="wallets"
+    wallet-selector-selected-wallet="wallet"
+    wallet-selector-show="showWallets"
+    wallet-selector-on-select="onWalletSelect">
+  </wallet-selector>
+
+</ion-view>
+
+<!-- <ion-modal-view ng-controller="txDetailsController" ng-init="init()" id="tx-details">
   <ion-header-bar align-title="center" class="bar-royal" ng-style="{'background-color': color, 'border-color': color}">
     <button class="button button-clear" ng-click="cancel()">
       {{'Close' | translate}}
@@ -175,4 +280,4 @@
       </div>
     </div>
   </ion-content>
-</ion-modal-view>
+</ion-modal-view> -->