Mercado Libre: First steps

www/views/buyMercadoLibre.html

@@ -0,0 +1,85 @@
+<ion-view id="mercadolibre" hide-tabs>
+  <ion-nav-bar class="bar-royal">
+    <ion-nav-back-button>
+    </ion-nav-back-button>
+    <ion-nav-title>Buy</ion-nav-title>
+  </ion-nav-bar>
+
+  <ion-content class="add-bottom-for-cta">
+    <!-- BUY -->
+    <div class="list">
+
+      <div class="item head">
+        <div class="sending-label">
+          <i class="icon big-icon-svg">
+            <div class="bg icon-amazon"></div>
+          </i>
+          <span>Mercado Libre Gift Card</span>
+        </div>
+        <div class="amount-label">
+          <div class="amount">{{amountUnitStr}}</div>
+        </div>
+      </div>
+
+      <div class="info">
+        <div class="item item-icon-right" ng-click="showWalletSelector()">
+          <div class="label">From</div>
+          <div class="wallet">
+            <i class="icon big-icon-svg">
+              <img src="img/icon-wallet.svg" ng-class="{'wallet-background-color-default': !wallet.color}" ng-style="{'background-color': wallet.color}" class="bg">
+            </i>
+            {{wallet ? wallet.name : '...'}}
+          </div>
+          <i class="icon bp-arrow-right"></i>
+        </div>
+      </div>
+    </div>
+
+  </ion-content>
+
+  <click-to-accept
+    ng-disabled="!wallet"
+    ng-click="buyConfirm()"
+    ng-if="!isCordova"
+    click-send-status="sendStatus"
+    has-wallet-chosen="wallet"
+    insufficient-funds="false"
+    no-matching-wallet="false">
+    Confirm purchase
+  </click-to-accept>
+  <slide-to-accept
+    ng-disabled="!wallet"
+    ng-if="isCordova"
+    slide-on-confirm="buyConfirm()"
+    slide-send-status="sendStatus"
+    has-wallet-chosen="wallet"
+    insufficient-funds="false"
+    no-matching-wallet="false">
+    Slide to buy
+  </slide-to-accept>
+  <slide-to-accept-success
+    slide-success-show="sendStatus === 'success'"
+    slide-success-on-confirm="goBackHome()"
+    slide-success-hide-on-confirm="true">
+    <span ng-show="mlGiftCard.status == 'FAILURE'">
+      Your purchase could not be completed
+    </span>
+    <span ng-show="mlGiftCard.status == 'PENDING'">
+      Your purchase was added to the list of pending
+    </span>
+    <span ng-show="mlGiftCard.status == 'SUCCESS' || mlGiftCard.status == 'active'">
+      Bought {{mlGiftCard.amount}} {{mlGiftCard.currency}}
+    </span>
+    <div class="m10 size-14" ng-show="mlGiftCard.status == 'SUCCESS' || mlGiftCard.status == 'active'">
+      Gift card generated and ready to use.
+    </div>
+  </slide-to-accept-success>
+
+  <wallet-selector
+    wallet-selector-title="walletSelectorTitle"
+    wallet-selector-wallets="wallets"
+    wallet-selector-selected-wallet="wallet"
+    wallet-selector-show="showWallets"
+    wallet-selector-on-select="onWalletSelect">
+  </wallet-selector>
+</ion-view>