Add description to the pairlist visualization

This commit is contained in:
Matthias 2023-05-28 18:17:40 +02:00
parent b4dce32782
commit 7d3d118c99
2 changed files with 17 additions and 21 deletions

View File

@ -2,27 +2,26 @@
<b-container fluid>
<b-row align-v="stretch">
<b-col cols="12" md="3" class="overflow-auto" style="height: 760px">
<div ref="availablePairlistsEl" class="available-pairlists">
<b-row
<b-list-group ref="availablePairlistsEl" class="available-pairlists">
<b-list-group-item
v-for="pairlist in availablePairlists"
:key="pairlist.name"
align-v="center"
class="pairlist"
class="pairlist d-flex text-start"
>
<b-col>
{{ pairlist.name }}
</b-col>
<b-col cols="auto">
<b-button
class="p-0"
style="border: none"
variant="outline-light"
@click="addToConfig(pairlist, selectedConfig.pairlists.length)"
><i-mdi-arrow-right-bold-box class="fs-4"
/></b-button>
</b-col>
</b-row>
</div>
<div class="d-flex flex-grow-1 align-items-start flex-column">
<span class="fw-bold fd-italic">{{ pairlist.name }}</span>
<span class="fw-lighter">{{ pairlist.description }}</span>
</div>
<b-button
class="p-0"
style="border: none"
variant="outline-light"
@click="addToConfig(pairlist, selectedConfig.pairlists.length)"
><i-mdi-arrow-right-bold-box class="fs-4"
/></b-button>
</b-list-group-item>
</b-list-group>
</b-col>
<b-col>
<b-row>
@ -218,11 +217,7 @@ watch(
<style lang="scss">
.pairlist {
padding: 1rem 0;
width: 100%;
border: 1px solid white;
text-align: left;
margin: 5px 0;
}
.pairlist:hover {

View File

@ -15,6 +15,7 @@ export interface Pairlist {
id?: string;
is_pairlist_generator: boolean;
name: string;
description: string;
params: Record<string, PairlistParameter>;
}