From 244c3bcf51d40f4cf6cb9711a2bcd876c87f7c63 Mon Sep 17 00:00:00 2001
From: Malte Hansen <malte.hanseat@gmail.com>
Date: Mon, 18 Nov 2024 16:41:05 +0100
Subject: [PATCH] Add component for radio settings

---
 .../settings/setting-type/radio-setting.gts   | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 app/components/visualization/page-setup/sidebar/customizationbar/settings/setting-type/radio-setting.gts

diff --git a/app/components/visualization/page-setup/sidebar/customizationbar/settings/setting-type/radio-setting.gts b/app/components/visualization/page-setup/sidebar/customizationbar/settings/setting-type/radio-setting.gts
new file mode 100644
index 000000000..776cc687b
--- /dev/null
+++ b/app/components/visualization/page-setup/sidebar/customizationbar/settings/setting-type/radio-setting.gts
@@ -0,0 +1,26 @@
+import { on } from '@ember/modifier';
+import { fn } from '@ember/helper';
+import HelpTooltip from 'explorviz-frontend/components/help-tooltip';
+import stringComparison from 'explorviz-frontend/helpers/string-comparison';
+
+<template>
+  <HelpTooltip @title={{@setting.description}} />
+  <span>{{@setting.displayName}}:</span>
+  <div style='margin-left: 1.5rem'>
+    {{#each @setting.values as |value|}}
+      <div class='form-check'>
+        <input
+          class='form-check-input'
+          type='radio'
+          name='flexRadioDefault'
+          id={{value}}
+          {{on 'change' (fn @onChange value)}}
+          checked={{stringComparison @setting.value value}}
+        />
+        <label class='form-check-label' for={{value}}>
+          {{value}}
+        </label>
+      </div>
+    {{/each}}
+  </div>
+</template>