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

Add color to order detail view

Browse Source
This commit is contained in:
Matthias 2024-02-01 07:10:45 +01:00
parent 77ba597f64
commit 2e5651e1f7
1 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/ftbot/TradeDetail.vue
View File

@ -112,13 +112,21 @@
)}, filled ${formatPrice(order.filled)}`"
>
(#{{ key + 1 }})
<i-mdi-triangle
v-if="order.ft_order_side === 'buy'"
class="me-1 color-up"
style="font-size: 0.6rem"
/>
<i-mdi-triangle-down v-else class="me-1 color-down" style="font-size: 0.6rem" />
<DateTimeTZ
v-if="order.order_timestamp"
:date="order.order_timestamp"
show-timezone
/>
<b class="ms-1">{{ order.ft_order_side }}</b> for
<b>{{ formatPrice(order.safe_price) }}</b> |
<b class="ms-1" :class="order.ft_order_side === 'buy' ? 'color-up' : 'color-down'">{{
order.ft_order_side
}}</b>
for <b>{{ formatPrice(order.safe_price) }}</b> |
<span v-if="order.remaining && order.remaining !== 0" title="remaining"
>{{ formatPrice(order.remaining, 8) }} /
</span>
@ -136,6 +144,8 @@
import { formatPercent, formatPriceCurrency, formatPrice, timestampms } from '@/shared/formatters';
import { Trade } from '@/types';
const colorStore = useColorStore();
defineProps({
trade: { required: true, type: Object as () => Trade },
stakeCurrency: { required: true, type: String },
@ -148,4 +158,11 @@ defineProps({
width: 100%;
display: block;
}
.color-up {
color: v-bind('colorStore.colorUp');
}
.color-down {
color: v-bind('colorStore.colorDown');
}
</style>