Improve add indicator layout

This commit is contained in:
Matthias 2020-08-09 10:50:02 +02:00
parent 1886e3328f
commit bc2d91a08a

View File

@ -28,25 +28,47 @@
</b-input-group> </b-input-group>
</b-form-group> </b-form-group>
<hr /> <hr />
<b-form-group label="Used indicators" label-for="selectedIndicators"> <div class="row">
<b-form-select <b-form-group class="col" label="Add indicator" label-for="indicatorSelector">
id="selectedIndicators" <b-form-select
v-model="selIndicator" id="indicatorSelector"
:options="usedColumns" v-model="selAvailableIndicator"
:select-size="4" :options="columns"
> :select-size="4"
</b-form-select> >
</b-form-group> </b-form-select>
<b-form-group label="Add indicator" label-for="indicatorSelector"> </b-form-group>
<b-form-select <div class="col-1 px-0 text-center">
id="indicatorSelector" <b-button
v-model="selAvailableIndicator" class="mt-5"
:options="columns" variant="primary"
:select-size="4" title="Add indicator to plot"
> size="sm"
</b-form-select> :disabled="!selAvailableIndicator"
</b-form-group> @click="addIndicator"
>
&gt;
</b-button>
<b-button
variant="primary"
title="Remove indicator to plot"
size="sm"
:disabled="!selIndicator"
@click="removeIndicator"
>
&lt;
</b-button>
</div>
<b-form-group class="col" label="Used indicators" label-for="selectedIndicators">
<b-form-select
id="selectedIndicators"
v-model="selIndicator"
:options="usedColumns"
:select-size="4"
>
</b-form-select>
</b-form-group>
</div>
<b-form-group label="Choose type" label-for="plotTypeSelector"> <b-form-group label="Choose type" label-for="plotTypeSelector">
<b-form-select id="plotTypeSelector" v-model="graphType" :options="availableGraphTypes"> <b-form-select id="plotTypeSelector" v-model="graphType" :options="availableGraphTypes">
</b-form-select> </b-form-select>
@ -70,27 +92,7 @@
</b-form-input> </b-form-input>
</b-form-group> </b-form-group>
<div class="row"> <div class="row">
<b-button <b-button class="ml-3" variant="primary" size="sm" @click="loadPlotConfig">Load</b-button>
class="ml-1"
variant="primary"
title="Add indicator to plot"
size="sm"
:disabled="!selAvailableIndicator"
@click="addIndicator"
>
Add
</b-button>
<b-button
class="ml-1"
variant="primary"
title="Remove indicator to plot"
size="sm"
:disabled="!selIndicator"
@click="removeIndicator"
>
Remove
</b-button>
<b-button class="ml-1" variant="primary" size="sm" @click="loadPlotConfig">Load</b-button>
<b-button class="ml-1" variant="primary" size="sm" @click="loadPlotConfigFromStrategy"> <b-button class="ml-1" variant="primary" size="sm" @click="loadPlotConfigFromStrategy">
Load from strategy Load from strategy
</b-button> </b-button>