mirror of
https://github.com/freqtrade/frequi.git
synced 2024-11-22 19:15:15 +00:00
Update to bootstrap 5 classes
This commit is contained in:
parent
3d1c2c2c2a
commit
4a61fa0afb
|
@ -8,7 +8,7 @@
|
|||
}}</span>
|
||||
<b-form-checkbox
|
||||
v-model="autoRefreshLoc"
|
||||
class="ml-auto float-right mr-2 my-auto"
|
||||
class="ms-auto float-end mr-2 my-auto"
|
||||
title="AutoRefresh"
|
||||
variant="secondary"
|
||||
@change="changeEvent"
|
||||
|
|
|
@ -63,7 +63,7 @@
|
|||
>
|
||||
</b-alert>
|
||||
</div>
|
||||
<div v-if="inModal === false" class="float-right">
|
||||
<div v-if="inModal === false" class="float-end">
|
||||
<b-button class="mr-2" type="reset" variant="danger">Reset</b-button>
|
||||
<b-button type="submit" variant="primary">Submit</b-button>
|
||||
</div>
|
||||
|
|
|
@ -40,7 +40,7 @@
|
|||
>Short exits: {{ dataset.exit_short_signals }}</small
|
||||
>
|
||||
</div>
|
||||
<div class="ml-auto d-flex align-items-center">
|
||||
<div class="ms-auto d-flex align-items-center">
|
||||
<b-form-checkbox v-model="settingsStore.useHeikinAshiCandles"
|
||||
>Heikin Ashi</b-form-checkbox
|
||||
>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
</div>
|
||||
<b-form-group
|
||||
class="w-25 order-1"
|
||||
:class="showTitle ? 'ml-5 pl-5' : 'position-absolute'"
|
||||
:class="showTitle ? 'ms-5 ps-5' : 'position-absolute'"
|
||||
label="Bins"
|
||||
label-for="input-bins"
|
||||
label-cols="6"
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div>
|
||||
<button
|
||||
class="btn btn-secondary float-right"
|
||||
class="btn btn-secondary float-end"
|
||||
title="Refresh"
|
||||
aria-label="Refresh"
|
||||
@click="botStore.activeBot.getBacktestHistory"
|
||||
|
|
|
@ -1,13 +1,13 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="row">
|
||||
<div class="col-md-11 text-left">
|
||||
<div class="col-md-11 text-start">
|
||||
<p>
|
||||
Graph will always show the latest values for the selected strategy. Timerange:
|
||||
{{ timerange }} - {{ strategy }}
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-1 text-right">
|
||||
<div class="col-md-1 text-end">
|
||||
<b-button
|
||||
aria-label="Close"
|
||||
title="Trade Navigation"
|
||||
|
|
|
@ -4,9 +4,9 @@
|
|||
<h3>Backtest-result for {{ backtestResult.strategy_name }}</h3>
|
||||
</div>
|
||||
|
||||
<div class="row text-left ml-0">
|
||||
<div class="row text-start ml-0">
|
||||
<div class="row w-100">
|
||||
<div class="col-12 col-xl-6 px-0 px-xl-0 pr-xl-1">
|
||||
<div class="col-12 col-xl-6 px-0 px-xl-0 pe-xl-1">
|
||||
<b-card header="Strategy settings">
|
||||
<b-table
|
||||
small
|
||||
|
@ -17,7 +17,7 @@
|
|||
</b-table>
|
||||
</b-card>
|
||||
</div>
|
||||
<div class="col-12 col-xl-6 px-0 px-xl-0 pt-2 pt-xl-0 pl-xl-1">
|
||||
<div class="col-12 col-xl-6 px-0 px-xl-0 pt-2 pt-xl-0 ps-xl-1">
|
||||
<b-card header="Metrics">
|
||||
<b-table small borderless :items="backtestResultStats" :fields="backtestResultFields">
|
||||
</b-table>
|
||||
|
|
|
@ -1,13 +1,13 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="mb-2">
|
||||
<label class="mr-auto h3">Balance</label>
|
||||
<b-button class="float-right" size="sm" @click="botStore.activeBot.getBalance"
|
||||
<label class="me-auto h3">Balance</label>
|
||||
<b-button class="float-end" size="sm" @click="botStore.activeBot.getBalance"
|
||||
>↻</b-button
|
||||
>
|
||||
<b-form-checkbox
|
||||
v-model="hideSmallBalances"
|
||||
class="float-right"
|
||||
class="float-end"
|
||||
size="sm"
|
||||
title="Hide small balances"
|
||||
button
|
||||
|
|
|
@ -1,10 +1,10 @@
|
|||
<template>
|
||||
<div class="d-flex">
|
||||
<div
|
||||
class="px-1 d-flex flex-row flex-fill text-left justify-content-between align-items-center"
|
||||
class="px-1 d-flex flex-row flex-fill text-start justify-content-between align-items-center"
|
||||
>
|
||||
<span>
|
||||
<span class="mr-1 font-weight-bold">{{ trade.pair }}</span>
|
||||
<span class="mr-1 fw-bold">{{ trade.pair }}</span>
|
||||
<small class="text-secondary">(#{{ trade.trade_id }})</small>
|
||||
</span>
|
||||
<small>
|
||||
|
|
|
@ -1,10 +1,8 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="mb-2">
|
||||
<label class="mr-auto h3">Daily Stats</label>
|
||||
<b-button class="float-right" size="sm" @click="botStore.activeBot.getDaily"
|
||||
>↻</b-button
|
||||
>
|
||||
<label class="me-auto h3">Daily Stats</label>
|
||||
<b-button class="float-end" size="sm" @click="botStore.activeBot.getDaily">↻</b-button>
|
||||
</div>
|
||||
<div>
|
||||
<DailyChart
|
||||
|
|
|
@ -23,11 +23,11 @@
|
|||
<!-- Blacklsit -->
|
||||
<div>
|
||||
<label
|
||||
class="mr-auto h3"
|
||||
class="me-auto h3"
|
||||
title="Blacklist - Select (followed by a click on '-') to remove pairs"
|
||||
>Blacklist</label
|
||||
>
|
||||
<div class="float-right d-flex d-flex-columns pr-1">
|
||||
<div class="float-end d-flex d-flex-columns pe-1">
|
||||
<b-button
|
||||
id="blacklist-add-btn"
|
||||
class="mr-1"
|
||||
|
@ -64,7 +64,7 @@
|
|||
</b-form-group>
|
||||
<b-button
|
||||
id="blacklist-submit"
|
||||
class="float-right mb-2"
|
||||
class="float-end mb-2"
|
||||
size="sm"
|
||||
type="submit"
|
||||
@click="addBlacklistPair"
|
||||
|
|
|
@ -1,10 +1,8 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="mb-2">
|
||||
<label class="mr-auto h3">Pair Locks</label>
|
||||
<b-button class="float-right" size="sm" @click="botStore.activeBot.getLocks"
|
||||
>↻</b-button
|
||||
>
|
||||
<label class="me-auto h3">Pair Locks</label>
|
||||
<b-button class="float-end" size="sm" @click="botStore.activeBot.getLocks">↻</b-button>
|
||||
</div>
|
||||
<div>
|
||||
<b-table class="table-sm" :items="botStore.activeBot.activeLocks" :fields="tableFields">
|
||||
|
|
|
@ -1,8 +1,8 @@
|
|||
<template>
|
||||
<div class="d-flex flex-align-center ml-2">
|
||||
<div class="d-flex align-items-center ml-2">
|
||||
<b-form-checkbox
|
||||
v-model="autoRefreshLoc"
|
||||
class="ml-auto float-right my-auto"
|
||||
class="ms-auto float-end my-auto"
|
||||
title="AutoRefresh"
|
||||
></b-form-checkbox>
|
||||
<b-button
|
||||
|
|
|
@ -30,7 +30,7 @@
|
|||
</b-input-group>
|
||||
</b-form-group>
|
||||
</div>
|
||||
<label class="text-left">
|
||||
<label class="text-start">
|
||||
Timerange: <b>{{ timeRange }}</b>
|
||||
</label>
|
||||
</div>
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<div class="d-flex flex-column">
|
||||
<b-button
|
||||
v-if="botApiVersion <= 1.1"
|
||||
class="btn-xs text-left"
|
||||
class="btn-xs text-start"
|
||||
size="sm"
|
||||
title="Forceexit"
|
||||
@click="$emit('forceExit', trade)"
|
||||
|
@ -11,7 +11,7 @@
|
|||
</b-button>
|
||||
<b-button
|
||||
v-if="botApiVersion > 1.1"
|
||||
class="btn-xs text-left"
|
||||
class="btn-xs text-start"
|
||||
size="sm"
|
||||
title="Forceexit limit"
|
||||
@click="$emit('forceExit', trade, 'limit')"
|
||||
|
@ -20,7 +20,7 @@
|
|||
</b-button>
|
||||
<b-button
|
||||
v-if="botApiVersion > 1.1"
|
||||
class="btn-xs text-left mt-1"
|
||||
class="btn-xs text-start mt-1"
|
||||
size="sm"
|
||||
title="Forceexit market"
|
||||
@click="$emit('forceExit', trade, 'market')"
|
||||
|
@ -29,7 +29,7 @@
|
|||
</b-button>
|
||||
<b-button
|
||||
v-if="botApiVersion > 2.16"
|
||||
class="btn-xs text-left mt-1"
|
||||
class="btn-xs text-start mt-1"
|
||||
size="sm"
|
||||
title="Forceexit partial"
|
||||
@click="$emit('forceExitPartial', trade)"
|
||||
|
@ -38,7 +38,7 @@
|
|||
</b-button>
|
||||
|
||||
<b-button
|
||||
class="btn-xs text-left mt-1"
|
||||
class="btn-xs text-start mt-1"
|
||||
size="sm"
|
||||
title="Delete trade"
|
||||
@click="$emit('deleteTrade', trade)"
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div class="container text-left">
|
||||
<div class="container text-start">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<h5 class="detail-header">General</h5>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div
|
||||
class="d-flex justify-content-between align-items-center profit-pill pl-2 pr-1"
|
||||
class="d-flex justify-content-between align-items-center profit-pill ps-2 pe-1"
|
||||
:class="isProfitable ? 'profit-pill-profit' : ''"
|
||||
:title="profitDesc"
|
||||
>
|
||||
|
|
|
@ -19,7 +19,7 @@ export default defineComponent({
|
|||
},
|
||||
classLabel: {
|
||||
type: String,
|
||||
default: 'col-4 font-weight-bold mb-0',
|
||||
default: 'col-4 fw-bold mb-0',
|
||||
},
|
||||
classValue: {
|
||||
type: String,
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
</b-navbar-nav>
|
||||
|
||||
<!-- Right aligned nav items -->
|
||||
<b-navbar-nav class="ml-auto" menu-class="w-100">
|
||||
<b-navbar-nav class="ms-auto" menu-class="w-100">
|
||||
<!-- TODO This should show outside of the dropdown in XS mode -->
|
||||
<div class="d-flex justify-content-between">
|
||||
<b-dropdown
|
||||
|
@ -69,7 +69,7 @@
|
|||
</template>
|
||||
<b-dropdown-item>V: {{ settingsStore.uiVersion }}</b-dropdown-item>
|
||||
<router-link class="dropdown-item" to="/settings">Settings</router-link>
|
||||
<b-form-checkbox v-model="layoutStore.layoutLocked" class="pl-5"
|
||||
<b-form-checkbox v-model="layoutStore.layoutLocked" class="ps-5"
|
||||
>Lock layout</b-form-checkbox
|
||||
>
|
||||
<b-dropdown-item @click="resetDynamicLayout">Reset Layout</b-dropdown-item>
|
||||
|
|
|
@ -60,7 +60,7 @@
|
|||
</div>
|
||||
<small
|
||||
v-show="botStore.activeBot.backtestRunning"
|
||||
class="text-right bt-running-label col-8 col-lg-3"
|
||||
class="text-end bt-running-label col-8 col-lg-3"
|
||||
>Backtest running: {{ botStore.activeBot.backtestStep }}
|
||||
{{ formatPercent(botStore.activeBot.backtestProgress, 2) }}</small
|
||||
>
|
||||
|
@ -107,7 +107,7 @@
|
|||
label-cols-lg="2"
|
||||
label="Backtest params"
|
||||
label-size="sm"
|
||||
label-class="font-weight-bold pt-0"
|
||||
label-class="fw-bold pt-0"
|
||||
class="mb-0"
|
||||
>
|
||||
<b-form-group
|
||||
|
|
|
@ -1,16 +1,16 @@
|
|||
<template>
|
||||
<div class="d-flex flex-column h-100">
|
||||
<!-- <div v-if="isWebserverMode" class="mr-auto ml-3"> -->
|
||||
<!-- <div v-if="isWebserverMode" class="me-auto ml-3"> -->
|
||||
<!-- Currently only available in Webserver mode -->
|
||||
<!-- <b-form-checkbox v-model="historicView">HistoricData</b-form-checkbox> -->
|
||||
<!-- </div> -->
|
||||
<div v-if="botStore.activeBot.isWebserverMode" class="mx-md-3 mt-2">
|
||||
<div class="d-flex flex-wrap">
|
||||
<div class="col-md-3 text-left">
|
||||
<div class="col-md-3 text-start">
|
||||
<span>Strategy</span>
|
||||
<StrategySelect v-model="strategy" class="mt-1"></StrategySelect>
|
||||
</div>
|
||||
<div class="col-md-3 text-left">
|
||||
<div class="col-md-3 text-start">
|
||||
<span>Timeframe</span>
|
||||
<TimeframeSelect v-model="selectedTimeframe" class="mt-1" />
|
||||
</div>
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div class="container mt-3">
|
||||
<b-card header="FreqUI Settings">
|
||||
<div class="text-left">
|
||||
<div class="text-start">
|
||||
<p>UI Version: {{ settingsStore.uiVersion }}</p>
|
||||
<b-form-group
|
||||
description="Lock dynamic layouts, so they cannot move anymore. Can also be set from the navbar at the top."
|
||||
|
|
Loading…
Reference in New Issue
Block a user