mirror of
https://github.com/wabbajack-tools/wabbajack.git
synced 2024-08-30 18:42:17 +00:00
364 lines
17 KiB
XML
364 lines
17 KiB
XML
<UserControl
|
|
x:Class="Wabbajack.InstallationView"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:icon="http://metro.mahapps.com/winfx/xaml/iconpacks"
|
|
xmlns:local="clr-namespace:Wabbajack"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
d:DataContext="{d:DesignInstance local:InstallerVM}"
|
|
d:DesignHeight="500"
|
|
d:DesignWidth="800"
|
|
mc:Ignorable="d">
|
|
<UserControl.Resources>
|
|
<Style
|
|
x:Key="SlideshowButton"
|
|
BasedOn="{StaticResource CircleButtonStyle}"
|
|
TargetType="ButtonBase">
|
|
<Setter Property="Width" Value="40" />
|
|
<Setter Property="Height" Value="40" />
|
|
<Setter Property="Margin" Value="4" />
|
|
</Style>
|
|
</UserControl.Resources>
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="45" />
|
|
<RowDefinition Height="4*" />
|
|
<RowDefinition Height="*" MinHeight="150" />
|
|
</Grid.RowDefinitions>
|
|
<Rectangle
|
|
x:Name="BorderEdgeFadeDown"
|
|
Grid.Row="1"
|
|
Grid.RowSpan="2">
|
|
<Rectangle.Fill>
|
|
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
|
|
<GradientStop Offset="0" Color="#191919" />
|
|
<GradientStop Offset="0.4" Color="#00191919" />
|
|
</LinearGradientBrush>
|
|
</Rectangle.Fill>
|
|
</Rectangle>
|
|
<local:HeatedBackgroundView
|
|
Grid.Row="1"
|
|
Grid.RowSpan="2"
|
|
PercentCompleted="{Binding PercentCompleted}" />
|
|
<Grid
|
|
x:Name="Slideshow"
|
|
Grid.Row="1"
|
|
Margin="5,0,5,5">
|
|
<Border BorderBrush="{StaticResource BorderInterestBrush}" BorderThickness="1,0,1,1">
|
|
<local:DetailImageView
|
|
Title="{Binding TitleText, Mode=OneWay}"
|
|
Author="{Binding AuthorText, Mode=OneWay}"
|
|
Description="{Binding Description, Mode=OneWay}"
|
|
Image="{Binding Image, Mode=OneWay}" />
|
|
</Border>
|
|
<Grid
|
|
Margin="0,20,25,0"
|
|
HorizontalAlignment="Right"
|
|
VerticalAlignment="Top">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="Auto" />
|
|
</Grid.ColumnDefinitions>
|
|
<Grid.Effect>
|
|
<DropShadowEffect
|
|
BlurRadius="25"
|
|
Opacity="1"
|
|
Color="Black" />
|
|
</Grid.Effect>
|
|
<Grid.Style>
|
|
<Style TargetType="Grid">
|
|
<Setter Property="Opacity" Value="0" />
|
|
<Style.Triggers>
|
|
<MultiDataTrigger>
|
|
<MultiDataTrigger.Conditions>
|
|
<Condition Binding="{Binding IsMouseOver, ElementName=Slideshow}" Value="True" />
|
|
<Condition Binding="{Binding Installing}" Value="True" />
|
|
</MultiDataTrigger.Conditions>
|
|
<MultiDataTrigger.EnterActions>
|
|
<BeginStoryboard>
|
|
<Storyboard>
|
|
<DoubleAnimation
|
|
Storyboard.TargetProperty="Opacity"
|
|
To="1"
|
|
Duration="0:0:0.12" />
|
|
</Storyboard>
|
|
</BeginStoryboard>
|
|
</MultiDataTrigger.EnterActions>
|
|
<MultiDataTrigger.ExitActions>
|
|
<BeginStoryboard>
|
|
<Storyboard>
|
|
<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity">
|
|
<LinearDoubleKeyFrame KeyTime="0:0:0.3" Value="1" />
|
|
<LinearDoubleKeyFrame KeyTime="0:0:0.42" Value="0" />
|
|
</DoubleAnimationUsingKeyFrames>
|
|
</Storyboard>
|
|
</BeginStoryboard>
|
|
</MultiDataTrigger.ExitActions>
|
|
</MultiDataTrigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
</Grid.Style>
|
|
<Button
|
|
Grid.Column="3"
|
|
Width="60"
|
|
Height="60"
|
|
Margin="6"
|
|
Background="{StaticResource BackgroundBrush}"
|
|
Command="{Binding Slideshow.SlideShowNextItemCommand}"
|
|
Style="{StaticResource CircleButtonStyle}"
|
|
ToolTip="Skip to the next mod">
|
|
<icon:PackIconFontAwesome
|
|
Width="28"
|
|
Height="28"
|
|
Kind="ChevronRightSolid" />
|
|
</Button>
|
|
<ToggleButton
|
|
x:Name="PlayPauseButton"
|
|
Grid.Column="2"
|
|
Margin="6"
|
|
Background="{StaticResource BackgroundBrush}"
|
|
IsChecked="{Binding Slideshow.Enable}">
|
|
<ToggleButton.Style>
|
|
<Style BasedOn="{StaticResource SlideshowButton}" TargetType="ToggleButton">
|
|
<Setter Property="ToolTip" Value="Play slideshow" />
|
|
<Style.Triggers>
|
|
<DataTrigger Binding="{Binding Slideshow.Enable}" Value="True">
|
|
<Setter Property="ToolTip" Value="Pause slideshow" />
|
|
</DataTrigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
</ToggleButton.Style>
|
|
<icon:PackIconMaterial>
|
|
<icon:PackIconMaterial.Style>
|
|
<Style TargetType="icon:PackIconMaterial">
|
|
<Setter Property="Kind" Value="Play" />
|
|
<Style.Triggers>
|
|
<DataTrigger Binding="{Binding Slideshow.Enable}" Value="True">
|
|
<Setter Property="Kind" Value="Pause" />
|
|
</DataTrigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
</icon:PackIconMaterial.Style>
|
|
</icon:PackIconMaterial>
|
|
</ToggleButton>
|
|
<Button
|
|
Grid.Column="1"
|
|
Margin="6"
|
|
Background="{StaticResource BackgroundBrush}"
|
|
Command="{Binding Slideshow.VisitNexusSiteCommand}"
|
|
Style="{StaticResource SlideshowButton}"
|
|
ToolTip="Open Nexus Website">
|
|
<icon:PackIconMaterial
|
|
Width="28"
|
|
Height="28"
|
|
Kind="Web" />
|
|
</Button>
|
|
<ToggleButton
|
|
Grid.Column="0"
|
|
Background="{StaticResource BackgroundBrush}"
|
|
IsChecked="{Binding Slideshow.ShowNSFW}"
|
|
ToolTip="Show NSFW mods">
|
|
<ToggleButton.Style>
|
|
<Style BasedOn="{StaticResource SlideshowButton}" TargetType="ToggleButton">
|
|
<Setter Property="ToolTip" Value="Show NSFW mods" />
|
|
<Style.Triggers>
|
|
<DataTrigger Binding="{Binding Slideshow.ShowNSFW}" Value="True">
|
|
<Setter Property="ToolTip" Value="Hide NSFW mods" />
|
|
</DataTrigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
</ToggleButton.Style>
|
|
<Grid>
|
|
<TextBlock
|
|
Margin="4"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
FontFamily="Lucida Sans"
|
|
FontSize="9"
|
|
FontWeight="Bold"
|
|
Text="NSFW" />
|
|
<icon:PackIconOcticons
|
|
Width="40"
|
|
Height="40"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
Foreground="#88FFFFFF"
|
|
Kind="CircleSlash"
|
|
Visibility="{Binding Slideshow.ShowNSFW, Converter={StaticResource bool2VisibilityConverter}, ConverterParameter=False}" />
|
|
</Grid>
|
|
</ToggleButton>
|
|
</Grid>
|
|
</Grid>
|
|
<!-- Comes after slideshow control, so that any effects/overlap goes on top -->
|
|
<local:TopProgressView
|
|
Title="{Binding ModListName}"
|
|
Grid.Row="0"
|
|
Grid.RowSpan="2"
|
|
ProgressPercent="{Binding PercentCompleted}"
|
|
StatePrefixTitle="{Binding ProgressTitle}">
|
|
<!-- Readd when Pause/Stop implementations added -->
|
|
<!--<Button Grid.Column="2"
|
|
ToolTip="Pause Installation"
|
|
Margin="0,0,0,5"
|
|
Width="50"
|
|
Visibility="{Binding InstallingMode, Converter={StaticResource bool2VisibilityConverter}}">
|
|
<icon:PackIconMaterial
|
|
Kind="Pause" />
|
|
</Button>
|
|
<Button Grid.Column="3"
|
|
ToolTip="Stop Installation"
|
|
Margin="0,0,0,5"
|
|
Width="50"
|
|
Visibility="{Binding InstallingMode, Converter={StaticResource bool2VisibilityConverter}}" >
|
|
<icon:PackIconFontAwesome
|
|
Width="25"
|
|
Height="25"
|
|
Kind="TimesCircleSolid" />
|
|
</Button>-->
|
|
</local:TopProgressView>
|
|
<Button
|
|
x:Name="BackButton"
|
|
Grid.Row="0"
|
|
Grid.RowSpan="2"
|
|
Width="30"
|
|
Height="30"
|
|
Margin="7,5,0,0"
|
|
HorizontalAlignment="Left"
|
|
VerticalAlignment="Top"
|
|
Background="{StaticResource ButtonBackground}"
|
|
Command="{Binding BackCommand}"
|
|
Style="{StaticResource CircleButtonStyle}"
|
|
ToolTip="Back to main menu">
|
|
<icon:PackIconMaterial Foreground="{Binding Foreground, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Kind="ArrowLeft" />
|
|
</Button>
|
|
<!-- Bottom Area -->
|
|
<Grid
|
|
Grid.Row="2"
|
|
Margin="5,0,5,5"
|
|
ClipToBounds="True"
|
|
Visibility="{Binding InstallingMode, Converter={StaticResource bool2VisibilityConverter}, ConverterParameter=False}">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="4" />
|
|
<ColumnDefinition Width="2*" />
|
|
</Grid.ColumnDefinitions>
|
|
<Grid Grid.Column="0" Margin="10">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="*" />
|
|
<RowDefinition Height="*" />
|
|
<RowDefinition Height="*" />
|
|
</Grid.RowDefinitions>
|
|
<Button
|
|
Grid.Row="0"
|
|
Margin="30,5"
|
|
Command="{Binding OpenReadmeCommand}"
|
|
Content="Readme"
|
|
FontSize="20"
|
|
ToolTip="Open the readme for the modlist" />
|
|
<Button
|
|
Grid.Row="1"
|
|
Margin="30,5"
|
|
Command="{Binding VisitWebsiteCommand}"
|
|
Content="Website"
|
|
FontSize="20"
|
|
ToolTip="Open the webpage for the modlist" />
|
|
<Button
|
|
Grid.Row="2"
|
|
Margin="30,5"
|
|
Command="{Binding ShowReportCommand}"
|
|
Content="Manifest"
|
|
FontSize="20"
|
|
ToolTip="Open an explicit listing of all actions this modlist will take" />
|
|
</Grid>
|
|
<Grid
|
|
x:Name="InstallationConfigurationView"
|
|
Grid.Column="2"
|
|
Background="{StaticResource WindowBackgroundBrush}">
|
|
<ScrollViewer
|
|
Margin="5"
|
|
Background="Transparent"
|
|
VerticalScrollBarVisibility="Auto"
|
|
Visibility="{Binding InstallingMode, Converter={StaticResource bool2VisibilityConverter}, ConverterParameter=False}">
|
|
<Grid Margin="8">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="20" />
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="20" />
|
|
<ColumnDefinition Width="Auto" />
|
|
</Grid.ColumnDefinitions>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="*" />
|
|
<RowDefinition Height="40" />
|
|
<RowDefinition Height="40" />
|
|
<RowDefinition Height="40" />
|
|
<RowDefinition Height="*" />
|
|
</Grid.RowDefinitions>
|
|
<TextBlock
|
|
Grid.Row="1"
|
|
Grid.Column="0"
|
|
HorizontalAlignment="Right"
|
|
VerticalAlignment="Center"
|
|
FontSize="14"
|
|
Text="Target Modlist"
|
|
TextAlignment="Center" />
|
|
<local:FilePicker
|
|
Grid.Row="1"
|
|
Grid.Column="2"
|
|
Height="30"
|
|
VerticalAlignment="Center"
|
|
DataContext="{Binding ModListPath}"
|
|
FontSize="14" />
|
|
<TextBlock
|
|
Grid.Row="2"
|
|
Grid.Column="0"
|
|
HorizontalAlignment="Right"
|
|
VerticalAlignment="Center"
|
|
FontSize="14"
|
|
Text="Installation Location"
|
|
TextAlignment="Center" />
|
|
<local:FilePicker
|
|
Grid.Row="2"
|
|
Grid.Column="2"
|
|
Height="30"
|
|
VerticalAlignment="Center"
|
|
DataContext="{Binding Location}"
|
|
FontSize="14" />
|
|
<TextBlock
|
|
Grid.Row="3"
|
|
Grid.Column="0"
|
|
HorizontalAlignment="Right"
|
|
VerticalAlignment="Center"
|
|
FontSize="14"
|
|
Text="Download Location"
|
|
TextAlignment="Center" />
|
|
<local:FilePicker
|
|
Grid.Row="3"
|
|
Grid.Column="2"
|
|
Height="30"
|
|
VerticalAlignment="Center"
|
|
DataContext="{Binding DownloadLocation}"
|
|
FontSize="14" />
|
|
<local:BeginButton
|
|
Grid.Row="1"
|
|
Grid.RowSpan="3"
|
|
Grid.Column="4"
|
|
Margin="0,0,25,0"
|
|
HorizontalAlignment="Right"
|
|
Command="{Binding BeginCommand, Mode=OneWay}" />
|
|
</Grid>
|
|
</ScrollViewer>
|
|
</Grid>
|
|
</Grid>
|
|
<Grid
|
|
Grid.Row="2"
|
|
Margin="5,0,5,5"
|
|
Visibility="{Binding InstallingMode, Converter={StaticResource bool2VisibilityConverter}, FallbackValue=Hidden}">
|
|
<local:LogCpuView ProgressPercent="{Binding PercentCompleted, Mode=OneWay}" />
|
|
</Grid>
|
|
</Grid>
|
|
</UserControl>
|