mirrors/btcpayserver
1
0
Fork 0
mirror of https://github.com/btcpayserver/btcpayserver.git synced 2024-11-19 18:11:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

ui fixes + toggle sound options

Browse Source
This commit is contained in:
Kukks 2018-12-31 13:20:00 +01:00
parent 2245027ca3
commit cda28ebf15
3 changed files with 58 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
BTCPayServer/Views/AppsPublic/Crowdfund/VueCrowdfund.cshtml
View File

@ -45,40 +45,40 @@
<div class="card-body">
<div class="row py-2 text-center">
<div class="col-sm border-right">
<h5>{{srvModel.info.currentAmount + srvModel.info.currentPendingAmount }} {{targetCurrency}} </h5>
<h5 class="text-muted">Raised</h5>
</div>
<div class="col-sm border-right">
<h5>{{srvModel.info.progressPercentage + srvModel.info.pendingProgressPercentage }}%</h5>
<h5 class="text-muted">Of Goal</h5>
</div>
<div class="col-sm border-right">
<h5>
{{srvModel.info.totalContributors}}
</h5>
<h5 class="text-muted">Contributors</h5>
</div>
<div class="col-sm" v-if="endDiff">
<h5>
{{endDiff}}
</h5>
<h5 class="text-muted">Left</h5>
</div>
<div class="col-sm" v-if="startDiff">
<h5>
{{startDiff}}
</h5>
<h5 class="text-muted">Left to start</h5>
</div>
<div class="col-sm" v-if="ended">
<h5>
Campaign
</h5>
<h5 >not active</h5>
</div>
</div>
<div class="row py-2 text-center">
<div class="col-sm border-right">
<h5>{{srvModel.info.currentAmount + srvModel.info.currentPendingAmount }} {{targetCurrency}} </h5>
<h5 class="text-muted">Raised</h5>
</div>
<div class="col-sm border-right">
<h5>{{srvModel.info.progressPercentage + srvModel.info.pendingProgressPercentage }}%</h5>
<h5 class="text-muted">Of Goal</h5>
</div>
<div class="col-sm border-right">
<h5>
{{srvModel.info.totalContributors}}
</h5>
<h5 class="text-muted">Contributors</h5>
</div>
<div class="col-sm" v-if="endDiff">
<h5>
{{endDiff}}
</h5>
<h5 class="text-muted">Left</h5>
</div>
<div class="col-sm" v-if="startDiff">
<h5>
{{startDiff}}
</h5>
<h5 class="text-muted">Left to start</h5>
</div>
<div class="col-sm" v-if="ended">
<h5>
Campaign
</h5>
<h5 >not active</h5>
</div>
</div>
<div class="card-title">
<div class="row">
@ -134,6 +134,21 @@
</div>
</template>
</div>
<div class="card-footer text-muted d-flex" v-if="srvModel.animationsEnabled || srvModel.soundsEnabled">
<div class="form-check mx-1" v-if="srvModel.animationsEnabled || animation">
<input class="form-check-input" type="checkbox" id="cbAnime" v-model="animation">
<label class="form-check-label" for="cbAnime">
Animations
</label>
</div>
<div class="form-check mx-1" v-if="srvModel.soundsEnabled|| sound">
<input class="form-check-input" type="checkbox" id="cbSounds" v-model="sound">
<label class="form-check-label" for="cbSounds">
Sounds
</label>
</div>
</div>
</div>
</div>
<b-modal title="Contribute" v-model="contributeModalOpen" size="lg" ok-only="true" ok-variant="secondary" ok-title="Close" ref="modalContribute">

7
BTCPayServer/Views/AppsPublic/ViewCrowdfund.cshtml
View File

@ -44,8 +44,11 @@ else
<noscript>
@await Html.PartialAsync("Crowdfund/MinimalCrowdfund", Model)
</noscript>
<canvas id="fireworks"></canvas>
if (Model.AnimationsEnabled)
{
<canvas id="fireworks"></canvas>
}
@await Html.PartialAsync("Crowdfund/VueCrowdfund", Model)
}

6
BTCPayServer/wwwroot/crowdfund/app.js
View File

@ -85,6 +85,8 @@ addLoadEvent(function (ev) {
mounted: function () {
hubListener.connect();
var self = this;
this.sound = this.srvModel.soundsEnabled;
this.animation = this.srvModel.animationsEnabled;
eventAggregator.$on("invoice-created", function (invoiceId) {
btcpay.setApiUrlPrefix(window.location.origin);
btcpay.showInvoice(invoiceId);
@ -94,10 +96,10 @@ addLoadEvent(function (ev) {
});
eventAggregator.$on("payment-received", function (amount, cryptoCode, type) {
var onChain = type.toLowerCase() === "btclike";
if(this.srvModel.soundsEnabled) {
if(self.sound) {
playRandomQuakeSound();
}
if(this.srvModel.animationsEnabled) {
if(self.animation) {
fireworks();
}
if(onChain){