Adding point works

Views/EditPointDialog.axaml

@@ -0,0 +1,9 @@
+<Window 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="GazpromApp.Views.EditPointDialog"
+        Title="EditPointDialog">
+  Welcome to Avalonia!
+</Window>

Views/EditPointDialog.axaml.cs

@@ -0,0 +1,18 @@
+using Avalonia.Controls;
+using CommunityToolkit.Mvvm.Messaging;
+using GazpromApp.Messages;
+
+namespace GazpromApp.Views;
+
+public partial class EditPointDialog : Window
+{
+    public EditPointDialog()
+    {
+        InitializeComponent();
+        
+        WeakReferenceMessenger.Default.Register<EditPointDialog, EditPointDone>(this, static (w, m) =>
+        {
+            w.Close(m.Point);
+        });
+    }
+}

Views/MainWindow.axaml

@@ -1,20 +1,87 @@
 <Window xmlns="https://github.com/avaloniaui"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-        xmlns:vm="using:GazpromApp.ViewModels"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+        xmlns:vm="using:GazpromApp.ViewModels"
         mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
         x:Class="GazpromApp.Views.MainWindow"
         x:DataType="vm:MainWindowViewModel"
         Icon="/Assets/avalonia-logo.ico"
-        Title="GazpromApp">
+        Title="GazpromApp"
+        WindowStartupLocation="CenterScreen">
 
-    <Design.DataContext>
-        <!-- This only sets the DataContext for the previewer in an IDE,
-             to set the actual DataContext for runtime, set the DataContext property in code (look at App.axaml.cs) -->
-        <vm:MainWindowViewModel/>
-    </Design.DataContext>
-
-    <TextBlock Text="{Binding Greeting}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+  <Design.DataContext>
+      <!-- This only sets the DataContext for the previewer in an IDE,
+           to set the actual DataContext for runtime, set the DataContext property in code (look at App.axaml.cs) -->
+      <vm:MainWindowViewModel/>
+  </Design.DataContext>
 
+  <DockPanel x:Name="Root">
+    <Menu DockPanel.Dock="Top">
+      <MenuItem Command="{Binding AddPointCommand}">
+        <MenuItem.Header>
+          <StackPanel Orientation="Horizontal">
+            <Image Width="24" Height="24" Source="avares://GazpromApp/Assets/ic_fluent_home_add_24_filled (Custom).png"/>
+            <TextBlock Margin="8,0,0,0" Text="Добавить" VerticalAlignment="Center"/>
+          </StackPanel>
+        </MenuItem.Header>
+      </MenuItem>
+      <MenuItem>
+        <MenuItem.Header>
+          <StackPanel Orientation="Horizontal">
+            <Image Width="24" Height="24" Source="avares://GazpromApp/Assets/ic_fluent_arrow_export_ltr_24_filled (Custom).png"/>
+            <TextBlock Margin="8,0,0,0" Text="Экспорт" VerticalAlignment="Center"/>
+          </StackPanel>
+        </MenuItem.Header>
+      </MenuItem>
+      <MenuItem>
+        <MenuItem.Header>
+          <StackPanel Orientation="Horizontal">
+            <Image Width="24" Height="24" Source="avares://GazpromApp/Assets/ic_fluent_arrow_import_24_filled (Custom).png"/>
+            <TextBlock Margin="8,0,0,0" Text="Импорт" VerticalAlignment="Center"/>
+          </StackPanel>
+        </MenuItem.Header>
+      </MenuItem>
+    </Menu>
+    <Grid DockPanel.Dock="Top" HorizontalAlignment="Stretch">
+      <Grid.RowDefinitions>
+        <RowDefinition Height="*"/>
+        <RowDefinition MaxHeight="50"/>
+      </Grid.RowDefinitions>
+      <Grid.ColumnDefinitions>
+        <ColumnDefinition Width="*"/>
+        <ColumnDefinition Width="*"/>
+        <ColumnDefinition Width="100"/>
+      </Grid.ColumnDefinitions>
+      <ScrollViewer Grid.ColumnSpan="3">
+        <StackPanel Orientation="Vertical">
+          <ItemsControl ItemsSource="{Binding Points}">
+            <ItemsControl.ItemTemplate>
+              <DataTemplate DataType="vm:PointViewModel">
+                <Grid ColumnDefinitions="200, *, Auto, Auto" Margin="10,6,18,6" RowDefinitions="12, Auto">
+                  <Rectangle Margin="-2,0,-2,5" Grid.ColumnSpan="4" Height="1" Fill="Gray" Opacity="0.25" VerticalAlignment="Top"/>
+                  <TextBlock Grid.Row="1" Grid.Column="0" Text="{Binding Name}" FontSize="24" Margin="4" VerticalAlignment="Center"/>
+                  <TextBlock Grid.Row="1" Grid.Column="1" Text="{Binding Description}" Margin="4" VerticalAlignment="Center"/>
+                  <Button Grid.Row="1" Grid.Column="2"
+                          Command="{Binding #Root.((vm:MainWindowViewModel)DataContext).EditPointCommand}"
+                          CommandParameter="{Binding .}"
+                          Margin="4">
+                    <Image Source="avares://GazpromApp/Assets/ic_fluent_edit_24_filled (Custom).png"/>
+                  </Button>
+                  <Button Grid.Row="1" Grid.Column="3"
+                          Command="{Binding #Root.((vm:MainWindowViewModel)DataContext).RemovePointCommand}"
+                          CommandParameter="{Binding .}"
+                          Margin="4">
+                    <Image Source="avares://GazpromApp/Assets/ic_fluent_delete_24_filled (Custom).png"/>
+                  </Button>
+                </Grid>
+              </DataTemplate>
+            </ItemsControl.ItemTemplate>
+          </ItemsControl>
+          <Rectangle IsVisible="{Binding IsLineVisible}" Margin="6,6,6,0" Height="1" Fill="Gray" Opacity="0.25"/>
+        </StackPanel>
+        
+      </ScrollViewer>
+    </Grid>
+  </DockPanel>
 </Window>

