add checkbox to buy wizard

Author: jjeffryes

css/obBase.css

@@ -3121,6 +3121,7 @@ input[type="checkbox"].fieldItem + label:before {
   box-shadow: none;
   opacity: 1;
   font-size: 1.5em;
+  vertical-align: middle;
 }
 
 input[type="checkbox"].fieldItem + label.compact {
@@ -3132,6 +3133,10 @@ input[type="checkbox"].fieldItem + label.compact:before {
   left: 0;
 }
 
+input[type="checkbox"].fieldItem.thin + label {
+  line-height: inherit;
+}
+
 input[type="checkbox"].fieldItem:checked + label:before {
   content: "\f374";
 }

js/languages/en-US.json

@@ -325,7 +325,7 @@
   "PriceForOne": "Price per single item, file, or service.",
   "Avatar": "Avatar",
   "AdditionalPaymentData": "Additional payment data",
-  "AdditionalPaymentDataInfo": "Include message and label in payment QR code.",
+  "AdditionalPaymentDataInfo": "Include name of purchase and order number in payment QR code?",
   "firewall": {
     "Open": "Open",
     "Restricted": "Restricted",

js/templates/buyWizard.html

@@ -23,16 +23,19 @@ <h3 class="txt-bright padding30"><%= polyglot.t('CheckExchanges') %> </h3>
         </div>
       </div>
       <div class="modal-hero modal-heroFullHeightNoButtons padding40 js-buyWizardPay hide background1">
-        <div class="width100 padding20">
+        <div class="width100 row20">
           <img class="blockCenter qrCode js-buyWizardPayQRCode" height="250" width="250" src="imgs/defaultItem.png"/>
         </div>
         <div class="txt-bright pad20">
           <div class="txt-center row10 textSize20px">
             <%= polyglot.t('buyFlow.SendBTCtoAddress', {amount: '<span class="js-buyWizardDetailsTotalBTC"></span>'}) %>
           </div>
-          <div class="txt-center row20">
+          <div class="txt-center row10">
             <a class="textSize16px js-buyWizardPayLink"><span class="js-buyWizardPayURL"></span></a>
           </div>
+          <div class="txt-center row10">
+            <input type="checkbox" class="textSize11px fieldItem thin" id="BuyWizardQRDetailsInput"><label for="BuyWizardQRDetailsInput"> <%= polyglot.t('AdditionalPaymentDataInfo') %></label></input>
+          </div>
           <a class="btn btn-txt btn-wide row10 js-buyWizardPayCopy"><i class="ion-clipboard"></i> <%= polyglot.t('buyFlow.CopyAddress') %></a>
           <a class="btn btn-txt btn-wide row10 js-buyWizardPayLink"><i class="ion-link"></i> <%= polyglot.t('buyFlow.OpenAddress') %></a>
           <a class="btn btn-txt btn-wide js-buyWizardPayCheck"><i class="ion-refresh"></i> <%= polyglot.t('buyFlow.RefreshPayment') %></a>

js/templates/userPage.html

@@ -26,7 +26,6 @@
         <div class="ctrlGroup js-pageCustomizationButtons js-userPageControls hide">
           <a class="btn btn-txt custCol-primary js-saveCustomization">
             <span class="ion-checkmark fontSize11 marginRight2 textOpacity1"></span>
-            <% console.log(config.keyShortcuts) %>
             <%= polyglot.t('SaveChanges') %> (<%= config.keyShortcutPrefix + config.keyShortcuts.save.toUpperCase() %>)
           </a>
         </div>