Add IEditableObject interface and behavior

PHOENIXCONTACT · Dec 22, 2021 · 502f6d0 · 502f6d0
1 parent 34cd1b5
commit 502f6d0
Show file tree

Hide file tree

Showing 3 changed files with 241 additions and 80 deletions.
diff --git a/src/Moryx.Controls.Demo/ViewModels/EntryEditorViewModel.cs b/src/Moryx.Controls.Demo/ViewModels/EntryEditorViewModel.cs
@@ -1,6 +1,7 @@
 // Copyright (c) 2020, Phoenix Contact GmbH & Co. KG
 // Licensed under the Apache License, Version 2.0
 
+using System;
 using System.Collections.Generic;
 using System.Windows;
 using System.Windows.Input;
@@ -13,12 +14,30 @@ namespace Moryx.Controls.Demo.ViewModels
 {
     public class EntryEditorViewModel : Screen
     {
+        private bool _isEditMode;
+
         public override string DisplayName => "EntryEditor";
 
         public EntryViewModel EntryViewModels { get; }
 
         public ICommand ShowExceptionCommand { get; }
 
+        public ICommand BeginEditCmd { get; }
+
+        public ICommand EndEditCmd { get; }
+
+        public ICommand CancelEditCmd { get; }
+
+        public bool IsEditMode
+        {
+            get { return _isEditMode; }
+            private set
+            {
+                _isEditMode = value;
+                NotifyOfPropertyChange(nameof(IsEditMode));
+            }
+        }
+
         public EntryEditorViewModel()
         {
             var entryModel = new EntryClass
@@ -62,6 +81,27 @@ public EntryEditorViewModel()
             EntryViewModels = new EntryViewModel(entry);
 
             ShowExceptionCommand = new RelayCommand(ShowException);
+            BeginEditCmd = new RelayCommand(o => BeginEdit());
+            EndEditCmd = new RelayCommand(o => EndEdit());
+            CancelEditCmd = new RelayCommand(o => CancelEdit());
+        }
+
+        private void EndEdit()
+        {
+            IsEditMode = false;
+            EntryViewModels.EndEdit();
+        }
+
+        private void CancelEdit()
+        {
+            IsEditMode = false;
+            EntryViewModels.CancelEdit();
+        }
+
+        private void BeginEdit()
+        {
+            IsEditMode = true;
+            EntryViewModels.BeginEdit();
         }
 
         public void ShowException(object parameter)

diff --git a/src/Moryx.Controls.Demo/Views/EntryEditorView.xaml b/src/Moryx.Controls.Demo/Views/EntryEditorView.xaml
@@ -11,5 +11,56 @@
              xmlns:controls="clr-namespace:Moryx.Controls;assembly=Moryx.Controls"
              mc:Ignorable="d" 
              d:DataContext="{d:DesignInstance viewModels:EntryEditorViewModel}">
-    <controls:EntryEditor Margin="20"  RootEntry="{Binding EntryViewModels}" IsEditMode="True" ShowExceptionCommand="{Binding ShowExceptionCommand}" />
+    <UserControl.Resources>
+        <Style x:Key="AnimatedButton" TargetType="EddieButton" BasedOn="{StaticResource {x:Type EddieButton}}">
+            <Style.Triggers>
+                <Trigger Property="IsEnabled" Value="True">
+                    <Trigger.EnterActions>
+                        <BeginStoryboard>
+                            <Storyboard>
+                                <DoubleAnimation AccelerationRatio="1" Duration="0:0:0.2" Storyboard.TargetProperty="Width" From="0"/>
+                                <ThicknessAnimationUsingKeyFrames Storyboard.TargetProperty="Margin" BeginTime="00:00:00">
+                                    <SplineThicknessKeyFrame KeyTime="0:0:0" Value="0,0,0,0" />
+                                    <SplineThicknessKeyFrame KeyTime="0:0:0.2" Value="5,0,0,0" />
+                                </ThicknessAnimationUsingKeyFrames>
+                            </Storyboard>
+                        </BeginStoryboard>
+                    </Trigger.EnterActions>
+                    <Trigger.ExitActions>
+                        <BeginStoryboard>
+                            <Storyboard>
+                                <DoubleAnimation AccelerationRatio="1" Duration="0:0:0.2" Storyboard.TargetProperty="Width" To="0"/>
+                                <ThicknessAnimationUsingKeyFrames Storyboard.TargetProperty="Margin" BeginTime="00:00:00">
+                                    <SplineThicknessKeyFrame KeyTime="0:0:0" Value="5,0,0,0" />
+                                    <SplineThicknessKeyFrame KeyTime="0:0:0.2" Value="0,0,0,0" />
+                                </ThicknessAnimationUsingKeyFrames>
+                            </Storyboard>
+                        </BeginStoryboard>
+                    </Trigger.ExitActions>
+                </Trigger>
+            </Style.Triggers>
+        </Style>
+    </UserControl.Resources>
+
+    <ScrollViewer DockPanel.Dock="Top" Margin="0,5,0,5" MinHeight="300" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
+        <StackPanel Orientation="Vertical">
+            <controls:EntryEditor Margin="20"  RootEntry="{Binding EntryViewModels}" IsEditMode="{Binding IsEditMode}" ShowExceptionCommand="{Binding ShowExceptionCommand}" />
+            <StackPanel Orientation="Horizontal" Margin="0,5,0,5" HorizontalAlignment="Right">
+                <EddieButton Icon="{CommonShape Pencil}"
+                             Command="{Binding BeginEditCmd}"
+                             Content="Begin Edit"
+                             Style="{StaticResource AnimatedButton}"/>
+                <EddieButton Icon="{CommonShape Cross}"
+                             Margin="5,0,0,0"
+                             Command="{Binding CancelEditCmd}"
+                             Content="Cancel Edit"
+                             Style="{StaticResource AnimatedButton}"/>
+                <EddieButton Icon="{CommonShape CheckMark}"
+                             Margin="5,0,0,0"
+                             Command="{Binding EndEditCmd}"
+                             Content="End Edit"
+                             Style="{StaticResource AnimatedButton}"/>
+            </StackPanel>
+        </StackPanel>
+    </ScrollViewer>
 </UserControl>