diff --git a/bin/controls/PaymentDisplay.js b/bin/controls/PaymentDisplay.js index d0441442a5740c0ef61f84cdc87fd3c909bfc651..86c25a4cd01cf0cc3f4f02822d74a0bea98ade58 100644 --- a/bin/controls/PaymentDisplay.js +++ b/bin/controls/PaymentDisplay.js @@ -78,6 +78,9 @@ define('package/quiqqer/payment-amazon/bin/controls/PaymentDisplay', [ this.$AuthBtnElm = Elm.getElement('#quiqqer-payment-amazon-btn'); this.$WalletElm = Elm.getElement('#quiqqer-payment-amazon-wallet'); + // set random id for AuthBtn to enable re-rending of Amazon Btn Widget + this.$AuthBtnElm.set('id', this.$AuthBtnElm.get('id') + '-' + Math.floor((Math.random() * 1000000) + 1)); + this.$showMsg( QUILocale.get(pkg, 'controls.PaymentDisplay.info') ); @@ -112,12 +115,8 @@ define('package/quiqqer/payment-amazon/bin/controls/PaymentDisplay', [ window.onAmazonLoginReady = this.$onAmazonLoginReady; if (typeof amazon !== 'undefined') { - var ScriptElm = document.getElement('script[src="' + widgetUrl + '"]'); - - if (ScriptElm) { - amazon = null; - ScriptElm.destroy(); - } + this.$showAmazonPayBtn(); + return; } new Element('script', { @@ -171,14 +170,6 @@ define('package/quiqqer/payment-amazon/bin/controls/PaymentDisplay', [ }); }, - onFinish: function() { - console.log("Amazon onFinish"); - }, - - onSuccess: function() { - console.log("Amazon onSuccess"); - }, - onError: function (Error) { switch (Error.getErrorCode()) { // handle errors on the shop side (most likely misconfiguration) @@ -209,7 +200,7 @@ define('package/quiqqer/payment-amazon/bin/controls/PaymentDisplay', [ this.$OrderProcess.Loader.show(); - var waitForBtnElm = setInterval(function() { + var waitForBtnElm = setInterval(function () { var AmazonBtnImg = self.$AuthBtnElm.getElement('img'); if (!AmazonBtnImg) { diff --git a/src/QUI/ERP/Payments/Amazon/PaymentDisplay.css b/src/QUI/ERP/Payments/Amazon/PaymentDisplay.css index 00b7dd024012c4646c72dca7504228feabaf1a30..4615e211286d9c3854eefe1c12118a8c0d87f3c9 100644 --- a/src/QUI/ERP/Payments/Amazon/PaymentDisplay.css +++ b/src/QUI/ERP/Payments/Amazon/PaymentDisplay.css @@ -3,12 +3,12 @@ width: 100%; } -#quiqqer-payment-amazon-btn { +.quiqqer-payment-amazon-btn-elm { margin-top: 35px; text-align: center; } -#quiqqer-payment-amazon-btn img { +.quiqqer-payment-amazon-btn-elm img { max-width: 100% !important; } diff --git a/src/QUI/ERP/Payments/Amazon/PaymentDisplay.html b/src/QUI/ERP/Payments/Amazon/PaymentDisplay.html index 59a7a007ce46c11d87469d5e5672a477483dca58..fd804268d1389b2530bf2056c9fb888b93258ea1 100644 --- a/src/QUI/ERP/Payments/Amazon/PaymentDisplay.html +++ b/src/QUI/ERP/Payments/Amazon/PaymentDisplay.html @@ -9,7 +9,7 @@ {else} <div class="quiqqer-payment-amazon-message"></div> <div class="quiqqer-payment-amazon-content"> - <div id="quiqqer-payment-amazon-btn" data-size="{$btn_size}" data-color="{$btn_color}"></div> + <div id="quiqqer-payment-amazon-btn" class="quiqqer-payment-amazon-btn-elm" data-size="{$btn_size}" data-color="{$btn_color}"></div> <div id="quiqqer-payment-amazon-wallet" class="quiqqer-payment-amazon__hidden"></div> <div id="quiqqer-payment-amazon-btn-pay" data-price="{$display_price}"></div> </div>