From 742edecb641407cc9358abcd42c102e111e84347 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Wed, 3 Jul 2024 15:01:32 +0200
Subject: [PATCH] Add Left / right chart pane option

---
 src/stores/settings.ts     |  1 +
 src/views/SettingsView.vue | 12 +++++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/stores/settings.ts b/src/stores/settings.ts
index b1625ff8..1b2d8824 100644
--- a/src/stores/settings.ts
+++ b/src/stores/settings.ts
@@ -32,6 +32,7 @@ export const useSettingsStore = defineStore('uiSettings', {
       notifications: notificationDefaults,
       profitDistributionBins: 20,
       confirmDialog: true,
+      chartLabelSide: 'right' as 'left' | 'right',
     };
   },
   getters: {
diff --git a/src/views/SettingsView.vue b/src/views/SettingsView.vue
index c03f8e51..f659085a 100644
--- a/src/views/SettingsView.vue
+++ b/src/views/SettingsView.vue
@@ -44,7 +44,17 @@
         </div>
 
         <div class="d-flex flex-column border rounded p-2 mb-2 gap-2">
-          <h4>Candle settings</h4>
+          <h4>Chart settings</h4>
+          <b-form-group description="Chart Scale side">
+            <b-form-radio-group
+              v-model="settingsStore.chartLabelSide"
+              name="chart-preference-options"
+              :options="[
+                { value: 'left', text: 'Left' },
+                { value: 'right', text: 'Right' },
+              ]"
+            ></b-form-radio-group>
+          </b-form-group>
           <b-form-group description="Use Heikin Ashi candles in your charts">
             <b-form-checkbox v-model="settingsStore.useHeikinAshiCandles"
               >Use Heikin Ashi candles.</b-form-checkbox