mirror of
https://github.com/freqtrade/frequi.git
synced 2024-09-22 10:31:09 +00:00
40 lines
960 B
Vue
40 lines
960 B
Vue
|
<template>
|
||
|
<div>
|
||
|
<div class="mb-2">
|
||
|
<label class="mr-auto h3">Pair Locks</label>
|
||
|
<b-button class="float-right" size="sm" @click="getLocks">↻</b-button>
|
||
|
</div>
|
||
|
<div>
|
||
|
<b-table class="table-sm" :items="locks.locks" :fields="tableFields"> </b-table>
|
||
|
</div>
|
||
|
</div>
|
||
|
</template>
|
||
|
|
||
|
<script lang="ts">
|
||
|
import { timestampms } from '@/shared/formatters';
|
||
|
import { LockResponse } from '@/types';
|
||
|
import { Component, Vue } from 'vue-property-decorator';
|
||
|
import { namespace } from 'vuex-class';
|
||
|
|
||
|
const ftbot = namespace('ftbot');
|
||
|
|
||
|
@Component({})
|
||
|
export default class PairLockList extends Vue {
|
||
|
@ftbot.Action getLocks;
|
||
|
|
||
|
@ftbot.State locks!: LockResponse;
|
||
|
|
||
|
timestampms = timestampms;
|
||
|
|
||
|
get tableFields() {
|
||
|
return [
|
||
|
{ key: 'pair', label: 'Pair' },
|
||
|
{ key: 'lock_end_timestamp', label: 'Until', formatter: 'timestampms' },
|
||
|
{ key: 'reason', label: 'Reason' },
|
||
|
];
|
||
|
}
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style scoped></style>
|