Sixdegreeoffreedomdynamicloadsimulationdevice/Client/Dynamicloadsimulationdevice/Views/ServoConfig/ServoConfigView.axaml

<UserControl
    x:Class="Dynamicloadsimulationdevice.Views.ServoConfigView"
    xmlns="https://github.com/avaloniaui"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:ivm="using:IViewModel.Convert"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:suki="https://github.com/kikipoulet/SukiUI"
    xmlns:vm="using:Dynamicloadsimulationdevice.ViewModels"
    d:DesignHeight="520"
    d:DesignWidth="780"
    x:DataType="vm:ServoConfigViewModel"
    DataContext="{Binding Source={x:Static vm:ServoConfigViewModel.Instance}}"
    mc:Ignorable="d">
    <Grid
        HorizontalAlignment="Center"
        VerticalAlignment="Top"
        ColumnDefinitions="auto,auto">
        <suki:GlassCard
            Width="420"
            Margin="10"
            HorizontalAlignment="Left"
            VerticalAlignment="Top">
            <suki:GroupBox Header="{DynamicResource DisplacementPI}">
                <Grid RowDefinitions="*,auto">
                    <Grid RowDefinitions="auto,*">
                        <Grid ColumnDefinitions="62,*,*">
                            <TextBlock
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Text="{DynamicResource ServoValveIndex}" />
                            <TextBlock
                                Grid.Column="1"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Text="{DynamicResource DisplacementP}" />
                            <TextBlock
                                Grid.Column="2"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Text="{DynamicResource DisplacementI}" />
                        </Grid>
                        <ScrollViewer Grid.Row="1">
                            <ItemsControl ItemsSource="{Binding PI}">
                                <ItemsControl.ItemTemplate>
                                    <DataTemplate>
                                        <Grid ColumnDefinitions="62,*,*">
                                            <TextBlock
                                                HorizontalAlignment="Center"
                                                VerticalAlignment="Center"
                                                Text="{Binding Index}" />
                                            <NumericUpDown
                                                Grid.Column="1"
                                                Margin="4"
                                                Increment="0.001"
                                                Maximum="{Binding Value.MaxP}"
                                                Minimum="{Binding Value.MinP}"
                                                Value="{Binding Value.P}" />
                                            <NumericUpDown
                                                Grid.Column="2"
                                                Margin="4"
                                                Increment="0.001"
                                                Maximum="{Binding Value.MaxI}"
                                                Minimum="{Binding Value.MinI}"
                                                Value="{Binding Value.I}" />
                                        </Grid>
                                    </DataTemplate>
                                </ItemsControl.ItemTemplate>
                            </ItemsControl>
                        </ScrollViewer>
                    </Grid>
                    <StackPanel Grid.Row="1" Orientation="Horizontal">
                        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center">
                            <Run Text="{DynamicResource MaxDisplacementIntegral}" />
                            <Run Text="(V)" />
                        </TextBlock>
                        <NumericUpDown
                            Width="120"
                            Margin="4,0,0,0"
                            Increment="0.001"
                            Maximum="{Binding MaxMaxIntegratedVoltage}"
                            Minimum="{Binding MinMaxIntegratedVoltage}"
                            Value="{Binding MaxIntegratedVoltage}" />
                    </StackPanel>
                </Grid>
            </suki:GroupBox>
        </suki:GlassCard>
        <StackPanel
            Grid.Column="1"
            VerticalAlignment="Top"
            Orientation="Vertical">
            <suki:GlassCard
                Width="320"
                Margin="0,10,10,10"
                HorizontalAlignment="Left"
                VerticalAlignment="Top">
                <suki:GroupBox Header="{DynamicResource DisplacementFeedforwardGain}">
                    <StackPanel VerticalAlignment="Top" Orientation="Horizontal">
                        <TextBlock
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center"
                            Text="{DynamicResource DisplacementFeedforwardGain}" />
                        <NumericUpDown
                            Width="120"
                            Margin="4,0,0,0"
                            Increment="0.001"
                            Maximum="{Binding MaxDisplacementFeedforwardGain}"
                            Minimum="{Binding MinDisplacementFeedforwardGain}"
                            Value="{Binding DisplacementFeedforwardGain}" />
                    </StackPanel>
                </suki:GroupBox>
            </suki:GlassCard>

            <suki:GlassCard
                Width="320"
                Margin="0,0,10,10"
                HorizontalAlignment="Left"
                VerticalAlignment="Top">
                <suki:GroupBox Header="{DynamicResource BarrierPotential}">
                    <StackPanel>

                        <StackPanel VerticalAlignment="Top" Orientation="Horizontal">
                            <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center">
                                <Run Text="{DynamicResource VerticalBarrierPotential}" />
                                <Run Text="(V)" />
                            </TextBlock>
                            <NumericUpDown
                                Width="120"
                                Margin="4,0,0,0"
                                Increment="0.001"
                                Maximum="{Binding MaxVerticalBarrierPotential}"
                                Minimum="{Binding MinVerticalBarrierPotential}"
                                Value="{Binding VerticalBarrierPotential}" />
                        </StackPanel>

                        <StackPanel
                            Margin="0,4,0,0"
                            VerticalAlignment="Top"
                            Orientation="Horizontal">
                            <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center">
                                <Run Text="{DynamicResource HorizontalBarrierPotential}" />
                                <Run Text="(V)" />
                            </TextBlock>
                            <NumericUpDown
                                Width="120"
                                Margin="4,0,0,0"
                                Increment="0.001"
                                Maximum="{Binding MaxHorizontalBarrierPotential}"
                                Minimum="{Binding MinHorizontalBarrierPotential}"
                                Value="{Binding HorizontalBarrierPotential}" />
                        </StackPanel>
                    </StackPanel>
                </suki:GroupBox>
            </suki:GlassCard>

            <suki:GlassCard
                Grid.Row="1"
                Grid.Column="1"
                Width="320"
                Margin="0,0,10,10"
                HorizontalAlignment="Left"
                VerticalAlignment="Top">
                <suki:GroupBox Header="{DynamicResource SecurityConfig}">
                    <StackPanel>
                        <StackPanel Orientation="Horizontal">
                            <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center">
                                <Run Text="{DynamicResource MaxDriver}" />
                                <Run Text="(V)" />
                            </TextBlock>
                            <NumericUpDown
                                Width="120"
                                Margin="4,0,0,0"
                                Increment="0.001"
                                Maximum="{Binding MaxMaxDriverVoltage}"
                                Minimum="{Binding MinMaxDriverVoltage}"
                                Value="{Binding MaxDriverVoltage}" />
                        </StackPanel>
                        <StackPanel Margin="0,4,0,0" Orientation="Horizontal">
                            <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center">
                                <Run Text="{DynamicResource DriverOverLimitVoltage}" />
                                <Run Text="(V)" />
                            </TextBlock>
                            <NumericUpDown
                                Width="120"
                                Margin="4,0,0,0"
                                Increment="0.001"
                                Maximum="{Binding MaxDriverOverLimitVoltage}"
                                Minimum="{Binding MinDriverOverLimitVoltage}"
                                Value="{Binding DriverOverLimitVoltage}" />
                        </StackPanel>
                        <StackPanel Margin="0,4,0,0" Orientation="Horizontal">
                            <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center">
                                <Run Text="{DynamicResource EmerhencyDriverLimitVoltage}" />
                                <Run Text="(V)" />
                            </TextBlock>
                            <NumericUpDown
                                Width="120"
                                Margin="4,0,0,0"
                                Increment="0.001"
                                Maximum="{Binding MaxEmerhencyDriverLimitVoltage}"
                                Minimum="{Binding MinEmerhencyDriverLimitVoltage}"
                                Value="{Binding EmerhencyDriverLimitVoltage}" />
                        </StackPanel>
                    </StackPanel>
                </suki:GroupBox>
            </suki:GlassCard>
        </StackPanel>

    </Grid>
</UserControl>