Merge pull request #95 from andrecristiani/improvements-43

General fixes in magento checkout

CHANGELOG.md

@@ -1,5 +1,9 @@
 Changelog
 ---------
+3.16.6
+- Fix: Na listagem de bancos na tela de pagamento por débito online nas versões 1.7 e 1.8 do Magento
+- Fix: Na máscara de dinheiro nos campos parcelas e total na tela de pagamento
+
 3.16.4
 - Fix: ajuste na regra css do botão "btn-pagseguro"
 - Fix: ajuste na exibição dos meios de pagamento do checkout transparente

README.md

@@ -33,7 +33,7 @@ Com o módulo instalado e configurado, você pode pode oferecer o PagSeguro como
 
 - Certifique-se de que não há instalação de outros módulos para o PagSeguro em seu sistema;
 - Caso utilize a compilação do Magento, desative-a e limpe-a *(Sistema -> Ferramentas -> Compilação)*;
-- Baixe a última versão do módulo **[nesse link](https://github.com/pagseguro/magento/raw/master/UOL_PagSeguro-3.16.4.tgz)** ou então baixe o repositório como arquivo zip através do botão do GitHub;
+- Baixe a última versão do módulo **[nesse link](https://github.com/pagseguro/magento/raw/master/UOL_PagSeguro-3.16.6.tgz)** ou então baixe o repositório como arquivo zip através do botão do GitHub;
 - Na área administrativa do seu Magento, acesse o menu *Sistema/System -> Magento Connect -> Magento Connect Manager*. Caso tenha uma versão anterior do módulo instalada faça a remoção agora;
 - No Magento Connect Manger, dentro da seção Direct package file upload, clique em **Escolher arquivo/Choose file**, selecione o arquivo UOL_PagSeguro-x.x.x.tgz (baixado anteriormente), clique no botão de upload e acompanhe a instalação do módulo no console da página;
 - Caso utilize a compilação, volte para a área administrativa do Magento, ative-a e execute-a novamente;

UOL_PagSeguro.xml

@@ -9,10 +9,10 @@
    <description>Aceite mais de 25 meios de pagamentos com apenas 1 contrato. Seus clientes podem parcelar no cartão em até 18x e se preferir, você também pode oferecer parcelamento sem acréscimo.</description>
    <license>Apache Software License</license>
    <license_uri>http://opensource.org/licenses/apachepl.php</license_uri>
-   <version>3.16.4</version>
+   <version>3.16.6</version>
    <stability>stable</stability>
-   <notes>- Fixes: button &quot;btn-pagseguro&quot; css rule
-- Fixes: payment methods list - direct payment</notes>
+   <notes>- Fixes: In the list of banks on the online debit payment screen in versions 1.7 and 1.8 of Magento
+- Fixes: In the money mask in the fields installments and total on the payment screen</notes>
    <authors>
       <name>
          <name>pagseguro</name>

app/code/community/UOL/PagSeguro/etc/config.xml

@@ -19,7 +19,7 @@ limitations under the License.
 <config>
     <modules>
         <UOL_PagSeguro>
-            <version>3.16.4</version>
+            <version>3.16.6</version>
         </UOL_PagSeguro>
     </modules>
     <global>

app/design/frontend/base/default/template/uol/pagseguro/form/onlinedebit.phtml

@@ -99,7 +99,7 @@
             <div class="display-none validation-advice debitDocument-error-message">Insira um CPF ou CNPJ válido</div>
         </div>
     <div class="input-box">
-        <label class="required" style="padding: 0.9em 0em 0em;"><?php echo $this->__('Selecione abaixo seu banco') ?></label>
+        <label class="required" style="padding: 0.9em 0em 0em; width: 100%;"><?php echo $this->__('Selecione abaixo seu banco') ?></label>
         <div id="pagseguro-online-debit-options" style="padding: 0em 1em;"></div>
     </div>
     <div class="display-none validation-advice debitbankName-error-message">Escolha um banco</div>

skin/frontend/base/default/uol/pagseguro/css/direct-payment.css

@@ -86,3 +86,8 @@ span > input {
     text-align: right;
     padding-right: 4px;
 }
+
+#pagseguro-online-debit-options {
+    display: flex;
+    flex-direction: column;
+}

skin/frontend/base/default/uol/pagseguro/js/credit-card.js

@@ -68,14 +68,14 @@ function cardInstallmentOnChange(data) {
   data = JSON.parse(data)
   document.getElementById('creditCardInstallment').value = data.quantity
   document.getElementById('creditCardInstallmentValue').value = data.installmentAmount
-  document.getElementById('card_total').innerHTML = 'R$ ' + data.totalAmount
+  document.getElementById('card_total').innerHTML = 'R$ ' + formatToReal(data.totalAmount)
 }
 
 function cardInstallment(data) {
   var select = document.getElementById('card_installment_option')
   data = data[Object.getOwnPropertyNames(data)[0]]
   data.forEach(function (item) {
-    select.options[select.options.length] = new Option(item.quantity + 'x de R$ ' + item.installmentAmount,
+    select.options[select.options.length] = new Option(item.quantity + 'x de R$ ' + formatToReal(item.installmentAmount),
             JSON.stringify(item))
   })
   if (data) {
@@ -199,4 +199,29 @@ function removeLetters(el) {
  */
 function removeNumbers(el) {
   return el.replace(/[0-9]/g, '');
-}
+}
+
+/**
+ * Returns the value of 'moneyValue' in the Brazilian real currency format
+ * @param {double} amount
+ * @returns {string}
+ */
+function formatToReal( amount ) {
+  var tmp = amount + '';
+  var index = tmp.indexOf('.');
+  if(index == -1) {
+    tmp = tmp + '00';
+  }else {
+    var afterDot = tmp.substring(index+1, tmp.length);
+    if (afterDot.length < 2) {
+      tmp = tmp + '0';
+    }
+  }
+  tmp = tmp.replace('.', ''); 
+  tmp = tmp.replace(/([0-9]{2})$/g, ",$1");
+  if( tmp.length > 6 ) {
+    tmp = tmp.replace(/([0-9]{3}),([0-9]{2}$)/g, ".$1,$2");
+  }
+
+  return tmp;
+}