﻿<common:StorePage 
    x:Class="WinStore.UX.DownloadsPage"
    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:installs="using:WinStore.UX.Controls.Installs"
    xmlns:common="using:WinStore.UX.Common"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <ScrollViewer
        ZoomMode="Disabled"
        VerticalScrollBarVisibility="Auto"
        Style="{StaticResource NavigationAwareScrollViewerStyle}">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:ConnectionId='1' x:Name="NarrowModeButtonStates">
                <VisualState x:ConnectionId='8' x:Name="BothButtonsVisible" />
                <VisualState x:ConnectionId='9' x:Name="OnlyPauseButtonVisible">
                    <Storyboard>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Grid.ColumnSpan)" Storyboard.TargetName="_pauseAllButton">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="3" />
                        </ObjectAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Grid.Column)" Storyboard.TargetName="_pauseAllButton">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="0" />
                        </ObjectAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="_updateAllButton">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed" />
                        </ObjectAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
                <VisualState x:ConnectionId='10' x:Name="OnlyUpdateButtonVisible">
                    <Storyboard>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Grid.ColumnSpan)" Storyboard.TargetName="_updateAllButton">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="3" />
                        </ObjectAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="_pauseAllButton">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed" />
                        </ObjectAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
            <VisualStateGroup x:ConnectionId='2' x:Name="DisplayStates">
                <VisualState x:ConnectionId='3' x:Name="Wide" />
                <VisualState x:ConnectionId='4' x:Name="MediumWide" />
                <VisualState x:ConnectionId='5' x:Name="Medium" />
                <VisualState x:ConnectionId='6' x:Name="MediumNarrow" />
                <VisualState x:ConnectionId='7' x:Name="Narrow">
                    <Storyboard>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Width" Storyboard.TargetName="_leftGutterColumn">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="12" />
                        </ObjectAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Width" Storyboard.TargetName="_rightGutterColumn">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="12" />
                        </ObjectAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="_pageTitle">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed" />
                        </ObjectAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="_narrowButtonsGrid">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                        </ObjectAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Height" Storyboard.TargetName="_footerRow">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="0" />
                        </ObjectAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
        <Grid x:ConnectionId='11' x:Name="_rootGrid" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Margin="{Binding NavigationOffsetMargin, Source={StaticResource HamburgerHelper}}">
            <Grid.RowDefinitions>
                <RowDefinition Height="17" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" /> <!-- temporary place for Check for downloads button. -->
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition x:ConnectionId='12' x:Name="_footerRow" Height="35" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition x:ConnectionId='13' x:Name="_leftGutterColumn" Width="{StaticResource AppGutterGridLength}"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition x:ConnectionId='14' x:Name="_rightGutterColumn" Width="{StaticResource AppGutterGridLength}"/>
            </Grid.ColumnDefinitions>

            <TextBlock x:ConnectionId='15' 
                x:Name="_pageTitle"
                AutomationProperties.AutomationId="DownloadPageTitle"
                Style="{StaticResource SubheaderTextBlockStyle}"
                Foreground="{ThemeResource PrimaryForegroundBrush}" 
                Margin="0,0,0,1"
                Grid.Row="1"
                Grid.Column="1" />

            <Button x:ConnectionId='16'
                x:Name="_checkForUpdates"
                x:Uid="CheckForUpdatesButton"
                Grid.Row="2" Grid.Column="1"
                Margin="0,5,0,5"
                                            
                />

          <installs:InstallListControl x:ConnectionId='17' 
                x:Name="_updatesList"
                Grid.Row="3"
                Grid.ColumnSpan="3"
                                                        
                IsUpdatesList="True"
                Visibility="Collapsed" />

            <Rectangle x:ConnectionId='18' 
                x:Name="_horizontalRule"
                Height="1"
                Grid.Row="4"
                Grid.Column="1"
                Margin="0,35,0,11"
                Fill="{StaticResource BodyBackgroundStroke}" />

            <installs:InstallListControl x:ConnectionId='19' 
                x:Name="_queue"
                Grid.Row="5"
                Grid.ColumnSpan="3"
                                                    
                Visibility="Collapsed" />

            <Grid x:ConnectionId='20' x:Name="_narrowButtonsGrid" Grid.Column="1" Grid.Row="6" Visibility="Collapsed" Margin="0,12">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition Width="4" />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <Button x:ConnectionId='21' 
                    x:Name="_updateAllButton"
                    Style="{StaticResource DownloadUpdateButtonStyle}" 
                    HorizontalAlignment="Stretch" 
                    MinWidth="126" 
                    MinHeight="38" 
                                                    
                    Visibility="Visible" />

                <Button x:ConnectionId='22' 
                    x:Name="_pauseAllButton" 
                    Style="{StaticResource DownloadUpdateButtonStyle}" 
                    Grid.Column="2"
                    HorizontalAlignment="Stretch" 
                    MinWidth="126" 
                    MinHeight="38" 
                                                
                    Visibility="Visible" />
            </Grid>
        </Grid>
    </ScrollViewer>
</common:StorePage>

