mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2025-02-28 08:54:13 +01:00
a5fca7a1c4
* Disable shapeshift and use changelly * UI to manage changelly payment method * wip on changelly api * Add in Vue component for changelly and remove target currency from payment method * add changelly merhcant id * Small fixes to get Conversion to load * wip fixing the component * fix merge conflict * fixes to UI * remove debug, fix fee calc and move changelly to own partials * Update ChangellyController.cs * move original vue setup back to checkout * Update core.js * Extracting Changelly component to js file * Proposal for loading spinner * remove zone * imrpove changelly ui * add in changelly config checks * try new method to calculate amount + remove to currency from list * abstract changelly lofgic to provider and reduce dependency on js component * Add UTs for Changelly * refactor changelly backend * fix failing UT * add shitcoin tax * pr changes * pr changes
115 lines
4.5 KiB
JavaScript
115 lines
4.5 KiB
JavaScript
var ChangellyComponent =
|
|
{
|
|
props: ["storeId", "toCurrency", "toCurrencyDue", "toCurrencyAddress", "merchantId"],
|
|
data: function () {
|
|
return {
|
|
currencies: [],
|
|
isLoading: true,
|
|
calculatedAmount: 0,
|
|
selectedFromCurrency: "",
|
|
prettyDropdownInstance: null
|
|
};
|
|
},
|
|
computed: {
|
|
url: function () {
|
|
if (this.calculatedAmount && this.selectedFromCurrency && !this.isLoading) {
|
|
return "https://changelly.com/widget/v1?auth=email" +
|
|
"&from=" +
|
|
this.selectedFromCurrency +
|
|
"&to=" +
|
|
this.toCurrency +
|
|
"&address=" +
|
|
this.toCurrencyAddress +
|
|
"&amount=" +
|
|
this.calculatedAmount +
|
|
(this.merchantId ? "&merchant_id=" + this.merchantId + "&ref_id=" + this.merchantId : "");
|
|
}
|
|
return null;
|
|
}
|
|
},
|
|
watch: {
|
|
selectedFromCurrency: function (val) {
|
|
if (val) {
|
|
this.calculateAmount();
|
|
} else {
|
|
this.calculateAmount = 0;
|
|
}
|
|
}
|
|
},
|
|
mounted: function () {
|
|
this.prettyDropdownInstance = initDropdown(this.$refs.changellyCurrenciesDropdown);
|
|
this.loadCurrencies();
|
|
},
|
|
methods: {
|
|
getUrl: function () {
|
|
return window.location.origin + "/changelly/" + this.storeId;
|
|
},
|
|
loadCurrencies: function () {
|
|
this.isLoading = true;
|
|
$.ajax(
|
|
{
|
|
context: this,
|
|
url: this.getUrl() + "/currencies",
|
|
dataType: "json",
|
|
success: function (result) {
|
|
if (result.item2) {
|
|
for (i = 0; i < result.item1.length; i++) {
|
|
if (result.item1[i].enabled &&
|
|
result.item1[i].name.toLowerCase() !== this.toCurrency.toLowerCase()) {
|
|
this.currencies.push(result.item1[i]);
|
|
}
|
|
}
|
|
var self = this;
|
|
Vue.nextTick(function () {
|
|
self.prettyDropdownInstance
|
|
.refresh()
|
|
.on("change",
|
|
function (event) {
|
|
self.onCurrencyChange(self.$refs.changellyCurrenciesDropdown.value);
|
|
});
|
|
});
|
|
}
|
|
},
|
|
complete: function () {
|
|
this.isLoading = false;
|
|
}
|
|
});
|
|
},
|
|
calculateAmount: function () {
|
|
this.isLoading = true;
|
|
$.ajax(
|
|
{
|
|
url: this.getUrl() + "/calculate",
|
|
dataType: "json",
|
|
data: {
|
|
fromCurrency: this.selectedFromCurrency,
|
|
toCurrency: this.toCurrency,
|
|
toCurrencyAmount: this.toCurrencyDue
|
|
},
|
|
context: this,
|
|
success: function (result) {
|
|
this.calculatedAmount = result;
|
|
},
|
|
complete: function () {
|
|
this.isLoading = false;
|
|
}
|
|
});
|
|
|
|
|
|
},
|
|
onCurrencyChange: function (value) {
|
|
this.selectedFromCurrency = value;
|
|
},
|
|
openDialog: function (e) {
|
|
if (e && e.preventDefault) {
|
|
e.preventDefault();
|
|
}
|
|
|
|
var changellyWindow = window.open(
|
|
this.url,
|
|
'Changelly',
|
|
'width=600,height=470,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=0,left=0,top=0');
|
|
changellyWindow.focus();
|
|
}
|
|
}
|
|
};
|