From 578d0bf66ee541aa85e67b2dc808d378f53419b2 Mon Sep 17 00:00:00 2001
From: Chris Bell <chrisbell@bellsworne.com>
Date: Thu, 16 Jan 2025 16:34:10 -0600
Subject: [PATCH] Spilt the scene tree and property views

---
 .../.idea/.idea.GLTFViewer/.idea/avalonia.xml |  3 +
 .../Ui/Controls}/BaseOpenTKControl.axaml      |  0
 .../Ui/Controls}/BaseOpenTKControl.axaml.cs   |  0
 .../Controls/BasePropertyViewerControl.axaml  | 22 +++++++
 .../BasePropertyViewerControl.axaml.cs        | 39 +++++++++++
 .../Ui/Controls/BaseSceneTreeControl.axaml    | 22 +++++++
 .../Ui/Controls/BaseSceneTreeControl.axaml.cs | 20 ++++++
 GLTFViewer/GLTFViewer/GLTFViewer.csproj       |  7 ++
 GLTFViewer/GLTFViewer/MainUI.axaml            | 55 ----------------
 GLTFViewer/GLTFViewer/MainUI.axaml.cs         | 65 -------------------
 GLTFViewer/GLTFViewer/MainWindow.axaml        |  7 +-
 GLTFViewer/GLTFViewer/MainWindow.axaml.cs     | 18 +++--
 12 files changed, 132 insertions(+), 126 deletions(-)
 rename GLTFViewer/GLTFViewer/{ => Engine/Ui/Controls}/BaseOpenTKControl.axaml (100%)
 rename GLTFViewer/GLTFViewer/{ => Engine/Ui/Controls}/BaseOpenTKControl.axaml.cs (100%)
 create mode 100644 GLTFViewer/GLTFViewer/Engine/Ui/Controls/BasePropertyViewerControl.axaml
 create mode 100644 GLTFViewer/GLTFViewer/Engine/Ui/Controls/BasePropertyViewerControl.axaml.cs
 create mode 100644 GLTFViewer/GLTFViewer/Engine/Ui/Controls/BaseSceneTreeControl.axaml
 create mode 100644 GLTFViewer/GLTFViewer/Engine/Ui/Controls/BaseSceneTreeControl.axaml.cs
 delete mode 100644 GLTFViewer/GLTFViewer/MainUI.axaml
 delete mode 100644 GLTFViewer/GLTFViewer/MainUI.axaml.cs

diff --git a/GLTFViewer/.idea/.idea.GLTFViewer/.idea/avalonia.xml b/GLTFViewer/.idea/.idea.GLTFViewer/.idea/avalonia.xml
index e3cd939..0959a72 100644
--- a/GLTFViewer/.idea/.idea.GLTFViewer/.idea/avalonia.xml
+++ b/GLTFViewer/.idea/.idea.GLTFViewer/.idea/avalonia.xml
@@ -4,6 +4,9 @@
     <option name="projectPerEditor">
       <map>
         <entry key="GLTFViewer/BaseOpenTKControl.axaml" value="GLTFViewer/GLTFViewer.csproj" />
+        <entry key="GLTFViewer/Engine/Ui/Controls/BasePropertyViewerControl.axaml" value="GLTFViewer/GLTFViewer.csproj" />
+        <entry key="GLTFViewer/Engine/Ui/Controls/BaseSceneTreeControl.axaml" value="GLTFViewer/GLTFViewer.csproj" />
+        <entry key="GLTFViewer/Engine/Ui/Controls/MainUI.axaml" value="GLTFViewer/GLTFViewer.csproj" />
         <entry key="GLTFViewer/MainUI.axaml" value="GLTFViewer/GLTFViewer.csproj" />
         <entry key="GLTFViewer/MainWindow.axaml" value="GLTFViewer/GLTFViewer.csproj" />
       </map>
