Merge pull request #1847 from OpenBazaar/addAltCoinBadge

Add alt coins accepted badge to the purchase wizard.

Author: hoffmabc

imgs/altcoin-accepted.png

@@ -341,6 +341,8 @@
   "AppBarStyleInfo": "How should the top bar of the application be styled?",
   "OSWindows": "Windows",
   "OSMac": "Mac",
+  "PayWithAltCoins": "Alt Coins Accepted Here",
+  "PayWithBitCoins": "Bitcoin Accepted Here",
   "ShippableHelp": "This product can be shipped to one of your currently saved addresses. Add more addresses in the Settings/Addresses section to be able to purchase more listings.",
   "firewall": {
     "Open": "Open",

js/languages/en-US.json

@@ -68,7 +68,12 @@ <h3 class="txt-bright"><%= polyglot.t('buyFlow.paymentSent') %> </h3>
       <div class="accordion-child" id="BuyWizardBitcoinWallet">
         <div class="bar barTxt h6 paddingLeft15 custCol-secondary">
           <%= polyglot.t('buyFlow.BitcoinWallet') %>
-          <div class="floatRight marginTop9"><img src="imgs/bitcoin-accepted.png" style="width: 80px;" /></div>
+          <div class="floatRight marginTop9">
+            <img src="imgs/bitcoin-accepted.png" style="width: 80px;" alt="<%= polyglot.t('PayWithBitCoins') %>" />
+          </div>
+          <div class="floatRight marginTop9 marginRight10">
+            <img src="imgs/altcoin-accepted.png" style="width: 80px;" alt="<%= polyglot.t('PayWithAltCoins') %>" />
+          </div>
         </div>
         <div class="flexContainer flex-border customThemeScrollbar homeModal-settings homeModal-settings-noSearch scrollOverflow custCol-primary alignCenter">
           <h2 class="margin0 marginTop80"><%= polyglot.t('buyFlow.HaveWallet') %></h2>
@@ -87,7 +92,12 @@ <h2 class="margin0 marginTop80"><%= polyglot.t('buyFlow.HaveWallet') %></h2>
       <div class="accordion-child" id="BuyWizardCreateWallet">
         <div class="bar barTxt h6 paddingLeft15 custCol-secondary">
           <%= polyglot.t('buyFlow.CreateWallet') %>
-          <div class="floatRight marginTop9"><img src="imgs/bitcoin-accepted.png" style="width: 80px;" /></div>
+          <div class="floatRight marginTop9">
+            <img src="imgs/bitcoin-accepted.png" style="width: 80px;" alt="<%= polyglot.t('PayWithBitCoins') %>" />
+          </div>
+          <div class="floatRight marginTop9 marginRight10">
+            <img src="imgs/altcoin-accepted.png" style="width: 80px;" alt="<%= polyglot.t('PayWithAltCoins') %>" />
+          </div>
         </div>
         <div class="flexContainer flex-border customThemeScrollbar homeModal-settings homeModal-settings-noSearch scrollOverflow custCol-primary">
           <div class="flexRow custCol-border js-BuyWizardWallets">
@@ -237,7 +247,12 @@ <h2 class="margin0 marginTop80"><%= polyglot.t('buyFlow.HaveWallet') %></h2>
     <div class="accordion-child" id="BuyWizardPaymentType">
       <div class="bar barTxt h6 paddingLeft15 custCol-secondary">
         <%= polyglot.t('PaymentType') %>
-        <div class="floatRight marginTop9"><img src="imgs/bitcoin-accepted.png" style="width: 80px;" /></div>
+        <div class="floatRight marginTop9">
+          <img src="imgs/bitcoin-accepted.png" style="width: 80px;" alt="<%= polyglot.t('PayWithBitCoins') %>" />
+        </div>
+        <div class="floatRight marginTop9 marginRight10">
+          <img src="imgs/altcoin-accepted.png" style="width: 80px;" alt="<%= polyglot.t('PayWithAltCoins') %>" />
+        </div>
       </div>
       <div class="flexContainer flex-border customThemeScrollbar homeModal-settings homeModal-settings-noSearch scrollOverflow custCol-primary">
         <div class="flexRow">
@@ -344,8 +359,12 @@ <h2 class="margin0 marginTop80"><%= polyglot.t('buyFlow.HaveWallet') %></h2>
    <div class="accordion-child" id="BuyWizardBTCReturnAddress">
       <div class="bar barTxt h6 paddingLeft15 custCol-secondary">
         <%= polyglot.t('BitcoinReturnAddress') %>
-        <div class="floatRight marginTop9"><img src="imgs/bitcoin-accepted.png" style="width: 80px;" /></div>
-      </div>
+        <div class="floatRight marginTop9">
+          <img src="imgs/bitcoin-accepted.png" style="width: 80px;" alt="<%= polyglot.t('PayWithBitCoins') %>" />
+        </div>
+        <div class="floatRight marginTop9 marginRight10">
+          <img src="imgs/altcoin-accepted.png" style="width: 80px;" alt="<%= polyglot.t('PayWithAltCoins') %>" />
+        </div>      </div>
       <div class="flexContainer flex-border customThemeScrollbar homeModal-settings homeModal-settings-noSearch scrollOverflow custCol-primary">
         <p class="padding15 textOpacity75 margin0"><%= polyglot.t('BitcoinReturnAddressInfo') %></p>
         <div class="flexRow">