Shaker/Avalonia/ShakerApp/Views/DebugView/DebugView.axaml

<UserControl
    x:Class="ShakerApp.Views.DebugView"
    xmlns="https://github.com/avaloniaui"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="using:ShakerApp"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:suki="https://github.com/kikipoulet/SukiUI"
    xmlns:vm="using:ShakerApp.ViewModels"
    d:DesignHeight="450"
    d:DesignWidth="800"
    x:DataType="vm:ShakerControlViewModel"
    DataContext="{Binding Source={x:Static vm:ShakerControlViewModel.Instance}}"
    mc:Ignorable="d">
    <TabControl>
        <TabItem Header="{DynamicResource Displacement}">
            <suki:GlassCard HorizontalAlignment="Center" VerticalAlignment="Center">
                <Grid Width="420" Height="140">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition />
                        <RowDefinition />
                    </Grid.RowDefinitions>
                    <StackPanel
                        Grid.Row="0"
                        Grid.Column="0"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Center"
                        Orientation="Vertical">
                        <TextBlock VerticalAlignment="Center" Text="{DynamicResource DisplacementP}" />
                        <NumericUpDown
                            Width="120"
                            Margin="0,0,0,0"
                            Value="{Binding DisplacementP}" />
                    </StackPanel>
                    <StackPanel
                        Grid.Row="0"
                        Grid.Column="1"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Center"
                        Orientation="Vertical">
                        <TextBlock VerticalAlignment="Center" Text="{DynamicResource DisplacementI}" />
                        <NumericUpDown
                            Width="120"
                            Margin="0,0,0,0"
                            Value="{Binding DisplacementI}" />
                    </StackPanel>

                    <StackPanel
                        Grid.Row="1"
                        Grid.Column="0"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Center"
                        Orientation="Vertical">
                        <TextBlock VerticalAlignment="Center" Text="{DynamicResource MaxDisplacementIntegral}" />
                        <NumericUpDown
                            Width="120"
                            Margin="0,0,0,0"
                            Value="{Binding MaxDisplacementIntegral}" />
                    </StackPanel>

                </Grid>
            </suki:GlassCard>
        </TabItem>

        <TabItem Header="{DynamicResource ServoValveConfig}">
            <suki:GlassCard HorizontalAlignment="Center" VerticalAlignment="Center">
                <Grid Width="520" Height="340">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="66" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>

                    <StackPanel
                        Grid.Column="1"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Center"
                        Orientation="Vertical">
                        <TextBlock VerticalAlignment="Center" Text="{DynamicResource DisOpenLoop}" />
                        <ToggleSwitch IsChecked="{Binding DisplacementOpenLoop}" />
                    </StackPanel>
                    <StackPanel Grid.Column="0">
                        <TextBlock Text="{DynamicResource ServoValvePolarity}" />
                        <ComboBox
                            Width="120"
                            HorizontalAlignment="Left"
                            VerticalAlignment="Center"
                            ItemsSource="{Binding ValvePolarity, Converter={StaticResource EnumToCollectionConverter}, Mode=OneTime}"
                            SelectedValue="{Binding Path=ValvePolarity}"
                            SelectedValueBinding="{Binding Value}">
                            <ComboBox.ItemTemplate>
                                <DataTemplate>
                                    <TextBlock Text="{local:ResourceBinding Key}" />
                                </DataTemplate>
                            </ComboBox.ItemTemplate>
                        </ComboBox>
                    </StackPanel>
                    <StackPanel
                        Grid.Row="1"
                        Grid.ColumnSpan="2"
                        Margin="0,0,10,0"
                        Orientation="Vertical">
                        <Grid Height="{StaticResource ItemHeight}" Background="LightGray">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="66" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <TextBlock
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Text="{DynamicResource ServoValveIndex}" />
                            <TextBlock
                                Grid.Column="1"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center">
                                <Run Text="{DynamicResource ServoValveOffset}" />
                                <Run Text="(V)" />
                            </TextBlock>
                            <TextBlock
                                Grid.Column="2"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center">
                                <Run Text="{DynamicResource OpenLoopVoltage}" />
                                <Run Text="(V)" />
                            </TextBlock>
                        </Grid>
                        <ItemsControl ItemsSource="{Binding ValveConfig}">
                            <ItemsControl.ItemTemplate>
                                <DataTemplate>
                                    <Grid Height="{StaticResource ItemHeight}" Margin="0,4,0,4">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="66" />
                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="*" />
                                        </Grid.ColumnDefinitions>
                                        <TextBlock
                                            HorizontalAlignment="Center"
                                            VerticalAlignment="Center"
                                            Text="{Binding Index}" />
                                        <NumericUpDown
                                            Grid.Column="1"
                                            Width="120"
                                            HorizontalAlignment="Center"
                                            VerticalAlignment="Center"
                                            Value="{Binding Value.Bias}" />
                                        <NumericUpDown
                                            Grid.Column="2"
                                            Width="120"
                                            HorizontalAlignment="Center"
                                            VerticalAlignment="Center"
                                            IsEnabled="{Binding $parent[ItemsControl].DataContext.DisplacementOpenLoop}"
                                            Value="{Binding Value.OpenLoopDrive}" />
                                    </Grid>
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>
                        </ItemsControl>
                    </StackPanel>
                </Grid>
            </suki:GlassCard>
        </TabItem>

        <TabItem Header="{DynamicResource Other}">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition />
                    <RowDefinition />
                </Grid.RowDefinitions>
                <suki:GlassCard
                    Grid.Column="1"
                    Width="280"
                    Height="160"
                    VerticalAlignment="Top">
                    <suki:GroupBox Header="{DynamicResource DebugConfig}">
                        <StackPanel VerticalAlignment="Top" Orientation="Horizontal">
                            <TextBlock
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Text="{DynamicResource SelfCloseLoop}" />
                            <ToggleSwitch IsChecked="{Binding SelfLoop}" />
                        </StackPanel>
                    </suki:GroupBox>
                </suki:GlassCard>

                <suki:GlassCard
                    Grid.Row="0"
                    Width="280"
                    Height="180"
                    VerticalAlignment="Top">
                    <suki:GroupBox Header="{DynamicResource FlutterConfig}">
                        <StackPanel>
                            <StackPanel VerticalAlignment="Top" Orientation="Horizontal">
                                <TextBlock
                                    HorizontalAlignment="Center"
                                    VerticalAlignment="Center"
                                    Text="{DynamicResource FlutterFrequency}" />
                                <NumericUpDown
                                    Width="120"
                                    Margin="4,0,0,0"
                                    Increment="0.01"
                                    Minimum="10"
                                    Value="{Binding FlutterFrequency}" />
                                <TextBlock
                                    HorizontalAlignment="Center"
                                    VerticalAlignment="Center"
                                    Text="Hz" />
                            </StackPanel>
                            <StackPanel
                                Margin="0,10,0,0"
                                VerticalAlignment="Top"
                                Orientation="Horizontal">
                                <TextBlock
                                    HorizontalAlignment="Center"
                                    VerticalAlignment="Center"
                                    Text="{DynamicResource FlutterAmpt}" />
                                <NumericUpDown
                                    Width="120"
                                    Margin="4,0,0,0"
                                    Increment="0.01"
                                    Minimum="0.01"
                                    Value="{Binding FlutterAmpt}" />
                                <TextBlock
                                    HorizontalAlignment="Center"
                                    VerticalAlignment="Center"
                                    Text="mm" />
                            </StackPanel>
                        </StackPanel>
                    </suki:GroupBox>
                </suki:GlassCard>
            </Grid>
        </TabItem>
        <TabItem Header="{DynamicResource SweepControl}">

            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*" />
                    <RowDefinition Height="56" />
                </Grid.RowDefinitions>
                <suki:GlassCard Width="900">
                    <StackPanel Width="820" Orientation="Vertical">
                        <Grid Height="{StaticResource ItemHeight}" Background="LightGray">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="36" />
                                <ColumnDefinition />
                                <ColumnDefinition />
                                <ColumnDefinition />
                                <ColumnDefinition />
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <TextBlock
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Text="{DynamicResource ServoValveIndex}" />
                            <TextBlock
                                Grid.Column="1"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center">
                                <Run Text="{DynamicResource Frequency}" />
                                <Run Text="(Hz)" />
                            </TextBlock>
                            <TextBlock
                                Grid.Column="2"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Text="{DynamicResource UpDateInvert}" />
                            <TextBlock
                                Grid.Column="3"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Text="{DynamicResource ExponentialCoefficients}" />
                            <TextBlock
                                Grid.Column="4"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Text="{DynamicResource CompressionRate}" />
                            <TextBlock
                                Grid.Column="5"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Text="{DynamicResource AdjustMagnitude}" />
                        </Grid>
                        <ScrollViewer Height="320">
                            <ItemsControl ItemsSource="{Binding ControlItems}">
                                <ItemsControl.ItemTemplate>
                                    <DataTemplate>
                                        <Grid Height="{StaticResource ItemHeight}" Margin="0,4,0,4">
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="36" />
                                                <ColumnDefinition />
                                                <ColumnDefinition />
                                                <ColumnDefinition />
                                                <ColumnDefinition />
                                                <ColumnDefinition />
                                            </Grid.ColumnDefinitions>
                                            <TextBlock
                                                HorizontalAlignment="Center"
                                                VerticalAlignment="Center"
                                                Text="{Binding Index}" />
                                            <NumericUpDown
                                                Grid.Column="1"
                                                Width="120"
                                                HorizontalAlignment="Center"
                                                VerticalAlignment="Center"
                                                Value="{Binding Value.Frequency}" />
                                            <NumericUpDown
                                                Grid.Column="2"
                                                Width="120"
                                                HorizontalAlignment="Center"
                                                VerticalAlignment="Center"
                                                Increment="1"
                                                Minimum="1"
                                                Value="{Binding Value.UpDateInvert}" />
                                            <NumericUpDown
                                                Grid.Column="3"
                                                Width="120"
                                                HorizontalAlignment="Center"
                                                VerticalAlignment="Center"
                                                Increment="0.01"
                                                Maximum="2"
                                                Minimum="0.01"
                                                Value="{Binding Value.ExponentialCoefficients}" />
                                            <NumericUpDown
                                                Grid.Column="4"
                                                Width="120"
                                                HorizontalAlignment="Center"
                                                VerticalAlignment="Center"
                                                Increment="1"
                                                Minimum="1"
                                                Value="{Binding Value.CompressionRate}" />
                                            <NumericUpDown
                                                Grid.Column="5"
                                                Width="120"
                                                HorizontalAlignment="Center"
                                                VerticalAlignment="Center"
                                                Increment="0.1"
                                                Maximum="2"
                                                Minimum="0.1"
                                                Value="{Binding Value.AdjustMagnitude}" />
                                        </Grid>
                                    </DataTemplate>
                                </ItemsControl.ItemTemplate>
                            </ItemsControl>
                        </ScrollViewer>
                    </StackPanel>
                </suki:GlassCard>
                <StackPanel
                    Grid.Row="1"
                    Height="{StaticResource TabItemHeight}"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Orientation="Horizontal">
                    <Button
                        Width="120"
                        Command="{Binding AddCommand}"
                        Content="{DynamicResource SweepControlAdd}"
                        IsEnabled="{Binding AddEnabled}" />
                    <Button
                        Width="120"
                        Margin="40,0,0,0"
                        Command="{Binding DeleteLastCommand}"
                        Content="{DynamicResource SweepControlDelete}"
                        IsEnabled="{Binding RemoveEnabled}" />
                    <Button
                        Width="120"
                        Margin="40,0,0,0"
                        Command="{Binding RefreshCommand}"
                        Content="{DynamicResource SweepControlRefresh}"
                        IsEnabled="{Binding RemoveEnabled}" />
                </StackPanel>
            </Grid>
        </TabItem>
    </TabControl>
</UserControl>