remove separate results view for now

This commit is contained in:
Tako 2023-06-09 12:05:27 +00:00
parent 7dde1648fc
commit c3378f0f26
2 changed files with 18 additions and 37 deletions

View File

@ -59,16 +59,24 @@
</div>
</div>
<div class="col-12 col-lg-3">
<b-form-radio-group v-model="selectedView" class="mb-2" size="sm" buttons>
<b-form-radio button value="Config"> Config</b-form-radio>
<b-form-radio button value="Results" :disabled="pairlistStore.whitelist.length === 0">
Results</b-form-radio
>
</b-form-radio-group>
<CopyableTextfield
v-if="selectedView === 'Config'"
:content="pairlistStore.configJSON"
:is-valid="pairlistStore.pairlistValid"
/>
<CopyableTextfield v-if="selectedView === 'Results'" :content="pairlistStore.whitelist" />
</div>
</div>
</template>
<script setup lang="ts">
import { computed, onMounted, ref } from 'vue';
import { computed, onMounted, ref, watch } from 'vue';
import { useBotStore } from '@/stores/ftbotwrapper';
import { usePairlistConfigStore } from '@/stores/pairlistConfig';
import PairlistConfigItem from './PairlistConfigItem.vue';
@ -85,6 +93,7 @@ const pairlistStore = usePairlistConfigStore();
const availablePairlists = ref<Pairlist[]>([]);
const pairlistConfigsEl = ref<HTMLElement | null>(null);
const availablePairlistsEl = ref<HTMLElement | null>(null);
const selectedView = ref<'Config' | 'Results'>('Config');
// v-for updates with sorting, deleting and adding items seem to get wonky without unique keys for every item
const pairlistsComp = computed(() =>
@ -141,6 +150,13 @@ onMounted(async () => {
pairlistStore.savedConfigs.length > 0 ? pairlistStore.savedConfigs[0].name : 'default',
);
});
watch(
() => pairlistStore.whitelist,
() => {
selectedView.value = 'Results';
},
);
</script>
<style lang="scss" scoped>

View File

@ -1,42 +1,7 @@
<template>
<div>
<b-button-group class="py-3">
<b-button
v-model="currentView"
:active="currentView === 'configurator'"
@click="currentView = 'configurator'"
>Configurator</b-button
>
<b-button
v-model="currentView"
:disabled="pairlistStore.whitelist.length == 0"
:active="currentView === 'results'"
@click="currentView = 'results'"
>Results</b-button
>
</b-button-group>
<PairlistConfigurator v-if="currentView == 'configurator'" />
<PairlistConfigResults v-show="currentView == 'results'" />
</div>
<PairlistConfigurator class="pt-4" />
</template>
<script setup lang="ts">
import { usePairlistConfigStore } from '@/stores/pairlistConfig';
import { ref, watch } from 'vue';
import PairlistConfigurator from '@/components/ftbot/PairlistConfigurator.vue';
import PairlistConfigResults from '@/components/ftbot/PairlistConfigResults.vue';
const pairlistStore = usePairlistConfigStore();
const currentView = ref<'configurator' | 'results'>('configurator');
watch(
() => pairlistStore.evaluating,
(newVal: boolean, oldVal: boolean) => {
if (oldVal === true && newVal === false) {
currentView.value = 'results';
}
},
);
</script>