wagesj45/advanced-calculator
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Borked :(

Browse source
This commit is contained in:
Jordan Wages 2025-08-27 04:18:47 -05:00
commit 6fe6db48a6
1 changed files with 143 additions and 143 deletions
Download patch file Download diff file Expand all files Collapse all files

286
src/AdvancedCalculator/Views/MainView.axaml
View file

@ -9,156 +9,156 @@
x:Class="AdvancedCalculator.Views.MainView" x:Class="AdvancedCalculator.Views.MainView"
x:DataType="vm:MainViewModel" x:DataType="vm:MainViewModel"
x:Name="Root"> x:Name="Root">
<UserControl.Resources> <UserControl.Resources>
<conv:BoolToGridLengthConverter x:Key="BoolToGridLengthConverter" /> <conv:BoolToGridLengthConverter x:Key="BoolToGridLengthConverter" />
<conv:WidthToBooleanConverter x:Key="WidthToBooleanConverter" /> <conv:WidthToBooleanConverter x:Key="WidthToBooleanConverter" />
<conv:IsZeroConverter x:Key="IsZeroConverter" /> <conv:IsZeroConverter x:Key="IsZeroConverter" />
<conv:WidthToSplitViewModeConverter x:Key="WidthToSplitViewModeConverter" /> <conv:WidthToSplitViewModeConverter x:Key="WidthToSplitViewModeConverter" />
<conv:WidthToPaneOpenConverter x:Key="WidthToPaneOpenConverter" /> <conv:WidthToPaneOpenConverter x:Key="WidthToPaneOpenConverter" />
</UserControl.Resources> </UserControl.Resources>
<!-- Replace columns with a responsive SplitView --> <!-- Replace columns with a responsive SplitView -->
<SplitView x:Name="RootSplit" <SplitView x:Name="RootSplit"
OpenPaneLength="320" OpenPaneLength="320"
CompactPaneLength="0" CompactPaneLength="0"
DisplayMode="{Binding $parent[Window].Bounds.Width, Converter={StaticResource WidthToSplitViewModeConverter}, ConverterParameter=640}" DisplayMode="{Binding $parent[Window].Bounds.Width, Converter={StaticResource WidthToSplitViewModeConverter}, ConverterParameter=640}"
IsPaneOpen="{Binding $parent[Window].Bounds.Width, Converter={StaticResource WidthToPaneOpenConverter}, ConverterParameter=640}"> IsPaneOpen="{Binding $parent[Window].Bounds.Width, Converter={StaticResource WidthToPaneOpenConverter}, ConverterParameter=640}">
<!-- Left pane: Variables + Functions --> <!-- Left pane: Variables + Functions -->
<SplitView.Pane> <SplitView.Pane>
<Grid> <Grid>
<Grid.RowDefinitions> <Grid.RowDefinitions>
<RowDefinition Height="*" /> <RowDefinition Height="*" />
<RowDefinition Height="{Binding IsFunctionsPanelOpen, Converter={StaticResource BoolToGridLengthConverter}}" /> <RowDefinition Height="{Binding IsFunctionsPanelOpen, Converter={StaticResource BoolToGridLengthConverter}}" />
</Grid.RowDefinitions> </Grid.RowDefinitions>
<!-- Variables list with empty-state hint overlay --> <!-- Variables list with empty-state hint overlay -->
<Grid Grid.Row="0"> <Grid Grid.Row="0">
<ListBox ItemsSource="{Binding Variables}" SelectedIndex="-1" <ListBox ItemsSource="{Binding Variables}" SelectedIndex="-1"
AutomationProperties.Name="Variables list"> AutomationProperties.Name="Variables list">
<ListBox.ItemTemplate> <ListBox.ItemTemplate>
<DataTemplate x:DataType="m:VariableItem"> <DataTemplate x:DataType="m:VariableItem">
<Button Background="Transparent" BorderThickness="0" Padding="8" MinHeight="44" <Button Background="Transparent" BorderThickness="0" Padding="8" MinHeight="44"
x:DataType="vm:MainViewModel" AutomationProperties.Name="Insert variable"
DataContext="{Binding $parent[UserControl].DataContext}" Command="{Binding #Root.DataContext.InsertVariableCommand}"
AutomationProperties.Name="Insert variable" CommandParameter="{Binding VariableName}">
Command="{Binding InsertVariableCommand}" <Grid ColumnDefinitions="Auto,*,Auto"
CommandParameter="{Binding DataContext.VariableName, RelativeSource={RelativeSource AncestorType=ListBoxItem}}"> DataContext="{Binding $parent[ListBoxItem].DataContext}"
<Grid ColumnDefinitions="Auto,*,Auto" x:DataType="m:VariableItem">
DataContext="{Binding $parent[ListBoxItem].DataContext}" <TextBlock Grid.Column="0" FontFamily="{StaticResource MDI}"
x:DataType="m:VariableItem"> FontSize="{DynamicResource IconSizeM}" Text="{Binding Icon}" Margin="0,0,8,0" />
<TextBlock Grid.Column="0" FontFamily="{StaticResource MDI}" <TextBlock Grid.Column="1" Text="{Binding VariableName}" FontWeight="Bold" />
FontSize="{DynamicResource IconSizeM}" Text="{Binding Icon}" VerticalAlignment="Center" Margin="0,0,8,0" /> <StackPanel Grid.Column="2" Spacing="6">
<TextBlock Grid.Column="1" Text="{Binding VariableName}" FontWeight="Bold" VerticalAlignment="Center" /> <TextBlock Text="{Binding Value}" />
<StackPanel Grid.Column="2" Spacing="6" VerticalAlignment="Center"> <TextBlock IsVisible="{Binding IsExpression}" Text="{Binding ExpressionComputation}" FontStyle="Italic" />
<TextBlock Text="{Binding Value}" /> </StackPanel>
<TextBlock IsVisible="{Binding IsExpression}" Text="{Binding ExpressionComputation}" FontStyle="Italic" /> </Grid>
</StackPanel> </Button>
</Grid> </DataTemplate>
</Button>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
<TextBlock Text="No variables yet. Define with: x = 5"
IsVisible="{Binding Variables.Count, Converter={StaticResource IsZeroConverter}}"
IsHitTestVisible="False"
Opacity="0.6"
HorizontalAlignment="Center" VerticalAlignment="Center" />
</Grid>
<!-- Function definitions --> </ListBox.ItemTemplate>
<ListBox Grid.Row="1" BorderThickness="0" </ListBox>
ItemsSource="{x:Static m:FunctionDefinitionItem.DefinedFunctions}" <TextBlock Text="No variables yet. Define with: x = 5"
AutomationProperties.Name="Functions list"> IsVisible="{Binding Variables.Count, Converter={StaticResource IsZeroConverter}}"
<ListBox.ItemTemplate> IsHitTestVisible="False"
<DataTemplate x:DataType="m:FunctionDefinitionItem"> Opacity="0.6"
<Button Background="Transparent" BorderThickness="0" Padding="8" MinHeight="44" HorizontalAlignment="Center" VerticalAlignment="Center" />
x:DataType="vm:MainViewModel" </Grid>
DataContext="{Binding $parent[UserControl].DataContext}"
AutomationProperties.Name="Insert function"
Command="{Binding InsertFunctionCommand}"
CommandParameter="{Binding DataContext.FunctionName, RelativeSource={RelativeSource AncestorType=ListBoxItem}}">
<StackPanel Spacing="8"
DataContext="{Binding $parent[ListBoxItem].DataContext}"
x:DataType="m:FunctionDefinitionItem">
<StackPanel Orientation="Horizontal" Spacing="8" VerticalAlignment="Center">
<TextBlock FontFamily="{StaticResource MDI}" Text="{Binding Icon}" />
<TextBlock Text="{Binding FunctionName}" FontWeight="Bold" />
</StackPanel>
<TextBlock Text="{Binding FunctionDescription}" FontStyle="Italic" TextWrapping="Wrap" />
<ItemsControl ItemsSource="{Binding FunctionArguments}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<StackPanel>
<TextBlock Text="{Binding Key}" />
<TextBlock Text="{Binding Value}" FontStyle="Italic" Margin="8,0,0,0" />
</StackPanel>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</StackPanel>
</Button>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</Grid>
</SplitView.Pane>
<!-- Right content: History + Input --> <!-- Function definitions -->
<SplitView.Content> <ListBox Grid.Row="1" BorderThickness="0"
<Grid RowDefinitions="*,Auto"> ItemsSource="{x:Static m:FunctionDefinitionItem.DefinedFunctions}"
<!-- History --> AutomationProperties.Name="Functions list">
<Grid Grid.Row="0"> <ListBox.ItemTemplate>
<ListBox ItemsSource="{Binding History}" SelectedIndex="{Binding SelectedHistoryIndex}" <DataTemplate x:DataType="m:FunctionDefinitionItem">
AutomationProperties.Name="History list"> <Button x:DataType="vm:MainViewModel"
<ListBox.ItemTemplate> DataContext="{Binding #Root.DataContext}"
<DataTemplate x:DataType="m:HistoryItem"> Background="Transparent" BorderThickness="0" Padding="8" MinHeight="44"
<Grid ColumnDefinitions="Auto,*" Margin="4,2"> AutomationProperties.Name="Insert function"
<TextBlock FontFamily="{StaticResource MDI}" Text="{x:Static m:IconFont.ArrowRightDropCircle}" Command="{Binding InsertFunctionCommand}"
FontSize="{DynamicResource IconSizeM}" VerticalAlignment="Center" Margin="0,0,8,0" /> CommandParameter="{Binding FunctionName, RelativeSource={RelativeSource AncestorType=ListBoxItem}}">
<StackPanel Grid.Column="1"> <StackPanel Spacing="8"
<TextBlock Text="{Binding Input}" MaxLines="3" /> DataContext="{Binding $parent[ListBoxItem].DataContext}"
<TextBlock Text="{Binding Output}" FontWeight="Bold" MaxLines="2" /> x:DataType="m:FunctionDefinitionItem">
</StackPanel> <StackPanel Orientation="Horizontal" Spacing="8">
</Grid> <TextBlock FontFamily="{StaticResource MDI}" Text="{Binding Icon}" />
</DataTemplate> <TextBlock Text="{Binding FunctionName}" FontWeight="Bold" />
</ListBox.ItemTemplate> </StackPanel>
</ListBox> <TextBlock Text="{Binding FunctionDescription}" FontStyle="Italic" TextWrapping="Wrap" />
<TextBlock Text="No history yet. Enter an expression and Evaluate." <ItemsControl ItemsSource="{Binding FunctionArguments}">
IsVisible="{Binding History.Count, Converter={StaticResource IsZeroConverter}}" <ItemsControl.ItemTemplate>
IsHitTestVisible="False" <DataTemplate>
Opacity="0.6" <StackPanel>
HorizontalAlignment="Center" VerticalAlignment="Center" /> <TextBlock Text="{Binding Key}" />
</Grid> <TextBlock Text="{Binding Value}" FontStyle="Italic" Margin="8,0,0,0" />
</StackPanel>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
</StackPanel>
</Button>
</DataTemplate>
<!-- Input Row --> </ListBox.ItemTemplate>
<Grid Grid.Row="1" ColumnDefinitions="Auto,Auto,*,Auto" Margin="4"> </ListBox>
<!-- Pane toggle: visible on narrow only --> </Grid>
<ToggleButton Margin="0,0,6,0" </SplitView.Pane>
IsVisible="{Binding $parent[Window].Bounds.Width,
<!-- Right content: History + Input -->
<SplitView.Content>
<Grid RowDefinitions="*,Auto">
<!-- History -->
<Grid Grid.Row="0">
<ListBox ItemsSource="{Binding History}" SelectedIndex="{Binding SelectedHistoryIndex}"
AutomationProperties.Name="History list">
<ListBox.ItemTemplate>
<DataTemplate x:DataType="m:HistoryItem">
<Grid ColumnDefinitions="Auto,*" Margin="4,2">
<TextBlock FontFamily="{StaticResource MDI}" Text="{x:Static m:IconFont.ArrowRightDropCircle}"
FontSize="{DynamicResource IconSizeM}" VerticalAlignment="Center" Margin="0,0,8,0" />
<StackPanel Grid.Column="1">
<TextBlock Text="{Binding Input}" MaxLines="3" />
<TextBlock Text="{Binding Output}" FontWeight="Bold" MaxLines="2" />
</StackPanel>
</Grid>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
<TextBlock Text="No history yet. Enter an expression and Evaluate."
IsVisible="{Binding History.Count, Converter={StaticResource IsZeroConverter}}"
IsHitTestVisible="False"
Opacity="0.6"
HorizontalAlignment="Center" VerticalAlignment="Center" />
</Grid>
<!-- Input Row -->
<Grid Grid.Row="1" ColumnDefinitions="Auto,Auto,*,Auto" Margin="4">
<!-- Pane toggle: visible on narrow only -->
<ToggleButton Margin="0,0,6,0"
IsVisible="{Binding $parent[Window].Bounds.Width,
Converter={StaticResource WidthToBooleanConverter}, Converter={StaticResource WidthToBooleanConverter},
ConverterParameter=640}" ConverterParameter=640}"
IsChecked="{Binding #RootSplit.IsPaneOpen}" IsChecked="{Binding #RootSplit.IsPaneOpen}"
AutomationProperties.Name="Open side panel"> AutomationProperties.Name="Open side panel">
<TextBlock Text="≡" FontSize="18"/> <TextBlock Text="≡" FontSize="18"/>
</ToggleButton> </ToggleButton>
<!-- Toggle functions panel inside the pane --> <!-- Toggle functions panel inside the pane -->
<Button Grid.Column="1" Command="{Binding ToggleFunctionsCommand}" Margin="0,0,6,0" MinHeight="40" MinWidth="40" <Button Grid.Column="1" Command="{Binding ToggleFunctionsCommand}" Margin="0,0,6,0" MinHeight="40" MinWidth="40"
AutomationProperties.Name="Toggle functions panel"> AutomationProperties.Name="Toggle functions panel">
<TextBlock FontFamily="{StaticResource MDI}" Text="{x:Static m:IconFont.Function}" /> <TextBlock FontFamily="{StaticResource MDI}" Text="{x:Static m:IconFont.Function}" />
</Button> </Button>
<TextBox Grid.Column="2" Text="{Binding InputText, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" MinHeight="44" <TextBox Grid.Column="2" Text="{Binding InputText, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" MinHeight="44"
AutomationProperties.Name="Expression input" AutomationProperties.Name="Expression input"
Watermark="Type an expression (e.g., 2 + 2)"/> Watermark="Type an expression (e.g., 2 + 2)"/>
<!-- Explicit evaluate button for touch --> <!-- Explicit evaluate button for touch -->
<Button Grid.Column="3" Command="{Binding SubmitCommand}" MinHeight="44" Padding="16,8" <Button Grid.Column="3" Command="{Binding SubmitCommand}" MinHeight="44" Padding="16,8"
AutomationProperties.Name="Evaluate"> AutomationProperties.Name="Evaluate">
<TextBlock Text="Evaluate"/> <TextBlock Text="Evaluate"/>
</Button> </Button>
</Grid> </Grid>
</Grid> </Grid>
</SplitView.Content> </SplitView.Content>
</SplitView> </SplitView>
</UserControl> </UserControl>