add fixed field display & types

Kredeum · Feb 2, 2024 · a03369c · a03369c
1 parent a5278f8
commit a03369c
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 17 deletions.
diff --git a/svelte/components/Input/Config/Config.ts b/svelte/components/Input/Config/Config.ts
@@ -29,7 +29,7 @@ export default class Config {
             display: "IPFS",
             editable: false,
             fields: [
-              { key: "apiEndPoint", value: "", fixed: true, undeletable: true },
+              { key: "apiEndPoint", value: "", display: "API end Point", fixed: true, undeletable: true },
               { key: "apiKey", value: "", fixed: true, undeletable: true }
             ]
           },

diff --git a/svelte/components/Input/Config/ConfigFieldsLoop.svelte b/svelte/components/Input/Config/ConfigFieldsLoop.svelte
@@ -22,7 +22,7 @@
 {#each fieldsGroup.fields as fieldEntries, i}
   <div class="kre-section-small">
     {#if fieldEntries.fixed}
-      <span>{fieldEntries.key}</span>
+      <span>{fieldEntries.display || fieldEntries.key}</span>
     {:else}
       <input type="text" class="kre-field-outline" placeholder={fieldEntries.key} bind:value={fieldEntries.key} />
     {/if}

diff --git a/svelte/components/Input/Config/InputConfigFields.svelte b/svelte/components/Input/Config/InputConfigFields.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import type { UserConfig } from "./configTypes";
+  import config from "@config/config.json";
 
   import { onMount } from "svelte";
   import Config from "./Config";
@@ -42,6 +43,14 @@
 
   const localConfigGetKey = (key) => key.replace(`${krdNamespace}.`, "");
 
+  const importConfigSection= (namespace, configSection) => {
+
+  }
+
+  const defaultConfigInit = () => {
+    let storage = config.storage;
+  }
+
   const localConfigInit = (): void => {
     // if (!localConfigGet("api")) localConfigSet("api", BEE_API_DEFAULT);
     // if (!localConfigGet("gateway")) localConfigSet("gateway", BEE_GATEWAY_DEFAULT);

diff --git a/svelte/components/Input/Config/configTypes.ts b/svelte/components/Input/Config/configTypes.ts
@@ -1,29 +1,27 @@
-type UserConfig = {
-  [key: string]: ConfigAttribute;
-};
+type UserConfig = Record<string, ConfigSection>;
 
-type ConfigAttribute = ChoiceAttribute | {
+type ConfigSection = {
   display: string;
+  default: { display: string; value: string };
   editable: boolean;
-  fieldsType: string;
-  default?: { display: string; value: string };
-  fields?: FieldsList[];
+  fieldsGroups: Record<string, FieldGroup>;
 }
 
-type ChoiceAttribute = {
-  [key: string]: {fields: FieldsList[];};
-}
+type FieldGroup = {
+  display?: string;
+  editable?: boolean;
+  fields: Field[];
+ };
 
-type FieldsList = {
+type Field = {
   key: string;
   value: string;
+  display?: string;
   fixed?: boolean;
   undeletable?: boolean;
-}
+ };
 
 export type {
   UserConfig,
-  ConfigAttribute,
-  ChoiceAttribute,
-  FieldsList
+  ConfigSection,
 };