Views/MainWindow.axaml.cs

@@ -1,4 +1,7 @@
 using Avalonia.Controls;
+using GazpromApp.Messages;
+using GazpromApp.ViewModels;
+using CommunityToolkit.Mvvm.Messaging;
 
 namespace GazpromApp.Views;
 
@@ -7,5 +10,25 @@ public partial class MainWindow : Window
     public MainWindow()
     {
         InitializeComponent();
+
+        if (Design.IsDesignMode)
+            return;
+
+        WeakReferenceMessenger.Default.Register<MainWindow, NewPointMessage>(this, static (w, m) =>
+        {
+            NewPointDialog dialog = new NewPointDialog()
+            {
+                DataContext = new NewPointDialogViewModel()
+            };
+            m.Reply(dialog.ShowDialog<PointViewModel?>(w));
+        });
+        WeakReferenceMessenger.Default.Register<MainWindow, EditPointMessage>(this, static (w, m) =>
+        {
+            EditPointDialog dialog = new EditPointDialog()
+            {
+                DataContext = new EditPointDialogViewModel()
+            };
+            m.Reply(dialog.ShowDialog<PointViewModel?>(w));
+        });
     }
 }

Views/NewPointDialog.axaml

@@ -0,0 +1,81 @@
+<Window 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"
+        xmlns:vm="using:GazpromApp.ViewModels"
+        x:Name="Window"
+        mc:Ignorable="d" d:DesignWidth="500" d:DesignHeight="500"
+        Width="500" Height="500"
+        x:Class="GazpromApp.Views.NewPointDialog"
+        x:DataType="vm:NewPointDialogViewModel"
+        Title="NewPointDialog"
+        Icon="/Assets/ic_fluent_home_add_24_filled (Custom).png"
+        WindowStartupLocation="CenterOwner">
+  <Design.DataContext>
+    <vm:NewPointDialogViewModel/>
+  </Design.DataContext>
+  <Grid Margin="12" x:Name="Root">
+    <Grid.ColumnDefinitions>
+      <ColumnDefinition MaxWidth="120"/>
+      <ColumnDefinition MinWidth="300"/>
+    </Grid.ColumnDefinitions>
+    <Grid.RowDefinitions>
+      <RowDefinition MaxHeight="50"/>
+      <RowDefinition MaxHeight="100"/>
+      <RowDefinition MinHeight="200" Height="*"/>
+      <RowDefinition Height="Auto"/>
+    </Grid.RowDefinitions>
+    <TextBlock Grid.Column="0" Grid.Row="0" Margin="8" Text="Название: "/>
+    <TextBlock Grid.Column="0" Grid.Row="1" Margin="8" Text="Описание: "/>
+    <TextBlock Grid.Column="0" Grid.Row="2" Margin="8" Text="Изображение: "/>
+    <TextBox Grid.Column="1" Grid.Row="0" Margin="8"
+             Text="{Binding Name}"/>
+    <TextBox Grid.Column="1" Grid.Row="1" Margin="8"
+             Text="{Binding Description}"/>
+    <Panel Grid.Column="1" Grid.Row="2" Margin="8" IsVisible="{Binding !IsImagesEmpty}">
+      <ScrollViewer HorizontalAlignment="Center">
+        <StackPanel Orientation="Vertical" Spacing="6">
+          <ItemsControl ItemsSource="{Binding Images}">
+            <ItemsControl.ItemTemplate>
+              <DataTemplate DataType="vm:ImageViewModel">
+                <Grid Margin="6" Width="200" Height="200" Background="LightGray">
+                  <Grid.RowDefinitions>
+                    <RowDefinition MaxHeight="8"/>
+                    <RowDefinition MaxHeight="20"/>
+                    <RowDefinition/>
+                  </Grid.RowDefinitions>
+                  <Grid.ColumnDefinitions>
+                    <ColumnDefinition/>
+                    <ColumnDefinition MaxWidth="20"/>
+                    <ColumnDefinition MaxWidth="8"/>
+                  </Grid.ColumnDefinitions>
+                  <Image Stretch="Uniform" Width="200" Height="200" Grid.RowSpan="3" Grid.ColumnSpan="3" Source="{Binding FileName}" />
+                  <Button Grid.Row="1" Grid.Column="1" Width="20" Height="20"
+                          Command="{Binding #Root.((vm:NewPointDialogViewModel)DataContext).DeleteImage}"
+                          CommandParameter="{Binding .}">
+                    <Image Width="16" Height="16" Source="avares://GazpromApp/Assets/ic_fluent_delete_24_filled (Custom) 16.png"/>
+                  </Button>
+                </Grid>
+              </DataTemplate>
+            </ItemsControl.ItemTemplate>
+          </ItemsControl>
+          <Button HorizontalAlignment="Center" IsVisible="True"
+                  Command="{Binding AddImageCommand}"
+                  CommandParameter="{Binding #Window}">
+            <Image Width="24" Source="avares://GazpromApp/Assets/ic_fluent_camera_add_24_filled (Custom).png"/>
+          </Button>
+        </StackPanel>
+      </ScrollViewer>
+    </Panel>
+    <Panel Grid.Column="1" Grid.Row="2" Margin="8" IsVisible="{Binding IsImagesEmpty}">
+      <Button HorizontalAlignment="Center" IsVisible="True"
+              Command="{Binding AddImageCommand}"
+              CommandParameter="{Binding #Window}">
+        <Image Width="24" Source="avares://GazpromApp/Assets/ic_fluent_camera_add_24_filled (Custom).png"/>
+      </Button>
+    </Panel>
+    <Button Grid.Column="0" Grid.Row="3" Margin="8" Content="Отменить"/>
+    <Button Grid.Column="1" Grid.Row="3" Margin="8" Content="Добавить" HorizontalAlignment="Right"
+            Command="{Binding EnterPoint}"/>
+  </Grid>
+</Window>

Views/NewPointDialog.axaml.cs

@@ -0,0 +1,18 @@
+using Avalonia.Controls;
+using CommunityToolkit.Mvvm.Messaging;
+using GazpromApp.Messages;
+
+namespace GazpromApp.Views;
+
+public partial class NewPointDialog : Window
+{
+    public NewPointDialog()
+    {
+        InitializeComponent();
+
+        WeakReferenceMessenger.Default.Register<NewPointDialog, NewPointDone>(this, static (w, m) =>
+        {
+            w.Close(m.Point);
+        });
+    }
+}