lychiyu/frequi_origin
1
0
Fork 0
mirror of https://github.com/freqtrade/frequi.git synced 2024-11-22 11:05:17 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Add search for indicator add field

Browse Source
This commit is contained in:
Matthias 2022-11-07 21:27:11 +01:00
parent adab387c6d
commit 4d4528b1e4
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/charts/PlotIndicator.vue
View File

@ -2,10 +2,16 @@
<div>
<div v-if="addNew">
<b-form-group label="Add indicator" label-for="indicatorSelector">
<b-input-group>
<b-form-input v-model="indicatorFilter" placeholder="Filter indicators"></b-form-input>
<b-input-group-append>
<b-button @click="indicatorFilter = ''">X</b-button>
</b-input-group-append>
</b-input-group>
<b-form-select
id="indicatorSelector"
v-model="selAvailableIndicator"
:options="columns"
:options="filteredIndicators"
:select-size="4"
>
</b-form-select>
@ -87,9 +93,16 @@ export default defineComponent({
const selColor = ref(randomColor());
const graphType = ref<ChartType>(ChartType.line);
const availableGraphTypes = ref(Object.keys(ChartType));
const indicatorFilter = ref('');
const selAvailableIndicator = ref('');
const cancelled = ref(false);
const filteredIndicators = computed(() => {
return props.columns.filter((col) =>
col.toLowerCase().includes(indicatorFilter.value.toLowerCase()),
);
});
const newColor = () => {
selColor.value = randomColor();
};
@ -142,6 +155,8 @@ export default defineComponent({
newColor,
emitIndicator,
clickCancel,
indicatorFilter,
filteredIndicators,
};
},
});