mirror of
https://github.com/freqtrade/frequi.git
synced 2024-11-11 10:43:52 +00:00
38 lines
871 B
Vue
38 lines
871 B
Vue
<template>
|
|
<div class="h-100 d-inline-block">
|
|
<div :class="isProfitable ? 'triangle-up' : 'triangle-down'"></div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { Component, Vue, Prop } from 'vue-property-decorator';
|
|
import { Trade } from '@/types';
|
|
|
|
@Component({})
|
|
export default class ProfitSymbol extends Vue {
|
|
@Prop({ required: true }) trade!: Trade;
|
|
|
|
get isProfitable() {
|
|
const res = (this.trade.profit_ratio ?? 0) > 0 || (this.trade.profit_abs ?? 0) > 0;
|
|
return res;
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.triangle-up {
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 0 0.45rem 0.7rem 0.45rem;
|
|
border-color: transparent transparent #00db58 transparent;
|
|
}
|
|
.triangle-down {
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-width: 0.7rem 0.45rem 0 0.45rem;
|
|
border-color: #ff0000 transparent transparent transparent;
|
|
}
|
|
</style>
|