diff --git a/GLTFViewer/GLTFViewer/BaseOpenTKControl.axaml b/GLTFViewer/GLTFViewer/Engine/Ui/Controls/BaseOpenTKControl.axaml
similarity index 100%
rename from GLTFViewer/GLTFViewer/BaseOpenTKControl.axaml
rename to GLTFViewer/GLTFViewer/Engine/Ui/Controls/BaseOpenTKControl.axaml
diff --git a/GLTFViewer/GLTFViewer/BaseOpenTKControl.axaml.cs b/GLTFViewer/GLTFViewer/Engine/Ui/Controls/BaseOpenTKControl.axaml.cs
similarity index 100%
rename from GLTFViewer/GLTFViewer/BaseOpenTKControl.axaml.cs
rename to GLTFViewer/GLTFViewer/Engine/Ui/Controls/BaseOpenTKControl.axaml.cs
diff --git a/GLTFViewer/GLTFViewer/Engine/Ui/Controls/BasePropertyViewerControl.axaml b/GLTFViewer/GLTFViewer/Engine/Ui/Controls/BasePropertyViewerControl.axaml
new file mode 100644
index 0000000..0b49077
--- /dev/null
+++ b/GLTFViewer/GLTFViewer/Engine/Ui/Controls/BasePropertyViewerControl.axaml
@@ -0,0 +1,22 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="GLTFViewer.Engine.Ui.Controls.BasePropertyViewerControl">
+    
+    <Grid Background="DimGray">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="*" />
+        </Grid.RowDefinitions>
+        
+        <Border Grid.Row="0" BorderThickness="2" BorderBrush="Black" Padding="0 10">
+            <TextBlock Text="Inspector" TextAlignment="Center"/>
+        </Border>
+        
+        <ScrollViewer Grid.Row="1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
+            <TreeView x:Name="PropertyTreeView"></TreeView>
+        </ScrollViewer>
+    </Grid>
+</UserControl>
diff --git a/GLTFViewer/GLTFViewer/Engine/Ui/Controls/BasePropertyViewerControl.axaml.cs b/GLTFViewer/GLTFViewer/Engine/Ui/Controls/BasePropertyViewerControl.axaml.cs
new file mode 100644
index 0000000..052acd9
--- /dev/null
+++ b/GLTFViewer/GLTFViewer/Engine/Ui/Controls/BasePropertyViewerControl.axaml.cs
@@ -0,0 +1,39 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Controls.Templates;
+using Avalonia.Markup.Xaml;
+
+namespace GLTFViewer.Engine.Ui.Controls;
+
+public partial class BasePropertyViewerControl : UserControl
+{
+    private TreeView _propertyTreeView;
+    private TreeView _sceneTreeView;
+    
+    public BasePropertyViewerControl()
+    {
+        InitializeComponent();
+
+        _propertyTreeView = PropertyTreeView;
+    }
+
+    public void Init(TreeView sceneTreeView)
+    {
+        _sceneTreeView = sceneTreeView;
+        
+        _sceneTreeView.SelectionChanged += (_, _) => UpdateProperties();
+    }
+    
+    public void UpdateProperties()
+    {
+        _propertyTreeView.ItemsSource = _sceneTreeView.SelectedItem is Node node ? node.Properties : null;
+        _propertyTreeView.ItemTemplate = new FuncTreeDataTemplate<NodeProperty>(
+            (property, _) =>
+            {
+                var textBlock = new TextBlock { Text = property.Name };
+                return textBlock;
+            },
+            property => null
+        );
+    }
+}
\ No newline at end of file
diff --git a/GLTFViewer/GLTFViewer/Engine/Ui/Controls/BaseSceneTreeControl.axaml b/GLTFViewer/GLTFViewer/Engine/Ui/Controls/BaseSceneTreeControl.axaml
new file mode 100644
index 0000000..5257bf4
--- /dev/null
+++ b/GLTFViewer/GLTFViewer/Engine/Ui/Controls/BaseSceneTreeControl.axaml
@@ -0,0 +1,22 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="GLTFViewer.Engine.Ui.Controls.BaseSceneTreeControl">
+    
+    <Grid Background="DimGray">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="*" />
+        </Grid.RowDefinitions>
+        
+        <Border Grid.Row="0" BorderThickness="2" BorderBrush="Black" Padding="0 10">
+            <TextBlock Text="Tree" TextAlignment="Center"/>
+        </Border>
+        
+        <ScrollViewer Grid.Row="1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
+            <TreeView x:Name="SceneTreeView"></TreeView>
+        </ScrollViewer>
+    </Grid>
+</UserControl>
diff --git a/GLTFViewer/GLTFViewer/Engine/Ui/Controls/BaseSceneTreeControl.axaml.cs b/GLTFViewer/GLTFViewer/Engine/Ui/Controls/BaseSceneTreeControl.axaml.cs
new file mode 100644
index 0000000..1ee773d
--- /dev/null
+++ b/GLTFViewer/GLTFViewer/Engine/Ui/Controls/BaseSceneTreeControl.axaml.cs
@@ -0,0 +1,20 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+
+namespace GLTFViewer.Engine.Ui.Controls;
+
+public partial class BaseSceneTreeControl : UserControl
+{
+    private SceneTree _sceneTree;
+    
+    public BaseSceneTreeControl()
+    {
+        InitializeComponent();
+    }
+    
+    public void Init(SceneTree sceneTree)
+    {
+        _sceneTree = sceneTree;
+    }
+}
\ No newline at end of file
diff --git a/GLTFViewer/GLTFViewer/GLTFViewer.csproj b/GLTFViewer/GLTFViewer/GLTFViewer.csproj
index 666e417..27a38aa 100644
--- a/GLTFViewer/GLTFViewer/GLTFViewer.csproj
+++ b/GLTFViewer/GLTFViewer/GLTFViewer.csproj
@@ -20,4 +20,11 @@
         </PackageReference>
         <PackageReference Include="OpenTK" Version="5.0.0-pre.13" />
     </ItemGroup>
