From 534bd166233508d2a434c5b89bf01f95494ab6f7 Mon Sep 17 00:00:00 2001
From: Smoren <ofigate@gmail.com>
Date: Sun, 8 Dec 2024 14:41:34 +0300
Subject: [PATCH] Config of web genetic.

---
 .../components/sections/genetic-section.vue   | 26 +++++++++++++++----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/web/components/config-editor/components/sections/genetic-section.vue b/src/web/components/config-editor/components/sections/genetic-section.vue
index d826e2a..fae1eff 100644
--- a/src/web/components/config-editor/components/sections/genetic-section.vue
+++ b/src/web/components/config-editor/components/sections/genetic-section.vue
@@ -8,7 +8,7 @@ import { MDBAccordion, MDBAccordionItem } from "mdb-vue-ui-kit";
 
 const geneticStore = useGeneticStore();
 
-const activeAccordionItem = ref('collapse-weights');
+const activeAccordionItem = ref('collapse-macro');
 
 </script>
 
@@ -56,11 +56,27 @@ const activeAccordionItem = ref('collapse-weights');
     </table>
   </div>
   <MDBAccordion v-model="activeAccordionItem">
+    <MDBAccordionItem headerTitle="Macro config" collapseId="collapse-macro">
+      <div class="config-block">
+        <div>
+          <input-header name="Population size" />
+          <input type="number" step="1" v-model="geneticStore.macroConfig.populationSize" />
+        </div>
+        <div>
+          <input-header name="Survival rate" />
+          <input type="number" step="0.1" v-model="geneticStore.macroConfig.survivalRate" />
+        </div>
+        <div>
+          <input-header name="Crossover rate" />
+          <input type="number" step="0.1" v-model="geneticStore.macroConfig.crossoverRate" />
+        </div>
+      </div>
+    </MDBAccordionItem>
     <MDBAccordionItem headerTitle="Weights config" collapseId="collapse-weights">
-      <div class="weights-config">
+      <div class="config-block">
         <div>
           <input-header name="Min compound size" />
-          <input type="number" step="0.5" v-model="geneticStore.weightsConfig.minCompoundSize" />
+          <input type="number" step="1" v-model="geneticStore.weightsConfig.minCompoundSize" />
         </div>
         <div>
           <input-header name="Weight of clusters count" />
@@ -131,11 +147,11 @@ const activeAccordionItem = ref('collapse-weights');
   margin-top: 30px;
 }
 
-.weights-config > div {
+.config-block > div {
   margin-bottom: 15px;
 }
 
-.weights-config input[type=number] {
+.config-block input[type=number] {
   width: 100%;
 }