From dfe662b4fe3b728a5963e1d143dc73938af62598 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 17 Dec 2023 14:59:19 +0100
Subject: [PATCH] Improve graphical layout, allow chart view without selected
 timeframe

---
 src/components/ftbot/StrategySelect.vue | 2 +-
 src/types/types.ts                      | 1 +
 src/views/ChartsView.vue                | 8 +++++---
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/ftbot/StrategySelect.vue b/src/components/ftbot/StrategySelect.vue
index 83d58384..f764f300 100644
--- a/src/components/ftbot/StrategySelect.vue
+++ b/src/components/ftbot/StrategySelect.vue
@@ -7,7 +7,7 @@
         :options="botStore.activeBot.strategyList"
       >
       </b-form-select>
-      <div class="ms-2">
+      <div class="ms-1">
         <b-button @click="botStore.activeBot.getStrategyList">
           <i-mdi-refresh />
         </b-button>
diff --git a/src/types/types.ts b/src/types/types.ts
index 2f34e7e0..88471b8a 100644
--- a/src/types/types.ts
+++ b/src/types/types.ts
@@ -174,6 +174,7 @@ export interface StrategyResult {
   strategy: string;
   /** Code of the strategy class */
   code: string;
+  timeframe: string;
 }
 
 export interface FreqAIModelListResult {
diff --git a/src/views/ChartsView.vue b/src/views/ChartsView.vue
index 04ec3dbf..96093bb5 100644
--- a/src/views/ChartsView.vue
+++ b/src/views/ChartsView.vue
@@ -5,8 +5,8 @@
     <!-- <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-start">
+      <div class="d-flex flex-wrap gap-1">
+        <div class="col-md-3 text-start me-1">
           <span>Strategy</span>
           <StrategySelect v-model="strategy" class="mt-1"></StrategySelect>
         </div>
@@ -27,7 +27,9 @@
         "
         :historic-view="botStore.activeBot.isWebserverMode"
         :timeframe="
-          botStore.activeBot.isWebserverMode ? selectedTimeframe : botStore.activeBot.timeframe
+          botStore.activeBot.isWebserverMode
+            ? selectedTimeframe || botStore.activeBot.strategy.timeframe || ''
+            : botStore.activeBot.timeframe
         "
         :trades="botStore.activeBot.trades"
         :timerange="botStore.activeBot.isWebserverMode ? timerange : ''"