Modernize customer panel UI and add agent workflow rules

This commit is contained in:
Meik
2026-03-05 10:17:33 +01:00
parent 4013fa8e32
commit d954f26686
16 changed files with 581 additions and 309 deletions

View File

@@ -31,13 +31,13 @@
Height="Auto"
Fill="Transparent" />
<Border x:Name="CornerScrollBarRectangle"
CornerRadius="0"
CornerRadius="6"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
Width="Auto"
Height="Auto"
Margin="0,1,0,1"
Background="#FF7C7777" />
Margin="1"
Background="{DynamicResource subtleTextColor}" />
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="Tag"
@@ -58,16 +58,16 @@
<Setter Property="Stylus.IsFlicksEnabled"
Value="false" />
<Setter Property="Foreground"
Value="#ADABAB" />
Value="{DynamicResource subtleTextColor}" />
<Setter Property="Background"
Value="Transparent" />
<Setter Property="Width"
Value="7" />
Value="10" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ScrollBar}">
<Grid x:Name="GridRoot"
Width="10"
Width="12"
Background="{TemplateBinding Background}">
<Grid.RowDefinitions>
<RowDefinition Height="0.00001*" />
@@ -127,7 +127,7 @@
<Setter Property="Width"
Value="Auto" />
<Setter Property="Height"
Value="8" />
Value="10" />
<Setter TargetName="Thumb"
Property="Tag"
Value="Horizontal" />
@@ -148,15 +148,29 @@
<Style TargetType="Button"
x:Key="ButtonStyle">
<Setter Property="Foreground"
Value="{DynamicResource navForeground}" />
Value="{DynamicResource buttonTextColor}" />
<Setter Property="Background"
Value="{DynamicResource inactiveButtonColor}" />
<Setter Property="BorderBrush"
Value="{DynamicResource panelBorderColor}" />
<Setter Property="BorderThickness"
Value="1" />
<Setter Property="Cursor"
Value="Hand" />
<Setter Property="Padding"
Value="12,6" />
<Setter Property="SnapsToDevicePixels"
Value="True" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Border Background="{TemplateBinding Background}">
<Border Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
CornerRadius="10">
<ContentPresenter HorizontalAlignment="Center"
VerticalAlignment="Center" />
VerticalAlignment="Center"
Margin="{TemplateBinding Padding}" />
</Border>
</ControlTemplate>
</Setter.Value>
@@ -166,15 +180,26 @@
Value="True">
<Setter Property="Background"
Value="{DynamicResource activeButtonColor}" />
<Setter Property="Foreground"
Value="White" />
</Trigger>
<Trigger Property="IsPressed"
Value="True">
<Setter Property="Opacity"
Value="0.92" />
</Trigger>
</Style.Triggers>
</Style>
<Style TargetType="Button"
x:Key="FlatButtonStyle2">
<Setter Property="FontSize"
Value="18" />
Value="17" />
<Setter Property="Height"
Value="60" />
Value="62" />
<Setter Property="Width"
Value="62" />
<Setter Property="Margin"
Value="0,5,0,3" />
<Setter Property="Panel.ZIndex"
Value="50"></Setter>
<EventSetter Event="PreviewMouseDown"
@@ -187,6 +212,12 @@
Handler="Button_Loaded" />
<Setter Property="Background"
Value="{DynamicResource inactiveButtonColor}" />
<Setter Property="Foreground"
Value="{DynamicResource navForeground}" />
<Setter Property="BorderBrush"
Value="{DynamicResource navigationRailBorderColor}" />
<Setter Property="BorderThickness"
Value="1" />
</Style>
<Style TargetType="ProgressBar"
x:Key="FlatProgressBar">
@@ -214,7 +245,8 @@
<TaskbarItemInfo />
</Window.TaskbarItemInfo>
<Grid x:Name="MainGrid">
<Grid x:Name="MainGrid"
Background="{DynamicResource backgroundColor}">
<DockPanel Width="{Binding ActualWidth, ElementName=Window, Mode=OneWay}"
x:Name="MainDock">
<Grid DockPanel.Dock="Top"
@@ -223,44 +255,62 @@
HorizontalAlignment="Left"
Margin="0"
Background="{DynamicResource headerColor}"
Height="60"
Height="72"
MouseDown="GridTop_MouseDown"
MouseUp="GridTop_MouseUp">
<Image Source="Resources/consulting4it-header1.png"
Panel.ZIndex="55"
Height="50"
Width="175"
Height="44"
Width="160"
VerticalAlignment="Top"
HorizontalAlignment="Left"
Margin="5,5,0,0"
Margin="14,14,0,0"
x:Name="Logo" />
<TextBlock x:Name="Close_Text"
MouseDown="OnMinimizeClicked"
HorizontalAlignment="Right"
FontSize="20"
VerticalAlignment="Top"
Width="28"
Height="28"
FontSize="16"
TextAlignment="Center"
Padding="0,2,0,0"
Background="{DynamicResource headerControlBackgroundColor}"
Foreground="{DynamicResource navForeground}"
FontWeight="Bold"
Margin="0,-5,5,0"
Margin="0,12,12,0"
Cursor="Hand"
ToolTip="{x:Static resx:Resources.close}"
Panel.ZIndex="500"><Run Text="X" /></TextBlock>
<Image x:Name="RefreshIcon"
Source="{DynamicResource nav_appbar_refresh}"
Tag="ICO"
Panel.ZIndex="500"
HorizontalAlignment="Right"
Width="32"
Height="32"
Width="20"
Height="20"
VerticalAlignment="Top"
Margin="0,-5,25,0"
Margin="0,16,88,0"
MouseDown="OnRefreshClicked"
Cursor="Hand" />
<!--<TextBlock MouseDown="OnCloseClicked" HorizontalAlignment="Right" FontSize="20" FontWeight="Bold" Margin="0,-5,5,0" Cursor="Hand" Panel.ZIndex="500" >X</TextBlock>-->
<Image Source="Resources/icons/light/appbar.network.server.disconnect.png"
<Image Source="{DynamicResource nav_appbar_network_server_disconnect}"
Tag="ICO"
x:Name="ConnProblem"
Width="20"
Height="20"
Margin="0,16,54,0"
HorizontalAlignment="Right"
VerticalAlignment="Top"
Visibility="Visible" />
<Image Source="Resources/icons/light/appbar.network.server.connecting.png"
<Image Source="{DynamicResource nav_appbar_network_server_connecting}"
Tag="ICO"
x:Name="Connecting"
Width="20"
Height="20"
Margin="0,16,54,0"
HorizontalAlignment="Right"
VerticalAlignment="Top"
Visibility="Visible">
<Image.Style>
<Style>
@@ -287,7 +337,7 @@
x:Name="TopAbstract"
BorderThickness="0"
BorderBrush="Gray"
CornerRadius="0,0,0,0"
CornerRadius="0,0,14,14"
Width="{Binding ActualWidth, ElementName=Window, Mode=OneWay}">
<Border.Background>
<ImageBrush ImageSource="Resources/top_cp.png"
@@ -308,23 +358,33 @@
HorizontalAlignment="Left"
Height="620"
Width="75">
<Border Canvas.Left="5"
Canvas.Top="10"
Width="64"
Height="560"
CornerRadius="20"
BorderThickness="1"
BorderBrush="{DynamicResource navigationRailBorderColor}"
Background="{DynamicResource navigationRailColor}" />
<Button Visibility="Hidden"
x:Name="BtnBack"
Tag="100"
Canvas.Top="0"
Canvas.Left="-1"
Width="70"
Height="50"
BorderThickness="0"
Canvas.Top="6"
Canvas.Left="4"
Width="62"
Height="62"
BorderThickness="1"
Style="{StaticResource FlatButtonStyle2}"
Panel.ZIndex="1000">
<Button.Template>
<ControlTemplate TargetType="{x:Type Button}">
<Canvas ClipToBounds="False"
Background="{Binding Background, ElementName=BtnBack}">
<Border Background="{Binding Background, ElementName=BtnBack}"
BorderBrush="{DynamicResource navigationRailBorderColor}"
BorderThickness="1"
CornerRadius="14">
<ContentPresenter HorizontalAlignment="Center"
VerticalAlignment="Center" />
</Canvas>
</Border>
</ControlTemplate>
</Button.Template>
<StackPanel Orientation="Horizontal"
@@ -332,17 +392,17 @@
ClipToBounds="false"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Width="70">
<Image Source="Resources/icons/dark/appbar.home.gps.png"
Width="62">
<Image Source="{DynamicResource nav_appbar_home_gps}"
Panel.ZIndex="18"
Style="{StaticResource ImageStyle}"
Tag="ICO"
Stretch="Fill"
Width="60"
Height="50"
HorizontalAlignment="Left"
VerticalAlignment="top"
Margin="5,0,0,0" />
Width="32"
Height="32"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Margin="15,14,0,0" />
</StackPanel>
</Button>
<Button Tag="0"
@@ -351,29 +411,32 @@
Visibility="Visible"
Style="{StaticResource FlatButtonStyle2}"
ToolTip="{x:Static resx:Resources.mo_announcement}"
BorderThickness="0"
BorderThickness="1"
Panel.ZIndex="1000"
Width="70"
Height="70"
Canvas.Left="0"
Width="62"
Height="62"
Canvas.Left="4"
Canvas.Top="0">
<Button.Template>
<ControlTemplate TargetType="{x:Type Button}">
<Canvas ClipToBounds="False"
Background="{Binding Background, ElementName=BtnAnnouncements}">
<Grid ClipToBounds="False">
<Border Background="{Binding Background, ElementName=BtnAnnouncements}"
BorderBrush="{DynamicResource navigationRailBorderColor}"
BorderThickness="1"
CornerRadius="14" />
<Canvas Panel.ZIndex="1000"
Height="70"
Width="80"
Margin="70,0,0,0">
Height="62"
Width="72"
Margin="62,0,0,0">
<Polygon Visibility="Hidden"
x:Name="poly_main1"
Panel.ZIndex="900"
Points="0,0 10,0 10,70 0,70"
Points="0,0 8,0 8,62 0,62"
Fill="{Binding Background, ElementName=BtnAnnouncements}" />
</Canvas>
<ContentPresenter HorizontalAlignment="Center"
VerticalAlignment="Center" />
</Canvas>
</Grid>
</ControlTemplate>
</Button.Template>
<StackPanel Orientation="Horizontal"
@@ -387,11 +450,11 @@
Style="{StaticResource ImageStyle}"
x:Name="icoAnn"
Stretch="Fill"
Width="60"
Height="60"
Width="34"
Height="34"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Margin="5" />
Margin="14" />
<Image Source="Resources/StateOverlays/OverlayNewContentButton.png"
Visibility="Collapsed"
Panel.ZIndex="18"
@@ -400,7 +463,7 @@
Stretch="None"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Margin="-29,-29,0,0" />
Margin="-20,-20,0,0" />
</StackPanel>
</Button>
<Button x:Uid="2"
@@ -409,28 +472,31 @@
Visibility="Hidden"
Style="{StaticResource FlatButtonStyle2}"
ToolTip="{x:Static resx:Resources.mo_incidents }"
BorderThickness="0"
BorderThickness="1"
Canvas.Top="0"
Width="70"
Height="70"
Canvas.Left="0">
Width="62"
Height="62"
Canvas.Left="4">
<Button.Template>
<ControlTemplate TargetType="{x:Type Button}">
<Canvas ClipToBounds="False"
Background="{Binding Background, ElementName=BtnIncident}">
<Grid ClipToBounds="False">
<Border Background="{Binding Background, ElementName=BtnIncident}"
BorderBrush="{DynamicResource navigationRailBorderColor}"
BorderThickness="1"
CornerRadius="14" />
<Canvas Panel.ZIndex="1000"
Height="70"
Width="80"
Margin="70,0,0,0">
Height="62"
Width="72"
Margin="62,0,0,0">
<Polygon Visibility="Hidden"
x:Name="poly_main2"
Panel.ZIndex="1000"
Points="0,0 10,0 10,70 0,70"
Points="0,0 8,0 8,62 0,62"
Fill="{Binding Background, ElementName=BtnIncident}" />
</Canvas>
<ContentPresenter HorizontalAlignment="Center"
VerticalAlignment="Center" />
</Canvas>
</Grid>
</ControlTemplate>
</Button.Template>
<StackPanel x:Name="StackPanel"
@@ -442,9 +508,9 @@
Stretch="fill"
Panel.ZIndex="18"
Style="{StaticResource ImageStyle}"
Width="60"
Height="60"
Margin="5" />
Width="34"
Height="34"
Margin="14" />
<Image Source="Resources/StateOverlays/OverlayNewContentButton.png"
Visibility="Collapsed"
Panel.ZIndex="18"
@@ -453,7 +519,7 @@
Stretch="None"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Margin="-29,-29,0,0" />
Margin="-20,-20,0,0" />
</StackPanel>
</Button>
<Button Panel.ZIndex="1000"
@@ -462,28 +528,31 @@
Visibility="Hidden"
Style="{StaticResource FlatButtonStyle2}"
ToolTip="{x:Static resx:Resources.mo_ssp}"
BorderThickness="0"
BorderThickness="1"
Canvas.Top="0"
Width="70"
Height="70"
Canvas.Left="0">
Width="62"
Height="62"
Canvas.Left="4">
<Button.Template>
<ControlTemplate TargetType="{x:Type Button}">
<Canvas ClipToBounds="false"
Background="{Binding Background, ElementName=BtnSsp}">
<Grid ClipToBounds="false">
<Border Background="{Binding Background, ElementName=BtnSsp}"
BorderBrush="{DynamicResource navigationRailBorderColor}"
BorderThickness="1"
CornerRadius="14" />
<Canvas Panel.ZIndex="1000"
Height="70"
Width="80"
Margin="70,0,0,0">
Height="62"
Width="72"
Margin="62,0,0,0">
<Polygon Visibility="Hidden"
x:Name="poly_main3"
Panel.ZIndex="1000"
Points="0,0 10,0 10,70 0,70"
Points="0,0 8,0 8,62 0,62"
Fill="{Binding Background, ElementName=BtnSsp}" />
</Canvas>
<ContentPresenter HorizontalAlignment="Center"
VerticalAlignment="Center" />
</Canvas>
</Grid>
</ControlTemplate>
</Button.Template>
<StackPanel Orientation="Horizontal"
@@ -493,9 +562,9 @@
Stretch="fill"
Panel.ZIndex="18"
Style="{StaticResource ImageStyle}"
Width="60"
Height="60"
Margin="5"
Width="34"
Height="34"
Margin="14"
Tag="ICO" />
<Image Source="Resources/StateOverlays/OverlayNewContentButton.png"
Visibility="Collapsed"
@@ -505,7 +574,7 @@
Stretch="None"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Margin="-29,-29,0,0" />
Margin="-20,-20,0,0" />
</StackPanel>
</Button>
<Button x:Name="BtnCustomLink"
@@ -514,29 +583,32 @@
Visibility="Hidden"
Style="{StaticResource FlatButtonStyle2}"
ToolTip="{x:Static resx:Resources.CustomLink}"
BorderThickness="0"
BorderThickness="1"
Canvas.Top="0"
Width="70"
Height="70"
Canvas.Left="0"
Width="62"
Height="62"
Canvas.Left="4"
Panel.ZIndex="1000">
<Button.Template>
<ControlTemplate TargetType="{x:Type Button}">
<Canvas ClipToBounds="False"
Background="{Binding Background, ElementName=BtnCustomLink}">
<Grid ClipToBounds="False">
<Border Background="{Binding Background, ElementName=BtnCustomLink}"
BorderBrush="{DynamicResource navigationRailBorderColor}"
BorderThickness="1"
CornerRadius="14" />
<Canvas Panel.ZIndex="1000"
Height="70"
Width="80"
Margin="70,0,0,0">
Height="62"
Width="72"
Margin="62,0,0,0">
<Polygon Visibility="Hidden"
x:Name="poly_main4"
Panel.ZIndex="90"
Points="0,0 10,0 10,70 0,70"
Points="0,0 8,0 8,62 0,62"
Fill="{Binding Background, ElementName=BtnCustomLink}" />
</Canvas>
<ContentPresenter HorizontalAlignment="Center"
VerticalAlignment="Center" />
</Canvas>
</Grid>
</ControlTemplate>
</Button.Template>
<StackPanel Orientation="Horizontal"
@@ -547,9 +619,9 @@
Stretch="fill"
Panel.ZIndex="18"
Style="{StaticResource ImageStyle}"
Width="60"
Height="60"
Margin="5" />
Width="34"
Height="34"
Margin="14" />
<Image Source="Resources/StateOverlays/OverlayNewContentButton.png"
Visibility="Collapsed"
Panel.ZIndex="18"
@@ -558,7 +630,7 @@
Stretch="None"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Margin="-29,-29,0,0" />
Margin="-20,-20,0,0" />
</StackPanel>
</Button>
<Button x:Name="BtnInfo"
@@ -567,29 +639,32 @@
Visibility="Hidden"
Style="{StaticResource FlatButtonStyle2}"
ToolTip="{x:Static resx:Resources.mo_information}"
BorderThickness="0"
BorderThickness="1"
Canvas.Top="0"
Width="70"
Height="70"
Canvas.Left="0"
Width="62"
Height="62"
Canvas.Left="4"
Panel.ZIndex="1000">
<Button.Template>
<ControlTemplate TargetType="{x:Type Button}">
<Canvas ClipToBounds="False"
Background="{Binding Background, ElementName=BtnInfo}">
<Grid ClipToBounds="False">
<Border Background="{Binding Background, ElementName=BtnInfo}"
BorderBrush="{DynamicResource navigationRailBorderColor}"
BorderThickness="1"
CornerRadius="14" />
<Canvas Panel.ZIndex="1000"
Height="70"
Width="80"
Margin="70,0,0,0">
Height="62"
Width="72"
Margin="62,0,0,0">
<Polygon Visibility="Hidden"
x:Name="poly_main4"
Panel.ZIndex="90"
Points="0,0 10,0 10,70 0,70"
Points="0,0 8,0 8,62 0,62"
Fill="{Binding Background, ElementName=BtnInfo}" />
</Canvas>
<ContentPresenter HorizontalAlignment="Center"
VerticalAlignment="Center" />
</Canvas>
</Grid>
</ControlTemplate>
</Button.Template>
<StackPanel Orientation="Horizontal"
@@ -600,9 +675,9 @@
Stretch="fill"
Panel.ZIndex="18"
Style="{StaticResource ImageStyle}"
Width="60"
Height="60"
Margin="5" />
Width="34"
Height="34"
Margin="14" />
<Image Source="Resources/StateOverlays/OverlayNewContentButton.png"
Visibility="Collapsed"
Panel.ZIndex="18"
@@ -611,7 +686,7 @@
Stretch="None"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Margin="-29,-29,0,0" />
Margin="-20,-20,0,0" />
</StackPanel>
</Button>
</Canvas>
@@ -620,11 +695,19 @@
Panel.ZIndex="1"
ClipToBounds="False"
>
<Border Canvas.Left="-75"
Canvas.Top="8"
Width="500"
Height="580"
CornerRadius="20"
BorderThickness="1"
BorderBrush="{DynamicResource panelBorderColor}"
Background="{DynamicResource panelBackgroundColor}" />
<Canvas x:Name="StPaMain"
Panel.ZIndex="1000"
Height="590"
Width="500"
Background="{DynamicResource backgroundColor}"
Background="Transparent"
Canvas.Left="-75">
@@ -665,4 +748,4 @@
Margin="80,0,0,140" />
</Grid>
</Window>