changed field name on text-component, added text slider to code compo…

…nent on frontend, rebuilt types (#111) Co-authored-by: Red-Giuliano <red.giuliano@zero-true.com>
Zero-True · Nov 30, 2023 · ac7ac1e · ac7ac1e
1 parent 1068430
commit ac7ac1e
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 6 deletions.
diff --git a/zt_backend/models/components/text.py b/zt_backend/models/components/text.py
@@ -8,7 +8,7 @@ class Text(ZTComponent):
     """A class for static text components inheriting from ZTComponent."""
     component: str = Field("v-text", description="Vue component name for static text.")
     text: str = Field("", description="The actual text content.")
-    text_type: str = Field('text-body-1', enum=[
+    type: str = Field('text-body-1', enum=[
         'text-h1', 'text-h2', 'text-h3', 'text-h4', 'text-h5', 'text-h6',
         'text-subtitle-1', 'text-subtitle-2', 'text-body-1', 'text-body-2',
         'text-button', 'text-caption', 'text-overline'

diff --git a/zt_backend/models/generate_schema.py b/zt_backend/models/generate_schema.py
@@ -44,4 +44,5 @@ def generate_schema():
     generate_json(Image,'image')
     generate_json(Layout,'layout')
     generate_json(Autocomplete,'autocomplete')
-    generate_json(Card,'card')
+    generate_json(Card,'card')
+    generate_json(Text,'text')
diff --git a/zt_frontend/src/components/CodeComponent.vue b/zt_frontend/src/components/CodeComponent.vue
@@ -168,6 +168,7 @@ import {
 import { VDataTable } from "vuetify/labs/VDataTable";
 import { CodeCell, Layout } from "@/types/notebook";
 import LayoutComponent from "@/components/LayoutComponent.vue";
+import TextComponent from "@/components/TextComponent.vue"
 
 export default {
   components: {
@@ -184,6 +185,7 @@ export default {
     "v-data-table": VDataTable,
     "v-autocomplete": VAutocomplete,
     "v-card": VCard,
+    "v-text": TextComponent,
     "plotly-plot": PlotlyPlot,
     "layout-component": LayoutComponent,
   },

diff --git a/zt_frontend/src/components/TextComponent.vue b/zt_frontend/src/components/TextComponent.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="text_type" :style="{ color: color }">
+  <div :class="type" :style="{ color: color }">
     {{ text }}
   </div>
 </template>
@@ -13,7 +13,7 @@ export default defineComponent({
       type: String,
       required: true,
     },
-    text_type: {
+    type: {
       type: String,
       required: true,
     },

diff --git a/zt_frontend/src/types/text.d.ts b/zt_frontend/src/types/text.d.ts
@@ -24,7 +24,7 @@ export type Text1 = string;
 /**
  * Text type for text-related components.
  */
-export type TextType =
+export type Type =
   | "text-h1"
   | "text-h2"
   | "text-h3"
@@ -55,7 +55,7 @@ export interface Text {
   variable_name?: VariableName;
   component?: Component;
   text?: Text1;
-  text_type?: TextType;
+  type?: Type;
   color?: Color;
   triggerEvent?: Triggerevent;
   [k: string]: unknown;