mirrors/btcpayserver
1
0
Fork 0
mirror of https://github.com/btcpayserver/btcpayserver.git synced 2025-02-22 14:22:40 +01:00
Code Issues Projects Releases Packages Wiki Activity

ux fixwes

Browse source
This commit is contained in:
Kukks 2018-12-28 23:31:41 +01:00
parent 26f0c488e5
commit 519859e1c5
2 changed files with 18 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
BTCPayServer/Views/AppsPublic/Crowdfund/VueCrowdfund.cshtml
View file

@ -20,7 +20,7 @@
<span v-if="srvModel.targetAmount" class="mt-3">
<span class="h5">{{srvModel.targetAmount}} {{targetCurrency}}</span>
<span v-if="srvModel.enforceTargetAmount">Hardcap Goal <a href="#" v-b-tooltip title="No contributions allowed after the goal has been reached<"> ?</a></span>
<span v-if="srvModel.enforceTargetAmount">Hardcap Goal <a href="#" v-b-tooltip title="No contributions allowed after the goal has been reached"> ?</a></span>
<span v-else>Softcap Goal <a href="#" v-b-tooltip title="Contributions allowed even after goal is reached"> ?</a> </span>
</span>
@ -31,19 +31,15 @@
:aria-valuenow="srvModel.info.progressPercentage"
v-bind:style="{ width: srvModel.info.progressPercentage + '%' }"
aria-valuemin="0"
v-b-tooltip :title="srvModel.info.progressPercentage + '% Confirmed Contributions'"
aria-valuemax="100">
<template v-if="srvModel.info.progressPercentage > 0">
{{srvModel.info.progressPercentage}}% Funded
</template>
</div>
<div class="progress-bar bg-warning" role="progressbar"
:aria-valuenow="srvModel.info.pendingProgressPercentage"
v-bind:style="{ width: srvModel.info.pendingProgressPercentage + '%' }"
v-b-tooltip :title="srvModel.info.pendingProgressPercentage + '% Pending Contributions'"
aria-valuemin="0"
aria-valuemax="100">
<template v-if="srvModel.info.pendingProgressPercentage > 0">
{{srvModel.info.pendingProgressPercentage}}% Pending
</template>
</div>
</div>
<div class="card-body">

17
BTCPayServer/wwwroot/crowdfund/app.js
View file

@ -77,11 +77,24 @@ addLoadEvent(function (ev) {
self.thankYouModalOpen = true;
};
eventAggregator.$on("payment-received", function (amount, cryptoCode, type) {
console.warn("AAAAAA", amount);
console.warn("AAAAAA", arguments);
var onChain = type.toLowerCase() === "btclike";
playRandomQuakeSound();
fireworks();
Vue.toasted.show('New payment of ' + amount+ " "+ cryptoCode + " " + onChain? "On Chain": "LN ");
if(onChain){
Vue.toasted.show('New payment of ' + amount+ " "+ cryptoCode + " " + (onChain? "On Chain": "LN "), {
iconPack: "fontawesome",
icon: "plus",
duration: 10000
} );
}else{
Vue.toasted.show('New payment of ' + amount+ " "+ cryptoCode + " " + (onChain? "On Chain": "LN "), {
iconPack: "fontawesome",
icon: "bolt",
duration: 10000
} );
}
});
eventAggregator.$on("info-updated", function (model) {
this.srvModel = model;