More progress

src/Tools/tim_tool/ui/app-window.slint

@@ -1,62 +1,26 @@
-component VRAMSegment inherits Rectangle {
-    in property <image> img;
-    in property <int>   clip_x;
-    in property <int>   clip_y;
-
-    width:  64px;
-    height: 256px;
-    clip:   true;
-    Image {
-        source: img;
-        x:      -root.clip_x*1px;
-        y:      -root.clip_y*1px;
-    }
-}
-
-component VRAMArea inherits Rectangle {
-    in property <image> img;
-    in property <int>   img_x;
-    in property <int>   img_y;
-
-    width: (64*16+15)*1px;
-    height: (256*2+1)*1px;
-
-    for idx in 32 : VRAMSegment {
-        x: root.get_x(idx)*(64px  + 1px);
-        y: root.get_y(idx)*(256px + 1px);
-
-        img: img;
-        clip_x: (root.get_x(idx)*64)  - root.img_x;
-        clip_y: (root.get_y(idx)*256) - root.img_y;
-    }
-
-    function get_x(idx: int) -> int {
-        return mod(idx, 16);
-    } 
-
-    function get_y(idx: int) -> int {
-        return floor(idx/16);
-    }
-}
+import { MainTab } from "./main-tab.slint";
+import { FileTab } from "./file-tab.slint";
+import { TabWidget } from "std-widgets.slint";
 
 export component MainWindow inherits Window {
-    min-width: 1024px;
-    min-height: 640px;
+    min-width:  vram_tab.width;
+    min-height: vram_tab.height;
 
-    VRAMArea {
-        x: 0px;
-        y: 0px;
-        img: @image-url("../../../../examples/PoolBox/assets/AllTheJaby.png");
-        img_x: 0;
-        img_y: 0;
-        background: #0365f796;
-    }
-    VRAMArea {
-        x: 0px;
-        y: 0px;
-        img: @image-url("../../../../examples/PoolBox/assets/IMG_6921.png");
-        img_x: 80;
-        img_y: 80;
-        background: #ff000076;
+    TabWidget {
+        current-index: 1;
+        file_tab := Tab {
+            title: "File Bah" + root.min-width/1px;
+            FileTab {
+                x: 0px;
+                y: 0px;
+            }
+        }
+        vram_tab := Tab {
+            title: "VRAM Layout";
+            MainTab {
+                x: 0px;
+                y: 0px;
+            }
+        }
     }
 }