MainPage.xaml 7.69 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
33
34
35
36
37
38
39
40
41
42
    <Page.Resources>
        <Storyboard x:Name="_fadeOutStoryboard_">
            <DoubleAnimation
            Storyboard.TargetName="_loadingOverlay_"
            Storyboard.TargetProperty="Opacity"
            From="1.0" To="0.0" Duration="0:0:1" Completed="hideLoadingOverlay"/>
        </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
94
            <SplitView.Pane>
                <Frame x:Name="_consolePanel_"/>
            </SplitView.Pane>
            <SplitView.Content>
                <SplitView x:Name="_innerSplitView_"
Nicolas Jager's avatar
Nicolas Jager committed
95
96
                       IsPaneOpen="True"
                       CompactPaneLength="60"
Nicolas Jager's avatar
Nicolas Jager committed
97
                       DisplayMode="CompactInline">
98
                    <SplitView.Pane>
99
100
101
102
103
104
105
106
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="32"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <Grid   x:Name="_hamburgerButtonBar_"
                                    Canvas.ZIndex="0"
                                    Grid.Row="0"
atraczyk's avatar
atraczyk committed
107
                                    Background="#3bc1d3"
108
109
110
111
112
113
114
115
                                    Width="320"
                                    HorizontalAlignment="Left">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="60"/>
                                </Grid.ColumnDefinitions>
                                <!-- hamburger button. -->
                                <Button x:Name="_toggleSmartBoxButton_"
                                        Grid.Row="0"
116
117
                                        FontWeight="Bold"
                                        FontSize="20"
118
119
120
121
122
123
124
125
126
127
                                        Content="&#xE700;"
                                        Click="_toggleSmartBoxButton__Click"
                                        HorizontalAlignment="Center"
                                        Style="{StaticResource HamburgerButtonStyle}"/>
                            </Grid>
                            <Frame x:Name="_smartPanel_"
                                   Grid.Row="1">
                            </Frame>
                        </Grid>
                    </SplitView.Pane>
128
                    <SplitView.Content>
Nicolas Jager's avatar
Nicolas Jager committed
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
                        <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"/>
145
146
147
148
                            <Frame x:Name="_previewFrame_"
                                   Grid.Row="1"
                                   Canvas.ZIndex="99"
                                   Visibility="Collapsed"/>
Nicolas Jager's avatar
Nicolas Jager committed
149
150
                        </Grid>
                    </SplitView.Content>
151
152
153
                </SplitView>
            </SplitView.Content>
        </SplitView>
Nicolas Jager's avatar
Nicolas Jager committed
154
    </Grid>
Nicolas Jager's avatar
Nicolas Jager committed
155
</Page>