Improve naming and some behavior

This commit is contained in:
Matthias 2023-06-11 19:54:01 +02:00
parent ae192a9455
commit 69a2825822

View File

@ -11,7 +11,7 @@
/> />
<div <div
role="button" role="button"
class="d-flex flex-grow-1 align-items-start flex-column" class="d-flex flex-grow-1 align-items-start flex-column user-select-none"
@click="toggleVisible" @click="toggleVisible"
> >
<span class="fw-bold">{{ pairlist.name }}</span> <span class="fw-bold">{{ pairlist.name }}</span>
@ -26,22 +26,22 @@
@click="pairlistStore.removeFromConfig(index)" @click="pairlistStore.removeFromConfig(index)"
/> />
<i-mdi-chevron-down <i-mdi-chevron-down
v-if="!visible" v-if="!showParameters"
:class="hasParameters && !visible ? 'visible' : 'invisible'" :class="hasParameters && !showParameters ? 'visible' : 'invisible'"
role="button" role="button"
class="fs-4" class="fs-4"
@click="toggleVisible" @click="toggleVisible"
/> />
<i-mdi-chevron-up <i-mdi-chevron-up
v-if="visible" v-if="showParameters"
:class="hasParameters && visible ? 'visible' : 'invisible'" :class="hasParameters && showParameters ? 'visible' : 'invisible'"
role="button" role="button"
class="fs-4" class="fs-4"
@click="toggleVisible" @click="toggleVisible"
/> />
</div> </div>
</template> </template>
<b-collapse v-model="visible"> <b-collapse v-model="showParameters">
<b-card-body> <b-card-body>
<PairlistConfigParameter <PairlistConfigParameter
v-for="(parameter, key) in pairlist.params" v-for="(parameter, key) in pairlist.params"
@ -66,7 +66,7 @@ defineProps<{
index: number; index: number;
}>(); }>();
const visible = ref(false); const showParameters = ref(false);
const pairlist = defineModel<Pairlist>({ required: true }); const pairlist = defineModel<Pairlist>({ required: true });
@ -74,7 +74,7 @@ const hasParameters = computed(() => Object.keys(pairlist.value.params).length >
function toggleVisible() { function toggleVisible() {
if (hasParameters.value) { if (hasParameters.value) {
visible.value = !visible.value; showParameters.value = !showParameters.value;
} }
} }
</script> </script>