Add project files.
This commit is contained in:
Ankitkumar Satapara
699
Examples/Nodify.Calculator/EditorView.xaml
Normal file
699
Examples/Nodify.Calculator/EditorView.xaml
Normal file
@@ -0,0 +1,699 @@
|
||||
<UserControl x:Class="Nodify.Calculator.EditorView"
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
||||
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
||||
xmlns:local="clr-namespace:Nodify.Calculator"
|
||||
xmlns:nodify="https://miroiu.github.io/nodify"
|
||||
xmlns:shared="clr-namespace:Nodify;assembly=Nodify.Shared"
|
||||
xmlns:sys="clr-namespace:System;assembly=System.Runtime"
|
||||
d:DataContext="{d:DesignInstance Type=local:EditorViewModel}"
|
||||
mc:Ignorable="d"
|
||||
d:DesignHeight="450"
|
||||
d:DesignWidth="800">
|
||||
<UserControl.Resources>
|
||||
<GeometryDrawing x:Key="SmallGridGeometry"
|
||||
Geometry="M0,0 L0,1 0.03,1 0.03,0.03 1,0.03 1,0 Z"
|
||||
Brush="{DynamicResource GridLinesBrush}" />
|
||||
|
||||
<GeometryDrawing x:Key="LargeGridGeometry"
|
||||
Geometry="M0,0 L0,1 0.015,1 0.015,0.015 1,0.015 1,0 Z"
|
||||
Brush="{DynamicResource GridLinesBrush}" />
|
||||
|
||||
<DrawingBrush x:Key="SmallGridLinesDrawingBrush"
|
||||
TileMode="Tile"
|
||||
ViewportUnits="Absolute"
|
||||
Viewport="0 0 15 15"
|
||||
Transform="{Binding ViewportTransform, ElementName=Editor}"
|
||||
Drawing="{StaticResource SmallGridGeometry}" />
|
||||
|
||||
<DrawingBrush x:Key="LargeGridLinesDrawingBrush"
|
||||
TileMode="Tile"
|
||||
ViewportUnits="Absolute"
|
||||
Opacity="0.5"
|
||||
Viewport="0 0 150 150"
|
||||
Transform="{Binding ViewportTransform, ElementName=Editor}"
|
||||
Drawing="{StaticResource LargeGridGeometry}" />
|
||||
|
||||
<LinearGradientBrush x:Key="AnimatedBrush"
|
||||
StartPoint="0 0"
|
||||
EndPoint="1 0">
|
||||
<GradientStop Color="#6366f1"
|
||||
Offset="0" />
|
||||
<GradientStop Color="#a855f7"
|
||||
Offset="0.5" />
|
||||
<GradientStop Color="#ec4899"
|
||||
Offset="1" />
|
||||
</LinearGradientBrush>
|
||||
<Border x:Key="AnimatedBorderPlaceholder"
|
||||
BorderBrush="{StaticResource AnimatedBrush}" />
|
||||
|
||||
<Storyboard x:Key="AnimateBorder"
|
||||
RepeatBehavior="Forever">
|
||||
<PointAnimation Storyboard.TargetProperty="BorderBrush.(LinearGradientBrush.StartPoint)"
|
||||
Storyboard.Target="{StaticResource AnimatedBorderPlaceholder}"
|
||||
Duration="0:0:2"
|
||||
To="1 0" />
|
||||
<PointAnimation Storyboard.TargetProperty="BorderBrush.(LinearGradientBrush.StartPoint)"
|
||||
Storyboard.Target="{StaticResource AnimatedBorderPlaceholder}"
|
||||
Duration="0:0:2"
|
||||
To="1 1"
|
||||
BeginTime="0:0:2" />
|
||||
<PointAnimation Storyboard.TargetProperty="BorderBrush.(LinearGradientBrush.StartPoint)"
|
||||
Storyboard.Target="{StaticResource AnimatedBorderPlaceholder}"
|
||||
Duration="0:0:2"
|
||||
To="0 1"
|
||||
BeginTime="0:0:4" />
|
||||
<PointAnimation Storyboard.TargetProperty="BorderBrush.(LinearGradientBrush.StartPoint)"
|
||||
Storyboard.Target="{StaticResource AnimatedBorderPlaceholder}"
|
||||
Duration="0:0:2"
|
||||
To="0 0"
|
||||
BeginTime="0:0:6" />
|
||||
<PointAnimation Storyboard.TargetProperty="BorderBrush.(LinearGradientBrush.EndPoint)"
|
||||
Storyboard.Target="{StaticResource AnimatedBorderPlaceholder}"
|
||||
Duration="0:0:2"
|
||||
To="1 1" />
|
||||
<PointAnimation Storyboard.TargetProperty="BorderBrush.(LinearGradientBrush.EndPoint)"
|
||||
Storyboard.Target="{StaticResource AnimatedBorderPlaceholder}"
|
||||
Duration="0:0:2"
|
||||
To="0 1"
|
||||
BeginTime="0:0:2" />
|
||||
<PointAnimation Storyboard.TargetProperty="BorderBrush.(LinearGradientBrush.EndPoint)"
|
||||
Storyboard.Target="{StaticResource AnimatedBorderPlaceholder}"
|
||||
Duration="0:0:2"
|
||||
To="0 0"
|
||||
BeginTime="0:0:4" />
|
||||
<PointAnimation Storyboard.TargetProperty="BorderBrush.(LinearGradientBrush.EndPoint)"
|
||||
Storyboard.Target="{StaticResource AnimatedBorderPlaceholder}"
|
||||
Duration="0:0:2"
|
||||
To="1 0"
|
||||
BeginTime="0:0:6" />
|
||||
</Storyboard>
|
||||
|
||||
<local:ItemToListConverter x:Key="ItemToListConverter" />
|
||||
|
||||
<DataTemplate x:Key="ConnectionTemplate"
|
||||
DataType="{x:Type local:ConnectionViewModel}">
|
||||
<nodify:CircuitConnection Source="{Binding Output.Anchor}"
|
||||
Target="{Binding Input.Anchor}"
|
||||
Foreground="{Binding Input.Color}"
|
||||
Stroke="{Binding Input.Color}"
|
||||
StrokeThickness="2"
|
||||
/>
|
||||
</DataTemplate>
|
||||
|
||||
<DataTemplate x:Key="PendingConnectionTemplate"
|
||||
DataType="{x:Type local:PendingConnectionViewModel}">
|
||||
<nodify:PendingConnection IsVisible="{Binding IsVisible}"
|
||||
Source="{Binding Source, Mode=OneWayToSource}"
|
||||
Target="{Binding Target, Mode=OneWayToSource}"
|
||||
TargetAnchor="{Binding TargetLocation, Mode=OneWayToSource}"
|
||||
StartedCommand="{Binding DataContext.StartConnectionCommand, RelativeSource={RelativeSource AncestorType={x:Type nodify:NodifyEditor}}}"
|
||||
CompletedCommand="{Binding DataContext.CreateConnectionCommand, RelativeSource={RelativeSource AncestorType={x:Type nodify:NodifyEditor}}}" />
|
||||
</DataTemplate>
|
||||
|
||||
<Style x:Key="ItemContainerStyle"
|
||||
TargetType="{x:Type nodify:ItemContainer}"
|
||||
BasedOn="{StaticResource {x:Type nodify:ItemContainer}}">
|
||||
<Setter Property="Location"
|
||||
Value="{Binding Location}" />
|
||||
<Setter Property="IsSelected"
|
||||
Value="{Binding IsSelected}" />
|
||||
<Setter Property="ActualSize"
|
||||
Value="{Binding Size, Mode=OneWayToSource}" />
|
||||
<Setter Property="BorderBrush"
|
||||
Value="{Binding BorderBrush, Source={StaticResource AnimatedBorderPlaceholder}}" />
|
||||
<Setter Property="BorderThickness"
|
||||
Value="2" />
|
||||
</Style>
|
||||
<SolidColorBrush x:Key="SquareConnectorColor" Color="MediumSlateBlue"></SolidColorBrush>
|
||||
<SolidColorBrush x:Key="TriangleConnectorColor" Color="White"></SolidColorBrush>
|
||||
<Style x:Key="ConnectionStyle" TargetType="{x:Type nodify:BaseConnection}">
|
||||
<Style.Triggers>
|
||||
<DataTrigger Binding="{Binding Input.Shape}"
|
||||
Value="{x:Static local:ConnectorShape.Square}">
|
||||
<Setter Property="Stroke" Value="{StaticResource SquareConnectorColor}"></Setter>
|
||||
</DataTrigger>
|
||||
<DataTrigger Binding="{Binding Input.Shape}"
|
||||
Value="{x:Static local:ConnectorShape.Triangle}">
|
||||
<Setter Property="Stroke" Value="{StaticResource TriangleConnectorColor}"></Setter>
|
||||
</DataTrigger>
|
||||
</Style.Triggers>
|
||||
<Setter Property="Stroke" Value="{DynamicResource Connection.StrokeBrush}"></Setter>
|
||||
<Setter Property="Cursor" Value="Hand"></Setter>
|
||||
<Setter Property="ToolTip" Value="Double click to split"></Setter>
|
||||
</Style>
|
||||
<ControlTemplate x:Key="SquareConnector" TargetType="Control">
|
||||
<Rectangle Width="14"
|
||||
Height="14"
|
||||
StrokeDashCap="Round"
|
||||
StrokeLineJoin="Round"
|
||||
StrokeStartLineCap="Round"
|
||||
StrokeEndLineCap="Round"
|
||||
Stroke="{TemplateBinding BorderBrush}"
|
||||
Fill="{TemplateBinding Background}"
|
||||
StrokeThickness="2" />
|
||||
</ControlTemplate>
|
||||
|
||||
<ControlTemplate x:Key="TriangleConnector" TargetType="Control">
|
||||
<Polygon Width="14"
|
||||
Height="14"
|
||||
Points="2,2 4,2 12,7 4,12 2,12"
|
||||
StrokeDashCap="Round"
|
||||
StrokeLineJoin="Round"
|
||||
StrokeStartLineCap="Round"
|
||||
StrokeEndLineCap="Round"
|
||||
Stroke="{TemplateBinding BorderBrush}"
|
||||
Fill="{TemplateBinding Background}"
|
||||
|
||||
/>
|
||||
</ControlTemplate>
|
||||
</UserControl.Resources>
|
||||
|
||||
<Grid>
|
||||
|
||||
<nodify:NodifyEditor DataContext="{Binding Calculator}"
|
||||
ItemsSource="{Binding Operations}"
|
||||
Connections="{Binding Connections}"
|
||||
SelectedItems="{Binding SelectedOperations}"
|
||||
DisconnectConnectorCommand="{Binding DisconnectConnectorCommand}"
|
||||
PendingConnection="{Binding PendingConnection}"
|
||||
PendingConnectionTemplate="{StaticResource PendingConnectionTemplate}"
|
||||
ConnectionTemplate="{StaticResource ConnectionTemplate}"
|
||||
Background="{StaticResource SmallGridLinesDrawingBrush}"
|
||||
ItemContainerStyle="{StaticResource ItemContainerStyle}"
|
||||
HasCustomContextMenu="True"
|
||||
GridCellSize="15"
|
||||
AllowDrop="True"
|
||||
Drop="OnDropNode"
|
||||
x:Name="Editor">
|
||||
<nodify:NodifyEditor.Resources>
|
||||
<Style TargetType="{x:Type nodify:NodeInput}"
|
||||
BasedOn="{StaticResource OriginalNodeInputStyle}">
|
||||
<Setter Property="Header"
|
||||
Value="{Binding}" />
|
||||
<Setter Property="IsConnected"
|
||||
Value="{Binding IsConnected}" />
|
||||
<Setter Property="Anchor"
|
||||
Value="{Binding Anchor, Mode=OneWayToSource}" />
|
||||
<Setter Property="ToolTip"
|
||||
Value="{Binding Value}" />
|
||||
<Setter Property="HeaderTemplate">
|
||||
<Setter.Value>
|
||||
<DataTemplate DataType="{x:Type local:ConnectorViewModel}">
|
||||
<StackPanel Orientation="Horizontal">
|
||||
<TextBlock Text="{Binding Title}"
|
||||
Margin="0 0 5 0" />
|
||||
<TextBox Text="{Binding Value}"
|
||||
Visibility="{Binding IsConnected, Converter={shared:BooleanToVisibilityConverter Negate=True}}" />
|
||||
</StackPanel>
|
||||
</DataTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
<Style.Triggers>
|
||||
<DataTrigger Binding="{Binding Title}" Value="">
|
||||
<Setter Property="HeaderTemplate">
|
||||
<Setter.Value>
|
||||
<DataTemplate/>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</DataTrigger>
|
||||
<DataTrigger Binding="{Binding Title}" Value="{x:Null}">
|
||||
<Setter Property="HeaderTemplate">
|
||||
<Setter.Value>
|
||||
<DataTemplate/>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</DataTrigger>
|
||||
<DataTrigger Binding="{Binding Shape}"
|
||||
Value="{x:Static local:ConnectorShape.Square}">
|
||||
<Setter Property="ConnectorTemplate" Value="{StaticResource SquareConnector}" />
|
||||
<Setter Property="BorderBrush" Value="{StaticResource SquareConnectorColor}"></Setter>
|
||||
</DataTrigger>
|
||||
<DataTrigger Binding="{Binding Shape}"
|
||||
Value="{x:Static local:ConnectorShape.Triangle}">
|
||||
<Setter Property="ConnectorTemplate" Value="{StaticResource TriangleConnector}" />
|
||||
<Setter Property="BorderBrush" Value="{StaticResource TriangleConnectorColor}"></Setter>
|
||||
</DataTrigger>
|
||||
<DataTrigger Binding="{Binding Shape}"
|
||||
Value="{x:Static local:ConnectorShape.Circle}">
|
||||
<Setter Property="BorderBrush" Value="{Binding Color}"></Setter>
|
||||
</DataTrigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
|
||||
<Style TargetType="{x:Type nodify:NodeOutput}"
|
||||
BasedOn="{StaticResource OriginalNodeOutputStyle}">
|
||||
<Setter Property="Header"
|
||||
Value="{Binding}" />
|
||||
<Setter Property="IsConnected"
|
||||
Value="{Binding IsConnected}" />
|
||||
<Setter Property="Anchor"
|
||||
Value="{Binding Anchor, Mode=OneWayToSource}" />
|
||||
<Setter Property="HeaderTemplate">
|
||||
<Setter.Value>
|
||||
<DataTemplate DataType="{x:Type local:ConnectorViewModel}">
|
||||
<TextBox Text="{Binding Title}"
|
||||
IsEnabled="False" />
|
||||
</DataTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
<Style.Triggers>
|
||||
<DataTrigger Binding="{Binding Title}" Value="">
|
||||
<Setter Property="HeaderTemplate">
|
||||
<Setter.Value>
|
||||
<DataTemplate/>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</DataTrigger>
|
||||
<DataTrigger Binding="{Binding Title}" Value="{x:Null}">
|
||||
<Setter Property="HeaderTemplate">
|
||||
<Setter.Value>
|
||||
<DataTemplate/>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</DataTrigger>
|
||||
<DataTrigger Binding="{Binding Shape}"
|
||||
Value="{x:Static local:ConnectorShape.Square}">
|
||||
<Setter Property="ConnectorTemplate" Value="{StaticResource SquareConnector}" />
|
||||
<Setter Property="BorderBrush" Value="{StaticResource SquareConnectorColor}"></Setter>
|
||||
</DataTrigger>
|
||||
<DataTrigger Binding="{Binding Shape}"
|
||||
Value="{x:Static local:ConnectorShape.Triangle}">
|
||||
<Setter Property="ConnectorTemplate" Value="{StaticResource TriangleConnector}" />
|
||||
<Setter Property="BorderBrush" Value="{StaticResource TriangleConnectorColor}"></Setter>
|
||||
</DataTrigger>
|
||||
<DataTrigger Binding="{Binding Shape}"
|
||||
Value="{x:Static local:ConnectorShape.Circle}">
|
||||
<Setter Property="BorderBrush" Value="{Binding Color}"></Setter>
|
||||
</DataTrigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
|
||||
<DataTemplate DataType="{x:Type local:OperationGraphViewModel}">
|
||||
<nodify:GroupingNode Header="{Binding}"
|
||||
CanResize="{Binding IsExpanded}"
|
||||
ActualSize="{Binding DesiredSize, Mode=TwoWay}"
|
||||
MovementMode="Self">
|
||||
<nodify:GroupingNode.HeaderTemplate>
|
||||
<DataTemplate DataType="{x:Type local:OperationGraphViewModel}">
|
||||
<Grid>
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="*" />
|
||||
<ColumnDefinition Width="Auto" />
|
||||
</Grid.ColumnDefinitions>
|
||||
|
||||
<TextBlock Text="{Binding Title}" />
|
||||
<StackPanel Orientation="Horizontal"
|
||||
Margin="5 0 0 0"
|
||||
Grid.Column="1">
|
||||
<TextBlock Text="Expand?"
|
||||
Visibility="{Binding IsExpanded, Converter={shared:BooleanToVisibilityConverter}}"
|
||||
Margin="0 0 5 0" />
|
||||
<CheckBox IsChecked="{Binding IsExpanded}" />
|
||||
</StackPanel>
|
||||
</Grid>
|
||||
</DataTemplate>
|
||||
</nodify:GroupingNode.HeaderTemplate>
|
||||
<Grid>
|
||||
<ScrollViewer CanContentScroll="True"
|
||||
Visibility="{Binding IsExpanded, Converter={shared:BooleanToVisibilityConverter}}">
|
||||
<nodify:NodifyEditor Tag="{Binding DataContext, RelativeSource={RelativeSource Self}}"
|
||||
DataContext="{Binding InnerCalculator}"
|
||||
ItemsSource="{Binding Operations}"
|
||||
Connections="{Binding Connections}"
|
||||
SelectedItems="{Binding SelectedOperations}"
|
||||
DisconnectConnectorCommand="{Binding DisconnectConnectorCommand}"
|
||||
PendingConnection="{Binding PendingConnection}"
|
||||
PendingConnectionTemplate="{StaticResource PendingConnectionTemplate}"
|
||||
ConnectionTemplate="{StaticResource ConnectionTemplate}"
|
||||
ItemContainerStyle="{StaticResource ItemContainerStyle}"
|
||||
HasCustomContextMenu="True"
|
||||
Background="Transparent"
|
||||
GridCellSize="15"
|
||||
AllowDrop="True"
|
||||
Drop="OnDropNode"
|
||||
Visibility="{Binding DataContext.IsExpanded, RelativeSource={RelativeSource AncestorType=nodify:GroupingNode}, Converter={shared:BooleanToVisibilityConverter}}">
|
||||
|
||||
<nodify:NodifyEditor.InputBindings>
|
||||
<KeyBinding Key="Delete"
|
||||
Command="{Binding DeleteSelectionCommand}" />
|
||||
<KeyBinding Key="G"
|
||||
Modifiers="Ctrl"
|
||||
Command="{Binding GroupSelectionCommand}" />
|
||||
</nodify:NodifyEditor.InputBindings>
|
||||
|
||||
<nodify:NodifyEditor.CommandBindings>
|
||||
<CommandBinding Command="{x:Static ApplicationCommands.ContextMenu}"
|
||||
Executed="OpenContextMenu_Executed" />
|
||||
</nodify:NodifyEditor.CommandBindings>
|
||||
|
||||
<CompositeCollection>
|
||||
<nodify:DecoratorContainer DataContext="{Binding OperationsMenu}"
|
||||
Location="{Binding Location}">
|
||||
<local:OperationsMenuView />
|
||||
</nodify:DecoratorContainer>
|
||||
</CompositeCollection>
|
||||
</nodify:NodifyEditor>
|
||||
</ScrollViewer>
|
||||
|
||||
<Grid>
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="Auto" />
|
||||
<ColumnDefinition Width="*" />
|
||||
<ColumnDefinition Width="Auto" />
|
||||
</Grid.ColumnDefinitions>
|
||||
|
||||
<ItemsControl ItemsSource="{Binding Input}"
|
||||
Focusable="False">
|
||||
<ItemsControl.ItemTemplate>
|
||||
<DataTemplate>
|
||||
<nodify:NodeInput />
|
||||
</DataTemplate>
|
||||
</ItemsControl.ItemTemplate>
|
||||
</ItemsControl>
|
||||
|
||||
<nodify:NodeOutput DataContext="{Binding Output}"
|
||||
Grid.Column="1"
|
||||
VerticalAlignment="Top"
|
||||
HorizontalAlignment="Right" />
|
||||
</Grid>
|
||||
</Grid>
|
||||
</nodify:GroupingNode>
|
||||
</DataTemplate>
|
||||
|
||||
<DataTemplate DataType="{x:Type local:ExpandoOperationViewModel}">
|
||||
<nodify:Node Header="{Binding Title}"
|
||||
Content="{Binding}"
|
||||
Input="{Binding Input}"
|
||||
Output="{Binding Output}">
|
||||
<nodify:Node.ContentTemplate>
|
||||
<DataTemplate DataType="{x:Type local:ExpandoOperationViewModel}">
|
||||
<StackPanel>
|
||||
<Button Style="{StaticResource IconButton}"
|
||||
Content="{StaticResource PlusIcon}"
|
||||
FocusVisualStyle="{StaticResource {x:Static SystemParameters.FocusVisualStyleKey}}"
|
||||
Command="{Binding AddInputCommand}" />
|
||||
<Button Style="{StaticResource IconButton}"
|
||||
Content="{StaticResource RemoveKeyIcon}"
|
||||
FocusVisualStyle="{StaticResource {x:Static SystemParameters.FocusVisualStyleKey}}"
|
||||
Command="{Binding RemoveInputCommand}" />
|
||||
</StackPanel>
|
||||
</DataTemplate>
|
||||
</nodify:Node.ContentTemplate>
|
||||
</nodify:Node>
|
||||
</DataTemplate>
|
||||
|
||||
<DataTemplate DataType="{x:Type local:APIOperationViewModel}">
|
||||
<nodify:Node Header="{Binding Title}"
|
||||
Content="{Binding}"
|
||||
Input="{Binding Input}"
|
||||
Output="{Binding Output}">
|
||||
<nodify:Node.ContentTemplate>
|
||||
<DataTemplate DataType="{x:Type local:APIOperationViewModel}">
|
||||
<StackPanel>
|
||||
<TextBlock Text="{Binding OperationType}"></TextBlock>
|
||||
</StackPanel>
|
||||
</DataTemplate>
|
||||
</nodify:Node.ContentTemplate>
|
||||
</nodify:Node>
|
||||
</DataTemplate>
|
||||
|
||||
<DataTemplate DataType="{x:Type local:ExpressionOperationViewModel}">
|
||||
<nodify:Node Content="{Binding}"
|
||||
Input="{Binding Input}"
|
||||
Output="{Binding Output}">
|
||||
<nodify:Node.ContentTemplate>
|
||||
<DataTemplate DataType="{x:Type local:ExpressionOperationViewModel}">
|
||||
<TextBox Text="{Binding Expression}"
|
||||
MinWidth="100"
|
||||
Margin="5 0 0 0" />
|
||||
</DataTemplate>
|
||||
</nodify:Node.ContentTemplate>
|
||||
</nodify:Node>
|
||||
</DataTemplate>
|
||||
|
||||
<DataTemplate DataType="{x:Type local:CalculatorOperationViewModel}">
|
||||
<nodify:Node Header="{Binding Title}"
|
||||
Input="{Binding Input}"
|
||||
Output="{Binding Output}"
|
||||
ToolTip="Double click to expand">
|
||||
<nodify:Node.InputBindings>
|
||||
<MouseBinding Gesture="LeftDoubleClick"
|
||||
Command="{Binding DataContext.OpenCalculatorCommand, RelativeSource={RelativeSource AncestorType=UserControl}}"
|
||||
CommandParameter="{Binding InnerCalculator}" />
|
||||
</nodify:Node.InputBindings>
|
||||
</nodify:Node>
|
||||
</DataTemplate>
|
||||
|
||||
<DataTemplate DataType="{x:Type local:CalculatorInputOperationViewModel}">
|
||||
<DataTemplate.Resources>
|
||||
<Style TargetType="{x:Type nodify:NodeOutput}"
|
||||
BasedOn="{StaticResource {x:Type nodify:NodeOutput}}">
|
||||
<Setter Property="Header"
|
||||
Value="{Binding}" />
|
||||
<Setter Property="IsConnected"
|
||||
Value="{Binding IsConnected}" />
|
||||
<Setter Property="Anchor"
|
||||
Value="{Binding Anchor, Mode=OneWayToSource}" />
|
||||
<Setter Property="HeaderTemplate">
|
||||
<Setter.Value>
|
||||
<DataTemplate DataType="{x:Type local:ConnectorViewModel}">
|
||||
<StackPanel Orientation="Horizontal">
|
||||
<TextBox Text="{Binding Value}"
|
||||
IsEnabled="False" />
|
||||
<TextBlock Text="{Binding Title}"
|
||||
Margin="5 0 0 0" />
|
||||
</StackPanel>
|
||||
</DataTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</Style>
|
||||
</DataTemplate.Resources>
|
||||
<nodify:Node Header="{Binding Title}"
|
||||
Output="{Binding Output}">
|
||||
<StackPanel>
|
||||
<Button Style="{StaticResource IconButton}"
|
||||
Content="{StaticResource PlusIcon}"
|
||||
Command="{Binding AddOutputCommand}" />
|
||||
<Button Style="{StaticResource IconButton}"
|
||||
Content="{StaticResource RemoveKeyIcon}"
|
||||
Command="{Binding RemoveOutputCommand}" />
|
||||
</StackPanel>
|
||||
</nodify:Node>
|
||||
</DataTemplate>
|
||||
|
||||
<DataTemplate DataType="{x:Type local:OperationGroupViewModel}">
|
||||
<nodify:GroupingNode ActualSize="{Binding GroupSize, Mode=TwoWay}">
|
||||
<nodify:GroupingNode.Header>
|
||||
<shared:EditableTextBlock Text="{Binding Title}"
|
||||
FontWeight="SemiBold"
|
||||
IsEditing="True" />
|
||||
</nodify:GroupingNode.Header>
|
||||
</nodify:GroupingNode>
|
||||
</DataTemplate>
|
||||
|
||||
<DataTemplate DataType="{x:Type local:AuthOperationViewModel}">
|
||||
<nodify:Node Header="🔐 Auth Configuration"
|
||||
Content="{Binding}"
|
||||
Input="{Binding Input}"
|
||||
Output="{Binding Output}">
|
||||
<nodify:Node.ContentTemplate>
|
||||
<DataTemplate DataType="{x:Type local:AuthOperationViewModel}">
|
||||
<StackPanel Margin="4">
|
||||
<TextBlock Text="Base URL" FontWeight="SemiBold" Margin="0 0 0 2" />
|
||||
<TextBox Text="{Binding BaseUrl, UpdateSourceTrigger=PropertyChanged}"
|
||||
MinWidth="180" Margin="0 0 0 6" />
|
||||
<TextBlock Text="Auth Type" FontWeight="SemiBold" Margin="0 0 0 2" />
|
||||
<ComboBox SelectedItem="{Binding AuthType}"
|
||||
MinWidth="180" Margin="0 0 0 6">
|
||||
<sys:String>Bearer Token</sys:String>
|
||||
<sys:String>Basic Auth</sys:String>
|
||||
<sys:String>API Key</sys:String>
|
||||
<sys:String>None</sys:String>
|
||||
</ComboBox>
|
||||
</StackPanel>
|
||||
</DataTemplate>
|
||||
</nodify:Node.ContentTemplate>
|
||||
</nodify:Node>
|
||||
</DataTemplate>
|
||||
|
||||
<DataTemplate DataType="{x:Type local:OperationViewModel}">
|
||||
<nodify:Node Content="{Binding Title}"
|
||||
Input="{Binding Input}"
|
||||
Output="{Binding Output}" />
|
||||
</DataTemplate>
|
||||
</nodify:NodifyEditor.Resources>
|
||||
|
||||
<nodify:NodifyEditor.InputBindings>
|
||||
<KeyBinding Key="Delete"
|
||||
Command="{Binding DeleteSelectionCommand}" />
|
||||
<KeyBinding Key="G"
|
||||
Modifiers="Ctrl"
|
||||
Command="{Binding GroupSelectionCommand}" />
|
||||
</nodify:NodifyEditor.InputBindings>
|
||||
|
||||
<nodify:NodifyEditor.CommandBindings>
|
||||
<CommandBinding Command="{x:Static ApplicationCommands.ContextMenu}"
|
||||
Executed="OpenContextMenu_Executed" />
|
||||
</nodify:NodifyEditor.CommandBindings>
|
||||
|
||||
<nodify:NodifyEditor.Triggers>
|
||||
<EventTrigger RoutedEvent="FrameworkElement.Loaded">
|
||||
<BeginStoryboard Name="AnimateBorder"
|
||||
Storyboard="{StaticResource AnimateBorder}" />
|
||||
</EventTrigger>
|
||||
</nodify:NodifyEditor.Triggers>
|
||||
|
||||
<CompositeCollection>
|
||||
<nodify:DecoratorContainer DataContext="{Binding OperationsMenu}"
|
||||
Location="{Binding Location}">
|
||||
<local:OperationsMenuView />
|
||||
</nodify:DecoratorContainer>
|
||||
</CompositeCollection>
|
||||
</nodify:NodifyEditor>
|
||||
|
||||
<Grid Background="{StaticResource LargeGridLinesDrawingBrush}"
|
||||
Panel.ZIndex="-2" />
|
||||
|
||||
<Border HorizontalAlignment="Right"
|
||||
MinWidth="200"
|
||||
MaxWidth="300"
|
||||
MaxHeight="500"
|
||||
Padding="7"
|
||||
Margin="10"
|
||||
CornerRadius="3"
|
||||
BorderThickness="2">
|
||||
<Border.Background>
|
||||
<SolidColorBrush Color="{DynamicResource BackgroundColor}"
|
||||
Opacity="0.7" />
|
||||
</Border.Background>
|
||||
<DockPanel>
|
||||
<Button Content="📥 Import Swagger"
|
||||
Command="{Binding Calculator.OperationsMenu.ImportSwaggerCommand}"
|
||||
Margin="5"
|
||||
Padding="8 4"
|
||||
Cursor="Hand"
|
||||
HorizontalAlignment="Stretch"
|
||||
Background="{DynamicResource NodeInput.BorderBrush}"
|
||||
Foreground="{DynamicResource ForegroundBrush}"
|
||||
FontWeight="Bold"
|
||||
DockPanel.Dock="Top" />
|
||||
<ScrollViewer VerticalScrollBarVisibility="Auto">
|
||||
<ItemsControl ItemsSource="{Binding Calculator.OperationsMenu.AvailableOperations}"
|
||||
Focusable="False">
|
||||
<ItemsControl.ItemContainerStyle>
|
||||
<Style>
|
||||
<Setter Property="FrameworkElement.Margin"
|
||||
Value="5" />
|
||||
<Setter Property="FrameworkElement.HorizontalAlignment"
|
||||
Value="Left" />
|
||||
<Setter Property="FrameworkElement.Cursor"
|
||||
Value="Hand" />
|
||||
<Setter Property="FrameworkElement.ToolTip"
|
||||
Value="Drag and drop into the editor" />
|
||||
</Style>
|
||||
</ItemsControl.ItemContainerStyle>
|
||||
<ItemsControl.ItemTemplate>
|
||||
<DataTemplate DataType="{x:Type local:OperationViewModel}">
|
||||
<nodify:Node Content="{Binding Title}"
|
||||
Input="{Binding Input}"
|
||||
Output="{Binding Output}"
|
||||
BorderBrush="{StaticResource AnimatedBrush}"
|
||||
BorderThickness="2"
|
||||
MouseMove="OnNodeDrag"
|
||||
Focusable="True"
|
||||
KeyboardNavigation.TabNavigation="None">
|
||||
</nodify:Node>
|
||||
</DataTemplate>
|
||||
</ItemsControl.ItemTemplate>
|
||||
</ItemsControl>
|
||||
</ScrollViewer>
|
||||
</DockPanel>
|
||||
</Border>
|
||||
|
||||
<Border HorizontalAlignment="Left"
|
||||
MinWidth="200"
|
||||
MaxWidth="250"
|
||||
MaxHeight="500"
|
||||
MinHeight="200"
|
||||
Padding="7"
|
||||
Margin="10"
|
||||
CornerRadius="3"
|
||||
BorderThickness="2">
|
||||
<Border.Background>
|
||||
<SolidColorBrush Color="{DynamicResource BackgroundColor}"
|
||||
Opacity="0.7" />
|
||||
</Border.Background>
|
||||
<DockPanel>
|
||||
<TextBlock Text="Variables" FontWeight="Bold" Margin="0 0 0 4" DockPanel.Dock="Top" />
|
||||
<Button Content="➕ Add New Variable"
|
||||
Command="{Binding Calculator.OperationsMenu.AddVariableCommand}"
|
||||
Margin="0 0 0 6"
|
||||
Padding="6 3"
|
||||
Cursor="Hand"
|
||||
DockPanel.Dock="Top"
|
||||
Background="{DynamicResource NodeInput.BorderBrush}"
|
||||
Foreground="{DynamicResource ForegroundBrush}" />
|
||||
<ScrollViewer VerticalScrollBarVisibility="Auto">
|
||||
<StackPanel>
|
||||
<!-- Simple Variables -->
|
||||
<ItemsControl ItemsSource="{Binding Calculator.OperationsMenu.AvailableVariables}"
|
||||
Focusable="False">
|
||||
<ItemsControl.ItemContainerStyle>
|
||||
<Style>
|
||||
<Setter Property="FrameworkElement.Margin" Value="3" />
|
||||
<Setter Property="FrameworkElement.HorizontalAlignment" Value="Left" />
|
||||
<Setter Property="FrameworkElement.Cursor" Value="Hand" />
|
||||
<Setter Property="FrameworkElement.ToolTip" Value="Drag and drop to GET or SET this variable" />
|
||||
</Style>
|
||||
</ItemsControl.ItemContainerStyle>
|
||||
<ItemsControl.ItemTemplate>
|
||||
<DataTemplate DataType="{x:Type local:OperationInfoViewModel}">
|
||||
<Border Background="#3E3E42" CornerRadius="3" Padding="6 4"
|
||||
MouseMove="OnNodeDrag" Cursor="Hand">
|
||||
<StackPanel Orientation="Horizontal">
|
||||
<TextBlock Text="{Binding Title}" Foreground="LightGreen" FontWeight="SemiBold" />
|
||||
<TextBlock Text=" : " Foreground="Gray" />
|
||||
<TextBlock Text="{Binding VariableType}" Foreground="CornflowerBlue" />
|
||||
</StackPanel>
|
||||
</Border>
|
||||
</DataTemplate>
|
||||
</ItemsControl.ItemTemplate>
|
||||
</ItemsControl>
|
||||
|
||||
<!-- Separator -->
|
||||
<TextBlock Text="Models" FontWeight="Bold" Margin="0 8 0 4"
|
||||
Visibility="{Binding Calculator.OperationsMenu.AvailableModels.Count, Converter={shared:BooleanToVisibilityConverter}}" />
|
||||
|
||||
<!-- Class Model Variables -->
|
||||
<ItemsControl ItemsSource="{Binding Calculator.OperationsMenu.AvailableModels}"
|
||||
Focusable="False">
|
||||
<ItemsControl.ItemContainerStyle>
|
||||
<Style>
|
||||
<Setter Property="FrameworkElement.Margin" Value="5" />
|
||||
<Setter Property="FrameworkElement.HorizontalAlignment" Value="Left" />
|
||||
<Setter Property="FrameworkElement.Cursor" Value="Hand" />
|
||||
<Setter Property="FrameworkElement.ToolTip" Value="Drag and drop into the editor" />
|
||||
</Style>
|
||||
</ItemsControl.ItemContainerStyle>
|
||||
<ItemsControl.ItemTemplate>
|
||||
<DataTemplate DataType="{x:Type local:OperationViewModel}">
|
||||
<nodify:Node Content="{Binding Title}"
|
||||
Input="{Binding Input}"
|
||||
Output="{Binding Output}"
|
||||
BorderBrush="{StaticResource AnimatedBrush}"
|
||||
BorderThickness="2"
|
||||
MouseMove="OnNodeDrag"
|
||||
Focusable="True"
|
||||
KeyboardNavigation.TabNavigation="None">
|
||||
</nodify:Node>
|
||||
</DataTemplate>
|
||||
</ItemsControl.ItemTemplate>
|
||||
</ItemsControl>
|
||||
</StackPanel>
|
||||
</ScrollViewer>
|
||||
</DockPanel>
|
||||
</Border>
|
||||
</Grid>
|
||||
</UserControl>
|
||||
Reference in New Issue
Block a user