+
+    <ItemGroup>
+      <Compile Update="Engine\Ui\Controls\BaseOpenTKControl.axaml.cs">
+        <DependentUpon>BaseOpenTKControl.axaml</DependentUpon>
+        <SubType>Code</SubType>
+      </Compile>
+    </ItemGroup>
 </Project>
diff --git a/GLTFViewer/GLTFViewer/MainUI.axaml b/GLTFViewer/GLTFViewer/MainUI.axaml
deleted file mode 100644
index 4b72bb4..0000000
--- a/GLTFViewer/GLTFViewer/MainUI.axaml
+++ /dev/null
@@ -1,55 +0,0 @@
-<UserControl xmlns="https://github.com/avaloniaui"
-             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
-             x:Class="GLTFViewer.MainUI">
-    
-    <!-- <StackPanel VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Background="DimGray"> -->
-    <!--     <StackPanel HorizontalAlignment="Stretch" Height="200"> -->
-    <!--         <Border BorderThickness="2" BorderBrush="Black" Padding="0 10"> -->
-    <!--             <TextBlock Text="Inspector" TextAlignment="Center"/> -->
-    <!--         </Border> -->
-    <!--          -->
-    <!--         <ScrollViewer HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> -->
-    <!--             <TreeView x:Name="PropertyTreeView"></TreeView> -->
-    <!--         </ScrollViewer> -->
-    <!--     </StackPanel> -->
-    <!--      -->
-    <!--     <StackPanel> -->
-    <!--         <Border BorderThickness="2" BorderBrush="Black" Padding="0 10"> -->
-    <!--             <TextBlock Text="Tree" TextAlignment="Center"/> -->
-    <!--         </Border> -->
-    <!--          -->
-    <!--         <ScrollViewer Height="100" HorizontalAlignment="Stretch" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto"> -->
-    <!--             <TreeView x:Name="SceneTreeView"></TreeView> -->
-    <!--         </ScrollViewer> -->
-    <!--     </StackPanel> -->
-    <!-- </StackPanel> -->
-    
-    <Grid Background="DimGray">
-        <Grid.RowDefinitions>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="Auto" />
-            <RowDefinition Height="Auto" />
-            <RowDefinition Height="*" />
-        </Grid.RowDefinitions>
-        
-        <Border Grid.Row="0" BorderThickness="2" BorderBrush="Black" Padding="0 10">
-            <TextBlock Text="Inspector" TextAlignment="Center"/>
-        </Border>
-        
-        <ScrollViewer Grid.Row="1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
-            <TreeView x:Name="PropertyTreeView"></TreeView>
-        </ScrollViewer>
-        
-        <Border Grid.Row="2" BorderThickness="2" BorderBrush="Black" Padding="0 10">
-            <TextBlock Text="Tree" TextAlignment="Center"/>
-        </Border>
-        
-        <ScrollViewer Grid.Row="3" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
-            <TreeView x:Name="SceneTreeView"></TreeView>
-        </ScrollViewer>
-    </Grid>
-    
-</UserControl>
diff --git a/GLTFViewer/GLTFViewer/MainUI.axaml.cs b/GLTFViewer/GLTFViewer/MainUI.axaml.cs
deleted file mode 100644
index ecfb30d..0000000
--- a/GLTFViewer/GLTFViewer/MainUI.axaml.cs
+++ /dev/null
@@ -1,65 +0,0 @@
-using System;
-using System.Collections.ObjectModel;
-using System.Linq;
-using Avalonia;
-using Avalonia.Controls;
-using Avalonia.Controls.Templates;
-using Avalonia.Data;
-using Avalonia.Markup.Xaml;
-using GLTFViewer.Engine;
-using GLTFViewer.Engine.Ui;
-
-namespace GLTFViewer;
-
-public partial class MainUI : UserControl
-{
-
-    private SceneTree _sceneTree; 
-    
-    private TreeView _sceneTreeView;
-    private TreeView _propertyTreeView;
-    
-
-    
-    
-    public MainUI()
-    {
-        InitializeComponent();
-        
-        _sceneTreeView = SceneTreeView;
-        _propertyTreeView = PropertyTreeView;
-        _sceneTree = new SceneTree(_sceneTreeView);
-        
-        _sceneTreeView.SelectionChanged += PropertyTreeViewOnSelectionChanged;
-        
-        var random = new Random();
-        Node previousNode = _sceneTree.Root;
-
-        for (int i = 0; i < 20; i++)
-        {
-            var newNode = new Node($"child{i}");
-            if (random.Next(2) == 0)
-            {
-                previousNode.AddChild(newNode);
-            }
-            else
-            {
-                _sceneTree.Root.AddChild(newNode);
-            }
-            previousNode = newNode;
-        }
-    }
-
-    private void PropertyTreeViewOnSelectionChanged(object? sender, SelectionChangedEventArgs e)
-    {
-        _propertyTreeView.ItemsSource = _sceneTreeView.SelectedItem is Node node ? node.Properties : null;
-        _propertyTreeView.ItemTemplate = new FuncTreeDataTemplate<NodeProperty>(
-            (property, _) =>
-            {
-                var textBlock = new TextBlock { Text = property.Name };
-                return textBlock;
-            },
-            property => null
-        );
-    }
-}
\ No newline at end of file
diff --git a/GLTFViewer/GLTFViewer/MainWindow.axaml b/GLTFViewer/GLTFViewer/MainWindow.axaml
index f9c1669..b664baa 100644
--- a/GLTFViewer/GLTFViewer/MainWindow.axaml
+++ b/GLTFViewer/GLTFViewer/MainWindow.axaml
@@ -3,17 +3,20 @@
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:gltfViewer="clr-namespace:GLTFViewer"
+        xmlns:controls="clr-namespace:GLTFViewer.Engine.Ui.Controls"
         mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
         x:Class="GLTFViewer.MainWindow"
         Title="GLTFViewer">
         
         <Grid>
                 <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="300"/>
