Move Strategy name to above candlechart

This commit is contained in:
Matthias 2021-10-10 15:16:27 +02:00
parent 67cb1af105
commit 051f64d5f0
2 changed files with 19 additions and 11 deletions

View File

@ -140,8 +140,8 @@ export default class CandleChart extends Vue {
this.chartOptions = { this.chartOptions = {
title: [ title: [
{ {
text: this.chartTitle, // text: this.chartTitle,
show: true, show: false,
}, },
], ],
backgroundColor: 'rgba(0, 0, 0, 0)', backgroundColor: 'rgba(0, 0, 0, 0)',

View File

@ -13,16 +13,20 @@
</b-modal> </b-modal>
<div class="row mr-0"> <div class="row mr-0">
<div class="col-mb-2 ml-2"> <div class="col-mb-2 ml-2 d-flex align-items-center">
<b-select v-model="pair" :options="availablePairs" size="sm" @change="refresh"> <span class="ml-2 text-nowrap">{{ strategyName }} | {{ timeframe || '' }}</span>
<b-select
v-model="pair"
class="ml-2"
:options="availablePairs"
size="sm"
@change="refresh"
>
</b-select> </b-select>
</div>
<div class="col-mb-2 ml-2 mr-2"> <b-button class="ml-2" :disabled="!!!pair" size="sm" @click="refresh">&#x21bb;</b-button>
<b-button :disabled="!!!pair" size="sm" @click="refresh">&#x21bb;</b-button> <small class="ml-2 text-nowrap">Buysignals: {{ dataset.buy_signals }}</small>
</div> <small class="ml-2 text-nowrap">SellSignals: {{ dataset.sell_signals }}</small>
<div v-if="hasDataset" class="col-mb-2 ml-2 mr-2">
<small>Buysignals: {{ dataset.buy_signals }}</small>
<small class="ml-2">SellSignals: {{ dataset.sell_signals }}</small>
</div> </div>
<div class="col-mb-2 ml-auto mr-2"> <div class="col-mb-2 ml-auto mr-2">
<b-select <b-select
@ -134,6 +138,10 @@ export default class CandleChartContainer extends Vue {
return this.candleData[`${this.pair}__${this.timeframe}`]; return this.candleData[`${this.pair}__${this.timeframe}`];
} }
get strategyName() {
return this.strategy || this.dataset?.strategy || '';
}
get datasetColumns() { get datasetColumns() {
return this.dataset ? this.dataset.columns : []; return this.dataset ? this.dataset.columns : [];
} }