MainPage.xaml 7.94 KB
Newer Older
Nicolas Jager's avatar
Nicolas Jager committed
1 2 3
<!-- **********************************************************************
* Copyright (C) 2016 by Savoir-faire Linux                                *
* Author: Jäger Nicolas<nicolas.jager@savoirfairelinux.com>               *
4
* Author: Traczyk Andreas<andreas.traczyk@savoirfairelinux.com>           *
Nicolas Jager's avatar
Nicolas Jager committed
5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
*                                                                         *
* This program is free software; you can redistribute it and/or modify    *
* it under the terms of the GNU General Public License as published by    *
* the Free Software Foundation; either version 3 of the License, or       *
* (at your option) any later version.                                     *
*                                                                         *
* This program is distributed in the hope that it will be useful,         *
* but WITHOUT ANY WARRANTY; without even the implied warranty of          *
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           *
* GNU General Public License for more details.                            *
*                                                                         *
* You should have received a copy of the GNU General Public License       *
* along with this program.  If not, see <http://www.gnu.org/licenses/> .  *
*********************************************************************** -->
<Page x:Class="RingClientUWP.MainPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:local="using:RingClientUWP"
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
25
      NavigationCacheMode="Enabled"
Nicolas Jager's avatar
Nicolas Jager committed
26 27
      mc:Ignorable="d">

28 29 30 31 32
    <Page.Resources>
        <Storyboard x:Name="_fadeOutStoryboard_">
            <DoubleAnimation
            Storyboard.TargetName="_loadingOverlay_"
            Storyboard.TargetProperty="Opacity"
33
            From="1.0" To="0.0" Duration="0:0:0.25" Completed="hideLoadingOverlay"/>
34 35 36 37 38 39 40 41 42
        </Storyboard>
        <Storyboard x:Name="_fadeInModalStoryboard_">
            <DoubleAnimation
            Storyboard.TargetName="_loadingOverlay_"
            Storyboard.TargetProperty="Opacity"
            From="0.0" To="0.85" Duration="0:0:0.25"/>
        </Storyboard>
    </Page.Resources>

Nicolas Jager's avatar
Nicolas Jager committed
43
    <Grid>
44 45 46 47 48 49 50 51 52 53
        <Grid   x:Name="_loadingOverlay_"
                Canvas.ZIndex="4"
                Visibility="Collapsed">
            <Rectangle  x:Name="_loadingOverlayRect_"
                        Canvas.ZIndex="5"
                        Fill="Black"
                        Opacity="0.85"
                        Width="auto"
                        Height="auto">
            </Rectangle>
54 55 56 57 58 59 60 61 62 63 64 65 66
            <TextBlock  x:Name="_loadingStatus_"
                        Foreground="Red"
                        Canvas.ZIndex="7"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        Text="[LOADING STATE]">
                <TextBlock.RenderTransform>
                    <TranslateTransform X="0" Y="100"/>
                </TextBlock.RenderTransform>
            </TextBlock>
            <Canvas  Canvas.ZIndex="6"
                     HorizontalAlignment="Center"
                     VerticalAlignment="Center">
67
                <Image  x:Name="_loadingImage_"
atraczyk's avatar
atraczyk committed
68
                        Source="Assets/SplashScreen.scale-200.png"
69
                        Width="620"
70 71 72 73 74
                        Height="300">
                    <Image.RenderTransform>
                        <TranslateTransform X="-310" Y="-150"/>
                    </Image.RenderTransform>
                </Image>
atraczyk's avatar
atraczyk committed
75 76
                <ProgressRing   x:Name="_splashProgressRing_"
                                Foreground="#19a0b7"
77 78 79
                                IsActive="True"
                                MaxWidth="200"
                                MaxHeight="200"
80 81 82 83 84 85
                                Width="136"
                                Height="136">
                    <ProgressRing.RenderTransform>
                        <TranslateTransform X="-166" Y="-68"/>
                    </ProgressRing.RenderTransform>
                </ProgressRing>
86 87
            </Canvas>
        </Grid>
Nicolas Jager's avatar
Nicolas Jager committed
88 89
        <SplitView x:Name="_outerSplitView_"
                   IsPaneOpen="False">
90 91 92 93
            <SplitView.Pane>
                <Frame x:Name="_consolePanel_"/>
            </SplitView.Pane>
            <SplitView.Content>
94 95 96 97 98
                <SplitView  x:Name="_innerSplitView_"
                            Style="{ThemeResource AnimatedSplitView}"
                            IsPaneOpen="True"
                            CompactPaneLength="60"
                            DisplayMode="CompactInline">
99
                    <SplitView.Pane>
100 101 102 103 104 105 106 107
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="32"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <Grid   x:Name="_hamburgerButtonBar_"
                                    Canvas.ZIndex="0"
                                    Grid.Row="0"
108
                                    Background="{StaticResource RingBlueMidBrush}"
109 110 111 112 113 114 115 116
                                    Width="320"
                                    HorizontalAlignment="Left">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="60"/>
                                </Grid.ColumnDefinitions>
                                <!-- hamburger button. -->
                                <Button x:Name="_toggleSmartBoxButton_"
                                        Grid.Row="0"
117
                                        FontWeight="Bold"
118
                                        FontSize="26"
119 120
                                        Content="&#xE700;"
                                        Click="_toggleSmartBoxButton__Click"
121
                                        FontFamily="Segoe MDL2 Assets"
122
                                        HorizontalAlignment="Center"
123 124
                                        Style="{StaticResource TextBlockButtonStyle}"
                                        Foreground="White"/>
125 126 127 128 129 130
                            </Grid>
                            <Frame x:Name="_smartPanel_"
                                   Grid.Row="1">
                            </Frame>
                        </Grid>
                    </SplitView.Pane>
131
                    <SplitView.Content>
132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147
                        <Grid x:Name="_navGrid_">
                            <Grid.RowDefinitions>
                                <!-- stores the hidden frames. -->
                                <RowDefinition Height="0"/>
                                <!-- nesting the showed frame. -->
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <Frame x:Name="_welcomeFrame_"
                                   Grid.Row="1"
                                   Visibility="Visible"/>
                            <Frame x:Name="_messageTextFrame_"
                                   Grid.Row="0"
                                   Visibility="Visible"/>
                            <Frame x:Name="_videoFrame_"
                                   Grid.Row="0"
                                   Visibility="Visible"/>
148 149 150 151
                            <Frame x:Name="_previewFrame_"
                                   Grid.Row="1"
                                   Canvas.ZIndex="99"
                                   Visibility="Collapsed"/>
152 153
                        </Grid>
                    </SplitView.Content>
154 155 156
                </SplitView>
            </SplitView.Content>
        </SplitView>
Nicolas Jager's avatar
Nicolas Jager committed
157
    </Grid>
Nicolas Jager's avatar
Nicolas Jager committed
158
</Page>