+                        <ColumnDefinition Width="200"/>
                         <ColumnDefinition Width="*"/>
+                        <ColumnDefinition Width="200"/>
                 </Grid.ColumnDefinitions>
                 
-                <gltfViewer:MainUI x:Name="MainUiControl" Grid.Column="0"/>
+                <controls:BaseSceneTreeControl x:Name="SceneTreeControl" Grid.Column="0" />
                 <gltfViewer:BaseOpenTKControl x:Name="OpenTkControl" Grid.Column="1" />
+                <controls:BasePropertyViewerControl x:Name="PropertyViewerControl" Grid.Column="2" />
         </Grid>
 </Window>
diff --git a/GLTFViewer/GLTFViewer/MainWindow.axaml.cs b/GLTFViewer/GLTFViewer/MainWindow.axaml.cs
index 8d008b6..05c8b59 100644
--- a/GLTFViewer/GLTFViewer/MainWindow.axaml.cs
+++ b/GLTFViewer/GLTFViewer/MainWindow.axaml.cs
@@ -1,6 +1,8 @@
 using Avalonia.Controls;
 using Avalonia.Layout;
 using Avalonia.Media;
+using GLTFViewer.Engine.Ui;
+using GLTFViewer.Engine.Ui.Controls;
 using GLTFViewer.Rendering;
 
 namespace GLTFViewer;
@@ -9,17 +11,25 @@ public partial class MainWindow : Window
 {
 
     private Renderer _renderer;
+    private SceneTree _sceneTree;
+    
+    private BaseSceneTreeControl _sceneTreeControl;
     private BaseOpenTKControl _openTkControl;
-    private MainUI _mainUI;
+    private BasePropertyViewerControl _propertyViewerControl;
     
     public MainWindow()
     {
         InitializeComponent();
         
-        _renderer = new Renderer();
-
-        _mainUI = MainUiControl;
+        _sceneTreeControl = SceneTreeControl;
         _openTkControl = OpenTkControl;
+        _propertyViewerControl = PropertyViewerControl;
+        
+        _renderer = new Renderer();
+        _sceneTree = new SceneTree(_sceneTreeControl.SceneTreeView);
+        
+        _sceneTreeControl.Init(_sceneTree);
+        _propertyViewerControl.Init(_sceneTreeControl.SceneTreeView);
         
         _openTkControl.OnInit += _renderer.Initialize;
         _openTkControl.OnRender += _renderer.Render;