arserver/HelpWindow.xaml at main · masarray/arserver · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<Window x:Class="Ari61850Bridge.HelpWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Panduan ArServer" Width="760" Height="620"
        WindowStartupLocation="CenterOwner" ResizeMode="NoResize"
        WindowStyle="None" AllowsTransparency="True" Background="Transparent"
        FontFamily="Aptos, Segoe UI Variable Text, Segoe UI, Calibri" Icon="Assets/app-icon.ico">
    <Border Background="White" CornerRadius="24" Padding="0" BorderBrush="#E5E7EB" BorderThickness="1" Effect="{StaticResource SoftShadow}">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>

            <Border Grid.Row="0" CornerRadius="24,24,0,0" Background="#F8FAFC" Padding="22,18" MouseLeftButtonDown="Header_MouseLeftButtonDown">
                <Grid>
                    <Grid.ColumnDefinitions><ColumnDefinition Width="Auto"/><ColumnDefinition Width="*"/><ColumnDefinition Width="Auto"/></Grid.ColumnDefinitions>
                    <Border Width="42" Height="42" CornerRadius="13" ClipToBounds="True" Margin="0,0,14,0">
                        <Image Source="Assets/app-icon.png" Width="42" Height="42" RenderOptions.BitmapScalingMode="HighQuality"/>
                    </Border>
                    <StackPanel Grid.Column="1" VerticalAlignment="Center">
                        <TextBlock Text="Panduan ArServer" FontSize="24" FontWeight="SemiBold" Foreground="{StaticResource Ink}"/>
                        <TextBlock Text="IEC 61850 - Modbus TCP + MQTT Gateway untuk FUXA/HMI" FontSize="13" Foreground="{StaticResource Muted}" Margin="0,4,0,0"/>
                    </StackPanel>
                    <Button Grid.Column="2" Content="Close" Style="{StaticResource MiniChipButton}" Click="Close_Click" VerticalAlignment="Center"/>
                </Grid>
            </Border>

            <ScrollViewer Grid.Row="1" Padding="22,18" VerticalScrollBarVisibility="Auto">
                <StackPanel>
                    <Border Background="#EEF4FF" BorderBrush="#D7E3F7" BorderThickness="1" CornerRadius="18" Padding="16" Margin="0,0,0,14">
                        <TextBlock Text="Fast workflow: Connect → Discover → Select → Bind → Run" FontSize="17" FontWeight="SemiBold" Foreground="{StaticResource Accent}"/>
                    </Border>

                    <UniformGrid Columns="2" Rows="3" Margin="0,0,0,10">
                        <Border Style="{StaticResource Card}" Padding="14" Margin="0,0,10,10">
                            <StackPanel>
                                <TextBlock Text="1. Connect" Style="{StaticResource SectionTitle}"/>
                                <TextBlock Text="Masukkan IP relay dan MMS port 102. ArServer hanya menyimpan endpoint yang pernah sukses online model discovery." Style="{StaticResource Caption}" TextWrapping="Wrap" Margin="0,6,0,0"/>
                            </StackPanel>
                        </Border>
                        <Border Style="{StaticResource Card}" Padding="14" Margin="0,0,0,10">
                            <StackPanel>
                                <TextBlock Text="2. Discover" Style="{StaticResource SectionTitle}"/>
                                <TextBlock Text="App membaca model IEC 61850 online tanpa CID, lalu default menampilkan signal SCADA inti saja." Style="{StaticResource Caption}" TextWrapping="Wrap" Margin="0,6,0,0"/>
                            </StackPanel>
                        </Border>
                        <Border Style="{StaticResource Card}" Padding="14" Margin="0,0,10,10">
                            <StackPanel>
                                <TextBlock Text="3. Select" Style="{StaticResource SectionTitle}"/>
                                <TextBlock Text="Prioritas signal: CSWI/XCBR/XSWI position, protection operate/trip, lalu measurement instant current/voltage." Style="{StaticResource Caption}" TextWrapping="Wrap" Margin="0,6,0,0"/>
                            </StackPanel>
                        </Border>
                        <Border Style="{StaticResource Card}" Padding="14" Margin="0,0,0,10">
                            <StackPanel>
                                <TextBlock Text="4. Bind" Style="{StaticResource SectionTitle}"/>
                                <TextBlock Text="IEC source dikunci. User hanya edit Modbus side: area, address, type, scale, offset, unit, dan FUXA tag name." Style="{StaticResource Caption}" TextWrapping="Wrap" Margin="0,6,0,0"/>
                            </StackPanel>
                        </Border>
                        <Border Style="{StaticResource Card}" Padding="14" Margin="0,0,10,0">
                            <StackPanel>
                                <TextBlock Text="5. Run" Style="{StaticResource SectionTitle}"/>
                                <TextBlock Text="Start runtime. FUXA as Modbus master reads ARServer endpoint. The gateway is read-only by design for safety." Style="{StaticResource Caption}" TextWrapping="Wrap" Margin="0,6,0,0"/>
                            </StackPanel>
                        </Border>
                        <Border Style="{StaticResource Card}" Padding="14">
                            <StackPanel>
                                <TextBlock Text="6. Diagnostics" Style="{StaticResource SectionTitle}"/>
                                <TextBlock Text="Latest diagnostics hanya menampilkan event penting; polling Modbus rutin diringkas di status strip agar tidak spam." Style="{StaticResource Caption}" TextWrapping="Wrap" Margin="0,6,0,0"/>
                            </StackPanel>
                        </Border>
                    </UniformGrid>

                    <Border Background="#F8FAFC" BorderBrush="#E5E7EB" BorderThickness="1" CornerRadius="18" Padding="16">
                        <StackPanel>
                            <TextBlock Text="Catatan Modbus" Style="{StaticResource SectionTitle}"/>
                            <TextBlock Text="Bind 0.0.0.0 berarti ArServer listening di semua NIC lokal. FUXA di PC yang sama dapat memakai 127.0.0.1. FUXA di laptop/PC lain memakai IP NIC PC yang menjalankan ArServer." Style="{StaticResource Caption}" TextWrapping="Wrap" Margin="0,6,0,0"/>
                        </StackPanel>
                    </Border>
                </StackPanel>
            </ScrollViewer>

            <Border Grid.Row="2" Background="#F8FAFC" CornerRadius="0,0,24,24" Padding="22,14">
                <TextBlock Text="Tip: gunakan search MMXU, XCBR, CSWI, PTOC, PTRC untuk membuka signal spesifik dari online model." Foreground="{StaticResource Muted}" FontSize="12.5"/>
            </Border>
        </Grid>
    </Border>
</Window>