Merge remote-tracking branch 'refs/remotes/origin/master' into pr/1425

Author: jjeffryes

css/obBase.css

@@ -587,20 +587,21 @@ form {
   position: relative;
   background-position: center;
   background-size: cover;
-  border-radius: 3px;
+  background-repeat: no-repeat;
+  border-radius: 2px;
   height: 230px;
   width: 250px;
 }
 
 .itemImg.itemImg-large {
   /* flex row collapses unless a specific height is set */
-  height: 380px;
-  width: 100%;
+  height: 472px;
+  width: 514px;
   border-radius: 0;
 }
 
 .itemImg.itemImg-small {
-  height: 82px;
+  height: 111px;
   width: 121px;
   margin: 0 10px 10px 0;
   border-radius: 1px;

index.html

@@ -81,8 +81,8 @@ <h2 class="txt-center">
       <i class="ion-android-sync spinner fontSize30 spinner-with-logo-icon"></i>
     </div>
     <div class="width100 positionTop">
-      <a class="btn btn-txt rowTop10 marginRight10 pull-right js-indexReload"><i class="ion-android-sync"></i> Reload</a>
-      <a class="btn btn-txt rowTop10 marginRight10 pull-right" href="#home"><i class="ion-home"></i> Load Index</a>
+      <a class="btn btn-txt rowTop10 marginRight10 pull-right js-indexReload"><i class="ion-android-sync"></i> <span class="js-translate" data-translate="Reload"></span></a>
+      <a class="btn btn-txt rowTop10 marginRight10 pull-right" href="#home"><i class="ion-home"></i> <span class="js-translate" data-translate="LoadIndex"></span></a>
     </div>
   </div>
 
@@ -92,6 +92,13 @@ <h2 class="txt-center">
   <script>
     var app = require('./js/main'),
         remote = require('remote');
+
+    window.translateIndex = function(){
+      $('.js-translate').each(function() {
+        $(this).text(polyglot.t($(this).data("translate")));
+      });
+    };
+    translateIndex();
     $('.js-closeIndexModal').on('click', function(){
       $(this).closest('.modal').addClass('hide');
     });

js/languages/en-US.json

@@ -6,6 +6,7 @@
   "EnterMessage": "Enter message...",
   "Recommended": "Recommended",
   "Reload": "Reload",
+  "LoadIndex": "Load Index",
   "You": "You",
   "Skip": "Skip",
   "Done": "Done",

js/languages/pl.json

@@ -6,6 +6,7 @@
     "EnterMessage": "Wprowadź tekst...",
     "Recommended": "Rekomendowane",
     "Reload": "Odśwież",
+    "LoadIndex": "Strona główna",
     "You": "Ja",
     "Skip": "Pomiń",
     "Done": "Gotowe",

js/main.js

@@ -85,6 +85,9 @@ user.on('change:language', function(md, lang) {
   window.lang = lang;
   extendPolyglot(lang);
   localStorage.setItem('lang', lang);
+  //trigger translation function on index
+  window.translateIndex();
+
 });
 
 //keep user and profile urls synced with the server configuration

js/templates/buyWizard.html

@@ -3,7 +3,7 @@
     <div class="btn-corner btn-cornerTR btn-cornerTROutR btn-flushTop js-closeBuyWizardModal">
       <h2 class="ion-android-close custCol-text clickable"></h2>
     </div>
-    <div class="modal-hero js-buyWizardHero shadow-inner1-light"
+    <div class="modal-hero js-buyWizardHero custCol-text shadow-inner1-light"
          style="background-image: url(<%= ob.serverUrl %>get_image?hash=<%= ob.vendor_offer.listing.item.image_hashes[0] %><%= ob.imageExtension %>), url(imgs/defaultBanner.png);">
       <div class="js-buyWizardMapPlaceholder hide">
         <div class="flexContainer">
@@ -19,28 +19,28 @@ <h2 class="ion-android-close custCol-text clickable"></h2>
       <div class="modal-hero modal-heroFullHeightNoButtons js-buyWizardSpinner hide background1 custCol-primary">
         <div class="width100 txt-center vCentered">
           <div class="txt-col1 ion-android-sync spinner spinner-slow icon-gigantic icon-circle-background1 rowTop50 row20"></div>
-          <h3 class="txt-bright padding30"><%= polyglot.t('CheckExchanges') %> </h3>
+          <h3 class="custCol-text padding30"><%= polyglot.t('CheckExchanges') %> </h3>
         </div>
       </div>
       <div class="modal-hero modal-heroFullHeightNoButtons padding40 js-buyWizardPay hide background1 custCol-primary">
         <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">
+          <div class="txt-center row10 textSize20px custCol-text">
             <%= polyglot.t('buyFlow.SendBTCtoAddress', {amount: '<span class="js-buyWizardDetailsTotalBTC"></span>'}) %>
           </div>
           <div class="txt-center row10">
-            <a class="textSize16px js-buyWizardPayLink"><span class="js-buyWizardPayURL"></span></a>
+            <a class="textSize16px js-buyWizardPayLink custCol-text"><span class="js-buyWizardPayURL"></span></a>
           </div>
           <div class="txt-center row10">
             <input type="checkbox" class="textSize11px fieldItem thin" id="BuyWizardQRDetailsInput">
-            <label for="BuyWizardQRDetailsInput" class="textSize11px"> <%= polyglot.t('AdditionalPaymentDataInfo') %></label>
+            <label for="BuyWizardQRDetailsInput" class="textSize11px  custCol-text"> <%= polyglot.t('AdditionalPaymentDataInfo') %></label>
           </div>
-          <a class="btn btn-txt btn-wide row10 js-buyWizardPayCopy custCol-secondary"><i class="ion-clipboard"></i> <%= polyglot.t('buyFlow.CopyAddress') %></a>
-          <a class="btn btn-txt btn-wide row10 js-buyWizardPayLink custCol-secondary"><i class="ion-link"></i> <%= polyglot.t('buyFlow.OpenAddress') %></a>
-          <a class="btn btn-txt btn-wide js-buyWizardPayCheck custCol-secondary"><i class="ion-refresh"></i> <%= polyglot.t('buyFlow.RefreshPayment') %></a>
-          <div class="rowTop10 txt-center note">
+          <a class="btn btn-txt btn-wide row10 js-buyWizardPayCopy custCol-secondary  custCol-text"><i class="ion-clipboard"></i> <%= polyglot.t('buyFlow.CopyAddress') %></a>
+          <a class="btn btn-txt btn-wide row10 js-buyWizardPayLink custCol-secondary custCol-text"><i class="ion-link"></i> <%= polyglot.t('buyFlow.OpenAddress') %></a>
+          <a class="btn btn-txt btn-wide js-buyWizardPayCheck custCol-secondary custCol-text"><i class="ion-refresh"></i> <%= polyglot.t('buyFlow.RefreshPayment') %></a>
+          <div class="rowTop10 txt-center note custCol-text">
             <%= polyglot.t('buyFlow.paymentNote') %>
           </div>
         </div>

js/templates/item.html

@@ -166,9 +166,9 @@ <h4><%= polyglot.t('CanBeShippedTo') %></h4>
           <%= polyglot.t('ShippingReturns') %>
         </a>
       </div>
-      <div class="flexContainer flex-border custCol-primary js-description js-tabTarg textOpacity75 minHeight300 <% ob.activeTab !== 'description' && print('hide') %>">
+      <div class="flexContainer flex-border custCol-primary js-description js-tabTarg textOpacity1 minHeight300 <% ob.activeTab !== 'description' && print('hide') %>">
         <div class="flexRow">
-          <div class="rowItem fontSize16 padding30 paddingTop10 lineHeight24 fontWeight400 flexContainer editableContent">
+          <div class="rowItem fontSize16 padding30 paddingTop20 lineHeight24 fontWeight400 flexContainer editableContent">
             <%= ob.vendor_offer.listing.item.displayDescription %>
           </div>
         </div>

js/utils/setTheme.js

@@ -61,9 +61,9 @@ module.exports = function(primaryColor, secondaryColor, backgroundColor, textCol
       "#ov1 #userPage input[type='number'].spinButtons::-webkit-inner-spin-button:before { color: " + textColor + ";}" +
       "#ov1 #userPage input[type='number'].spinButtons::-webkit-inner-spin-button:after { color: " + textColor + ";}" +
       "#ov1 #userPage #obContainer input::-webkit-input-placeholder { color: " + textColor + ";}" +
-      "#ov1 #userPage #pageNav input::-webkit-input-placeholder { color: " + textColor + ";}" +
+      //"#ov1 #userPage #pageNav input::-webkit-input-placeholder { color: " + textColor + ";}" +
       "#ov1 #userPage #obContainer textarea::-webkit-input-placeholder { color: " + textColor + ";}" +
-      "#ov1 #userPage #pageNav textarea::-webkit-input-placeholder { color: " + textColor + ";}" +
+      //"#ov1 #userPage #pageNav textarea::-webkit-input-placeholder { color: " + textColor + ";}" +
       "#ov1 #userPage .txtFieldWrapper-bar:before { color: " + textColor + ";}" +
       "#ov1 #userPage .mainContainer { box-shadow: 0px 10px 20px " + shadeColor2(backgroundColor, -0.3)  + ";  }" +
       "#ov1 #userPage .mainContainer .txtFieldWrapper:before { color: " + textColor + ";  }" +

js/views/itemEditVw.js

@@ -330,8 +330,8 @@ module.exports = baseVw.extend({
     var self = this,
         $imageInput = this.$el.find('.js-itemImageUpload'),
         curImages = this.model.get('combinedImagesArray'),
-        maxH = 800,
-        maxW = 800,
+        maxH = 944,
+        maxW = 1028,
         imageList = [],
         loaded = 0,
         imageCount;
@@ -382,7 +382,7 @@ module.exports = baseVw.extend({
         canvas.height = imgH;
         ctx = canvas.getContext('2d');
         ctx.drawImage(newImage, 0, 0, imgW, imgH);
-        dataURI = canvas.toDataURL('image/jpeg', 0.45);
+        dataURI = canvas.toDataURL('image/jpeg', 0.7);
         dataURI = dataURI.replace(/^data:image\/(png|jpeg);base64,/, "");
         imageList.push(dataURI);