Nicolas Jager | 998fbd7 | 2016-08-08 11:41:28 -0400 | [diff] [blame] | 1 | <!-- **********************************************************************
|
| 2 | * Copyright (C) 2016 by Savoir-faire Linux *
|
| 3 | * Author: Jäger Nicolas<nicolas.jager@savoirfairelinux.com> *
|
atraczyk | e87716f | 2016-09-20 13:46:22 -0400 | [diff] [blame] | 4 | * Author: Traczyk Andreas<andreas.traczyk@savoirfairelinux.com> *
|
Nicolas Jager | 998fbd7 | 2016-08-08 11:41:28 -0400 | [diff] [blame] | 5 | * *
|
| 6 | * This program is free software; you can redistribute it and/or modify *
|
| 7 | * it under the terms of the GNU General Public License as published by *
|
| 8 | * the Free Software Foundation; either version 3 of the License, or *
|
| 9 | * (at your option) any later version. *
|
| 10 | * *
|
| 11 | * This program is distributed in the hope that it will be useful, *
|
| 12 | * but WITHOUT ANY WARRANTY; without even the implied warranty of *
|
| 13 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the *
|
| 14 | * GNU General Public License for more details. *
|
| 15 | * *
|
| 16 | * You should have received a copy of the GNU General Public License *
|
| 17 | * along with this program. If not, see <http://www.gnu.org/licenses/> . *
|
| 18 | *********************************************************************** -->
|
| 19 | <Page x:Class="RingClientUWP.Views.SmartPanel"
|
| 20 | xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
| 21 | xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
| 22 | xmlns:local="using:RingClientUWP"
|
Nicolas Jager | 7c409f3 | 2016-09-08 09:35:16 -0400 | [diff] [blame] | 23 | xmlns:controls="using:RingClientUWP.Controls"
|
Nicolas Jager | 998fbd7 | 2016-08-08 11:41:28 -0400 | [diff] [blame] | 24 | xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
| 25 | xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
| 26 | mc:Ignorable="d">
|
| 27 |
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 28 | <Page.Resources>
|
atraczyk | e87716f | 2016-09-20 13:46:22 -0400 | [diff] [blame] | 29 | <Style x:Key="addContactTextBoxStyle"
|
| 30 | TargetType="TextBox">
|
| 31 | <Setter Property="MinWidth" Value="{ThemeResource TextControlThemeMinWidth}"/>
|
| 32 | <Setter Property="MinHeight" Value="{ThemeResource TextControlThemeMinHeight}"/>
|
| 33 | <Setter Property="Foreground" Value="Black"/>
|
| 34 | <Setter Property="Background" Value="white"/>
|
| 35 | <Setter Property="BorderBrush" Value="Red"/>
|
| 36 | <Setter Property="BorderThickness" Value="0"/>
|
| 37 | <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}"/>
|
| 38 | <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}"/>
|
| 39 | <Setter Property="ScrollViewer.HorizontalScrollMode" Value="Auto"/>
|
| 40 | <Setter Property="ScrollViewer.VerticalScrollMode" Value="Auto"/>
|
| 41 | <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden"/>
|
| 42 | <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden"/>
|
| 43 | <Setter Property="ScrollViewer.IsDeferredScrollingEnabled" Value="False"/>
|
| 44 | <Setter Property="Padding" Value="4,4"/>
|
| 45 | <Setter Property="Template">
|
| 46 | <Setter.Value>
|
| 47 | <ControlTemplate TargetType="TextBox">
|
| 48 | <Grid>
|
| 49 | <Grid.Resources>
|
| 50 | <Style x:Name="DeleteButtonStyle" TargetType="Button">
|
| 51 | <Setter Property="Template">
|
| 52 | <Setter.Value>
|
| 53 | <ControlTemplate TargetType="Button">
|
| 54 | <Grid x:Name="ButtonLayoutGrid"
|
| 55 | BorderThickness="5"
|
| 56 | Background="Yellow">
|
| 57 | </Grid>
|
| 58 | </ControlTemplate>
|
| 59 | </Setter.Value>
|
| 60 | </Setter>
|
| 61 | </Style>
|
| 62 | </Grid.Resources>
|
| 63 | <Grid.ColumnDefinitions>
|
| 64 | <ColumnDefinition Width="*"/>
|
| 65 | <ColumnDefinition Width="Auto"/>
|
| 66 | </Grid.ColumnDefinitions>
|
| 67 | <Grid.RowDefinitions>
|
| 68 | <RowDefinition Height="Auto"/>
|
| 69 | <RowDefinition Height="*"/>
|
| 70 | </Grid.RowDefinitions>
|
| 71 | <Border x:Name="BackgroundElement"
|
| 72 | Grid.Row="1"
|
| 73 | Background="{TemplateBinding Background}"
|
| 74 | Margin="5"
|
| 75 | Opacity="1"
|
| 76 | Grid.ColumnSpan="2"
|
| 77 | Grid.RowSpan="1"/>
|
| 78 | <ScrollViewer x:Name="ContentElement"
|
| 79 | Grid.Row="1"
|
| 80 | HorizontalScrollMode="{TemplateBinding ScrollViewer.HorizontalScrollMode}"
|
| 81 | HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
|
| 82 | VerticalScrollMode="{TemplateBinding ScrollViewer.VerticalScrollMode}"
|
| 83 | VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}"
|
| 84 | IsHorizontalRailEnabled="{TemplateBinding ScrollViewer.IsHorizontalRailEnabled}"
|
| 85 | IsVerticalRailEnabled="{TemplateBinding ScrollViewer.IsVerticalRailEnabled}"
|
| 86 | IsDeferredScrollingEnabled="{TemplateBinding ScrollViewer.IsDeferredScrollingEnabled}"
|
| 87 | Margin="5"
|
| 88 | Padding="{TemplateBinding Padding}"
|
| 89 | IsTabStop="False"
|
| 90 | AutomationProperties.AccessibilityView="Raw"
|
| 91 | ZoomMode="Disabled"/>
|
| 92 |
|
| 93 | <Button x:Name="DeleteButton"
|
| 94 | Background="Transparent"
|
| 95 | Grid.Row="1"
|
| 96 | FontFamily="Segoe MDL2 Assets"
|
| 97 | Foreground="LightBlue"
|
| 98 | Content=""
|
| 99 | Click="_ringTxtBx__Click"
|
| 100 | BorderThickness="{TemplateBinding BorderThickness}"
|
| 101 | Margin="{ThemeResource HelperButtonThemePadding}"
|
| 102 | IsTabStop="False"
|
| 103 | Grid.Column="1"
|
| 104 | Visibility="Visible"
|
| 105 | FontSize="20"
|
| 106 | MinWidth="34"
|
| 107 | VerticalAlignment="Stretch"/>
|
| 108 | </Grid>
|
| 109 | </ControlTemplate>
|
| 110 | </Setter.Value>
|
| 111 | </Setter>
|
| 112 | </Style>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 113 | <!-- template for contacts. -->
|
| 114 | <DataTemplate x:Key="ContactTemplate"
|
| 115 | x:DataType="local:Contact">
|
| 116 | <Grid>
|
atraczyk | e87716f | 2016-09-20 13:46:22 -0400 | [diff] [blame] | 117 | <Grid.ColumnDefinitions>
|
| 118 | <ColumnDefinition Width="310"/>
|
| 119 | </Grid.ColumnDefinitions>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 120 | <Grid.RowDefinitions>
|
| 121 | <RowDefinition Height="60"/>
|
| 122 | <!-- use the height of _contactBar_ to make it visible or collapsed. -->
|
| 123 | <RowDefinition x:Name="_contactBar_"
|
Nicolas Jager | f6a1032 | 2016-09-06 08:17:49 -0400 | [diff] [blame] | 124 | Height="{x:Bind _contactBarHeight, Mode=OneWay}"/>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 125 | </Grid.RowDefinitions>
|
| 126 | <Grid Grid.Row="0">
|
| 127 | <Grid.ColumnDefinitions>
|
| 128 | <ColumnDefinition Width="60"/>
|
| 129 | <ColumnDefinition Width="*"
|
| 130 | MinWidth="200"/>
|
| 131 | </Grid.ColumnDefinitions>
|
| 132 | <Image x:Name="_contactAvatar_"
|
| 133 | VerticalAlignment="Center"
|
| 134 | HorizontalAlignment="Center"
|
| 135 | Grid.Column="0"
|
| 136 | Width="55"
|
| 137 | Height="55"
|
| 138 | Source="Assets\TESTS\contactAvatar.png"/>
|
| 139 | <!-- visual notifications. -->
|
| 140 | <Border x:Name="_visualNotificationVideoChat_"
|
| 141 | Visibility="Collapsed"
|
| 142 | Style="{StaticResource BorderStyle1}">
|
| 143 | <TextBlock Text=""
|
| 144 | Style="{StaticResource TextSegoeStyle1}"/>
|
| 145 | <Border.RenderTransform>
|
| 146 | <TranslateTransform X="17" Y="-14"/>
|
| 147 | </Border.RenderTransform>
|
| 148 | </Border>
|
| 149 | <Border x:Name="_visualNotificationNewMessage_"
|
Nicolas Jager | 0788e96 | 2016-08-26 15:41:06 -0400 | [diff] [blame] | 150 | Visibility="{x:Bind notificationNewMessage, Mode=OneWay}"
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 151 | Style="{StaticResource BorderStyle2}">
|
Nicolas Jager | 0788e96 | 2016-08-26 15:41:06 -0400 | [diff] [blame] | 152 | <TextBlock Text="{x:Bind unreadMessages, Mode=OneWay}"
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 153 | Style="{StaticResource TextStyle3}"/>
|
| 154 | <Border.RenderTransform>
|
| 155 | <TranslateTransform X="-17" Y="-14"/>
|
| 156 | </Border.RenderTransform>
|
| 157 | </Border>
|
Nicolas Jager | d76940f | 2016-08-31 14:44:04 -0400 | [diff] [blame] | 158 | <Grid Grid.Column="1">
|
| 159 | <Grid.RowDefinitions>
|
| 160 | <RowDefinition Height="30"/>
|
| 161 | <RowDefinition Height="30"/>
|
| 162 | </Grid.RowDefinitions>
|
| 163 | <!-- name of the contact. -->
|
atraczyk | e87716f | 2016-09-20 13:46:22 -0400 | [diff] [blame] | 164 | <TextBlock x:Name="_contactName_"
|
| 165 | Grid.Row="0"
|
| 166 | Text="{x:Bind name_}"
|
| 167 | TextTrimming="CharacterEllipsis">
|
Nicolas Jager | d76940f | 2016-08-31 14:44:04 -0400 | [diff] [blame] | 168 | </TextBlock>
|
Nicolas Jager | 5750df0 | 2016-09-13 11:20:33 -0400 | [diff] [blame] | 169 | <!-- call status. REFACTO : REMOVE CODE BELOW -->
|
| 170 | <!--<StackPanel MaxWidth="240"
|
Nicolas Jager | d76940f | 2016-08-31 14:44:04 -0400 | [diff] [blame] | 171 | MinWidth="240"
|
| 172 | Grid.Row="1"
|
| 173 | HorizontalAlignment="Left">
|
| 174 | <TextBlock x:Name="_contactCallStatus_"
|
| 175 | Foreground="DarkGray"
|
| 176 | Text="{x:Bind _call.state, Mode=OneWay}"
|
| 177 | Visibility="Visible"
|
| 178 | HorizontalAlignment="Center">
|
| 179 | </TextBlock>
|
Nicolas Jager | 5750df0 | 2016-09-13 11:20:33 -0400 | [diff] [blame] | 180 | </StackPanel>-->
|
Nicolas Jager | d76940f | 2016-08-31 14:44:04 -0400 | [diff] [blame] | 181 | </Grid>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 182 | </Grid>
|
Nicolas Jager | 5750df0 | 2016-09-13 11:20:33 -0400 | [diff] [blame] | 183 | <!-- REFACTO : REMOVE CODE BELOW -->
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 184 | <!-- button bar for accept/reject or cancel call. -->
|
| 185 | <!-- nb : dont use Visibility with the grid, use the height of the hosting row (_contactBar_). -->
|
Nicolas Jager | 5750df0 | 2016-09-13 11:20:33 -0400 | [diff] [blame] | 186 | <!--<Grid Width="320"
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 187 | HorizontalAlignment="Left"
|
Nicolas Jager | d76940f | 2016-08-31 14:44:04 -0400 | [diff] [blame] | 188 | Grid.Row="2"
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 189 | Background="DarkGray">
|
| 190 | <StackPanel Orientation="Horizontal"
|
Nicolas Jager | d76940f | 2016-08-31 14:44:04 -0400 | [diff] [blame] | 191 | Grid.Row="0"
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 192 | HorizontalAlignment="Center">
|
| 193 | <Button x:Name="_acceptIncomingCallBtn_"
|
Nicolas Jager | f6a1032 | 2016-09-06 08:17:49 -0400 | [diff] [blame] | 194 | Click="_acceptIncomingCallBtn__Click"
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 195 | VerticalAlignment="Center"
|
| 196 | HorizontalAlignment="Center"
|
Nicolas Jager | d76940f | 2016-08-31 14:44:04 -0400 | [diff] [blame] | 197 | Content="Accept"/>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 198 | <Button x:Name="_rejectIncomingCallBtn_"
|
Nicolas Jager | f6a1032 | 2016-09-06 08:17:49 -0400 | [diff] [blame] | 199 | Click="_rejectIncomingCallBtn__Click"
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 200 | VerticalAlignment="Center"
|
| 201 | HorizontalAlignment="Center"
|
Nicolas Jager | d76940f | 2016-08-31 14:44:04 -0400 | [diff] [blame] | 202 | Content="Reject"/>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 203 | </StackPanel>
|
Nicolas Jager | 5750df0 | 2016-09-13 11:20:33 -0400 | [diff] [blame] | 204 | </Grid>-->
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 205 | </Grid>
|
| 206 | </DataTemplate>
|
| 207 | <!-- template for accounts. -->
|
| 208 | <DataTemplate x:Key="AccountTemplate"
|
| 209 | x:DataType="local:Account">
|
| 210 | <Grid>
|
| 211 | <Grid.ColumnDefinitions>
|
atraczyk | 2425ddd | 2016-09-01 13:16:22 -0400 | [diff] [blame] | 212 | <ColumnDefinition Width="260"/>
|
atraczyk | 8ce1dee | 2016-08-25 18:15:07 -0400 | [diff] [blame] | 213 | <ColumnDefinition Width="60"/>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 214 | </Grid.ColumnDefinitions>
|
atraczyk | 8ce1dee | 2016-08-25 18:15:07 -0400 | [diff] [blame] | 215 | <Grid.RowDefinitions>
|
| 216 | <RowDefinition Height="30"/>
|
| 217 | <RowDefinition Height="30"/>
|
| 218 | </Grid.RowDefinitions>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 219 | <TextBlock x:Name="_accountName_"
|
atraczyk | 2425ddd | 2016-09-01 13:16:22 -0400 | [diff] [blame] | 220 | Grid.Column="0"
|
atraczyk | 8ce1dee | 2016-08-25 18:15:07 -0400 | [diff] [blame] | 221 | Grid.Row="0"
|
atraczyk | 2425ddd | 2016-09-01 13:16:22 -0400 | [diff] [blame] | 222 | Margin="10,5,10,0"
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 223 | Text="{x:Bind name_}"/>
|
atraczyk | 8ce1dee | 2016-08-25 18:15:07 -0400 | [diff] [blame] | 224 | <TextBlock x:Name="_accountType_"
|
atraczyk | 2425ddd | 2016-09-01 13:16:22 -0400 | [diff] [blame] | 225 | Grid.Column="1"
|
atraczyk | 8ce1dee | 2016-08-25 18:15:07 -0400 | [diff] [blame] | 226 | Grid.Row="0"
|
| 227 | TextAlignment="Right"
|
atraczyk | 196936e | 2016-09-02 15:31:53 -0400 | [diff] [blame] | 228 | Margin="0,5,18,0"
|
atraczyk | 8ce1dee | 2016-08-25 18:15:07 -0400 | [diff] [blame] | 229 | Foreground="ForestGreen"
|
| 230 | Text="{x:Bind accountType_}"/>
|
| 231 | <TextBlock x:Name="_ringID_"
|
atraczyk | 2425ddd | 2016-09-01 13:16:22 -0400 | [diff] [blame] | 232 | Grid.Column="0"
|
atraczyk | 8ce1dee | 2016-08-25 18:15:07 -0400 | [diff] [blame] | 233 | Grid.ColumnSpan="2"
|
| 234 | Grid.Row="1"
|
| 235 | Foreground="Crimson"
|
atraczyk | 2425ddd | 2016-09-01 13:16:22 -0400 | [diff] [blame] | 236 | Margin="10,5,10,0"
|
| 237 | FontSize="14"
|
atraczyk | 8ce1dee | 2016-08-25 18:15:07 -0400 | [diff] [blame] | 238 | TextTrimming="CharacterEllipsis"
|
| 239 | Text="{x:Bind ringID_}"/>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 240 | </Grid>
|
| 241 | </DataTemplate>
|
Nicolas Jager | 5750df0 | 2016-09-13 11:20:33 -0400 | [diff] [blame] | 242 | <!-- template for incoming calls. -->
|
| 243 | <DataTemplate x:Key="IncomingCallTemplate" x:DataType="local:Call">
|
Nicolas Jager | 7c409f3 | 2016-09-08 09:35:16 -0400 | [diff] [blame] | 244 | <Grid Width="320"
|
| 245 | HorizontalAlignment="Left"
|
Nicolas Jager | 7c409f3 | 2016-09-08 09:35:16 -0400 | [diff] [blame] | 246 | Background="DarkGray">
|
| 247 | <Grid.RowDefinitions>
|
| 248 | <RowDefinition Height="30"/>
|
| 249 | <RowDefinition Height="30"/>
|
| 250 | </Grid.RowDefinitions>
|
| 251 | <TextBlock x:Name="_contactCallStatus_"
|
| 252 | Grid.Row="0"
|
| 253 | Foreground="White"
|
| 254 | Text="{x:Bind state, Mode=OneWay}"
|
| 255 | Visibility="Visible"
|
| 256 | HorizontalAlignment="Center">
|
| 257 | </TextBlock>
|
| 258 | <StackPanel Orientation="Horizontal"
|
| 259 | Grid.Row="1"
|
| 260 | HorizontalAlignment="Center">
|
| 261 | <Button x:Name="_acceptIncomingCallBtn_"
|
| 262 | Click="_acceptIncomingCallBtn__Click"
|
| 263 | VerticalAlignment="Center"
|
| 264 | HorizontalAlignment="Center"
|
| 265 | Content="Accept"/>
|
| 266 | <Button x:Name="_rejectIncomingCallBtn_"
|
| 267 | Click="_rejectIncomingCallBtn__Click"
|
| 268 | VerticalAlignment="Center"
|
| 269 | HorizontalAlignment="Center"
|
| 270 | Content="Reject"/>
|
| 271 | </StackPanel>
|
| 272 | </Grid>
|
| 273 | </DataTemplate>
|
Nicolas Jager | 5750df0 | 2016-09-13 11:20:33 -0400 | [diff] [blame] | 274 | <!-- template for outgoing calls. -->
|
| 275 | <DataTemplate x:Key="OutGoingCallTemplate" x:DataType="local:Call">
|
| 276 | <Grid Width="320"
|
| 277 | HorizontalAlignment="Left"
|
| 278 | Background="DarkGray">
|
| 279 | <Grid.RowDefinitions>
|
| 280 | <RowDefinition Height="30"/>
|
| 281 | <RowDefinition Height="30"/>
|
| 282 | </Grid.RowDefinitions>
|
| 283 | <TextBlock x:Name="_contactCallStatus_"
|
| 284 | Grid.Row="0"
|
| 285 | Foreground="White"
|
| 286 | Text="{x:Bind state, Mode=OneWay}"
|
| 287 | Visibility="Visible"
|
| 288 | HorizontalAlignment="Center">
|
| 289 | </TextBlock>
|
| 290 | <StackPanel Orientation="Horizontal"
|
| 291 | Grid.Row="1"
|
| 292 | HorizontalAlignment="Center">
|
| 293 | <Button x:Name="_cancelCallBtn_"
|
| 294 | Click="_cancelCallBtn__Click"
|
| 295 | VerticalAlignment="Center"
|
| 296 | HorizontalAlignment="Center"
|
| 297 | Content="Cancel"/>
|
| 298 | </StackPanel>
|
| 299 | </Grid>
|
| 300 | </DataTemplate>
|
Nicolas Jager | 7c409f3 | 2016-09-08 09:35:16 -0400 | [diff] [blame] | 301 | <!-- template for smartpanelitems. -->
|
| 302 | <DataTemplate x:Key="SmartPanelItemsTemplate"
|
| 303 | x:DataType="controls:SmartPanelItem">
|
Nicolas Jager | 5750df0 | 2016-09-13 11:20:33 -0400 | [diff] [blame] | 304 | <Grid PointerEntered="Grid_PointerEntered" PointerExited="Grid_PointerExited">
|
Nicolas Jager | 7c409f3 | 2016-09-08 09:35:16 -0400 | [diff] [blame] | 305 | <Grid.RowDefinitions>
|
| 306 | <RowDefinition Height="auto"/>
|
| 307 | <RowDefinition Height="auto"/>
|
| 308 | </Grid.RowDefinitions>
|
| 309 | <ListBoxItem x:Name="_contactItem_"
|
| 310 | Padding="0"
|
| 311 | Margin="0"
|
Nicolas Jager | 7c409f3 | 2016-09-08 09:35:16 -0400 | [diff] [blame] | 312 | Grid.Row="0"
|
Nicolas Jager | 5750df0 | 2016-09-13 11:20:33 -0400 | [diff] [blame] | 313 | PointerReleased="_contactItem__PointerReleased"
|
Nicolas Jager | 7c409f3 | 2016-09-08 09:35:16 -0400 | [diff] [blame] | 314 | ContentTemplate="{StaticResource ContactTemplate}"
|
| 315 | Content="{x:Bind _contact, Mode=OneWay}"/>
|
Nicolas Jager | 5750df0 | 2016-09-13 11:20:33 -0400 | [diff] [blame] | 316 | <ListBoxItem Grid.Row="1"
|
| 317 | Visibility="{x:Bind _IncomingCallBar, Mode=OneWay}"
|
Nicolas Jager | 7c409f3 | 2016-09-08 09:35:16 -0400 | [diff] [blame] | 318 | Padding="0"
|
| 319 | Margin="0"
|
Nicolas Jager | 5750df0 | 2016-09-13 11:20:33 -0400 | [diff] [blame] | 320 | ContentTemplate="{StaticResource IncomingCallTemplate}"
|
| 321 | Content="{x:Bind _call, Mode=OneWay}"/>
|
| 322 | <Button Grid.Row="0"
|
| 323 | HorizontalAlignment="Left"
|
| 324 | Visibility="{x:Bind _callBar, Mode=OneWay}"
|
| 325 | Content="call"
|
| 326 | Padding="0"
|
| 327 | Click="_callContact__Click"
|
| 328 | VerticalAlignment="Bottom"
|
| 329 | Margin="10">
|
| 330 | <Button.RenderTransform>
|
| 331 | <TranslateTransform X="160"/>
|
| 332 | </Button.RenderTransform>
|
| 333 | </Button>
|
| 334 | <ListBoxItem Grid.Row="1"
|
| 335 | Visibility="{x:Bind _OutGoingCallBar, Mode=OneWay}"
|
| 336 | Padding="0"
|
| 337 | Margin="0"
|
| 338 | ContentTemplate="{StaticResource OutGoingCallTemplate}"
|
Nicolas Jager | 7c409f3 | 2016-09-08 09:35:16 -0400 | [diff] [blame] | 339 | Content="{x:Bind _call, Mode=OneWay}"/>
|
| 340 | </Grid>
|
| 341 | </DataTemplate>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 342 | </Page.Resources>
|
| 343 |
|
Nicolas Jager | 998fbd7 | 2016-08-08 11:41:28 -0400 | [diff] [blame] | 344 | <Grid>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 345 | <Grid.RowDefinitions>
|
| 346 | <!-- where accounts and share menu drop down are. -->
|
| 347 | <RowDefinition Height="auto"/>
|
| 348 | <!-- where contacts and settings are. -->
|
| 349 | <RowDefinition Height="*"/>
|
| 350 | </Grid.RowDefinitions>
|
| 351 | <!-- drop down menus. -->
|
| 352 | <Grid Background="LightBlue">
|
| 353 | <Grid.RowDefinitions>
|
| 354 | <!-- where the selected account is shown. -->
|
| 355 | <RowDefinition x:Name="_selectedAccountRow_"
|
| 356 | Height="90"/>
|
| 357 | <!-- where the drop down menus are shown. -->
|
| 358 | <RowDefinition Height="auto"/>
|
| 359 | </Grid.RowDefinitions>
|
| 360 | <!-- selected account. -->
|
| 361 | <Grid Grid.Row="0">
|
| 362 | <Grid.ColumnDefinitions>
|
| 363 | <ColumnDefinition x:Name="_selectedAccountAvatarColumn_"
|
| 364 | Width="90"/>
|
| 365 | <ColumnDefinition Width="*"/>
|
| 366 | <ColumnDefinition Width="50"/>
|
| 367 | </Grid.ColumnDefinitions>
|
atraczyk | 2425ddd | 2016-09-01 13:16:22 -0400 | [diff] [blame] | 368 | <Ellipse
|
| 369 | x:Name="_selectedAccountAvatarContainer_"
|
| 370 | Height="80"
|
| 371 | Width="80"
|
| 372 | Grid.Column="0"
|
| 373 | Margin="5">
|
| 374 | <Ellipse.Fill>
|
| 375 | <ImageBrush
|
| 376 | x:Name="_selectedAccountAvatar_"
|
| 377 | ImageSource="Assets\TESTS\contactAvatar.png"/>
|
| 378 | </Ellipse.Fill>
|
| 379 | </Ellipse>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 380 | <StackPanel Grid.Column="1"
|
| 381 | VerticalAlignment="Bottom">
|
atraczyk | 4a8cffc | 2016-08-25 20:01:25 -0400 | [diff] [blame] | 382 | <TextBlock x:Name="_selectedAccountName_"
|
atraczyk | 5c395ea | 2016-09-20 17:28:09 -0400 | [diff] [blame] | 383 | Text="[TEXT MISSING]"
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 384 | Margin="10"
|
| 385 | Style="{StaticResource TextStyle2}"/>
|
| 386 | <StackPanel Orientation="Horizontal">
|
| 387 | <!--Content="-->
|
| 388 | <ToggleButton x:Name="_accountsMenuButton_"
|
| 389 | VerticalAlignment="Bottom"
|
| 390 | Content=""
|
| 391 | Checked="_accountsMenuButton__Checked"
|
| 392 | Unchecked="_accountsMenuButton__Unchecked"
|
| 393 | Style="{StaticResource ToggleButtonStyle1}"/>
|
| 394 | <ToggleButton x:Name="_shareMenuButton_"
|
| 395 | VerticalAlignment="Bottom"
|
| 396 | Content=""
|
| 397 | Checked="_shareMenuButton__Checked"
|
| 398 | Unchecked="_shareMenuButton__Unchecked"
|
| 399 | Style="{StaticResource ToggleButtonStyle1}"/>
|
| 400 | </StackPanel>
|
| 401 | </StackPanel>
|
| 402 | <ToggleButton x:Name="_settingsTBtn_"
|
| 403 | Grid.Column="2"
|
| 404 | VerticalAlignment="Bottom"
|
| 405 | Content=""
|
| 406 | Checked="_settings__Checked"
|
| 407 | Unchecked="_settings__Unchecked"
|
| 408 | Style="{StaticResource ToggleButtonStyle1}"/>
|
| 409 | </Grid>
|
| 410 |
|
| 411 | <!--sub menus like the accounts list or the share menu are just below, technicaly they are nested inside the
|
| 412 | same row. To sumon them we use the visibility of their own grid, by linking it to a toggle button-->
|
| 413 |
|
| 414 | <!-- accounts menu. -->
|
| 415 | <Grid x:Name="_accountsMenuGrid_"
|
| 416 | MaxHeight="350"
|
| 417 | Grid.Row="1"
|
| 418 | Visibility="Collapsed"
|
| 419 | Background="LightBlue">
|
| 420 | <Grid.RowDefinitions>
|
| 421 | <RowDefinition Height="*"/>
|
| 422 | <RowDefinition Height="30"/>
|
| 423 | </Grid.RowDefinitions>
|
atraczyk | 196936e | 2016-09-02 15:31:53 -0400 | [diff] [blame] | 424 | <ScrollViewer x:Name="_accountsListScrollView_"
|
| 425 | ScrollViewer.VerticalScrollBarVisibility="Auto"
|
| 426 | ScrollViewer.VerticalScrollMode="Enabled">
|
| 427 | <ListBox x:Name="_accountsList_"
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 428 | Grid.Row="0"
|
atraczyk | 4a8cffc | 2016-08-25 20:01:25 -0400 | [diff] [blame] | 429 | SelectionChanged="_accountList__SelectionChanged"
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 430 | Width="320"
|
| 431 | ItemContainerStyle="{StaticResource contactsListBoxStyle}"
|
| 432 | Background="#FFE4F1F9"
|
| 433 | ItemTemplate="{StaticResource AccountTemplate}"/>
|
atraczyk | 196936e | 2016-09-02 15:31:53 -0400 | [diff] [blame] | 434 | </ScrollViewer>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 435 | <Button x:Name="_addAccountBtn_"
|
| 436 | Grid.Row="1"
|
| 437 | VerticalAlignment="Center"
|
| 438 | HorizontalAlignment="Center"
|
| 439 | Content=""
|
| 440 | Click="_addAccountBtn__Click"
|
atraczyk | e87716f | 2016-09-20 13:46:22 -0400 | [diff] [blame] | 441 | Style="{StaticResource ButtonStyle6}"/>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 442 | </Grid>
|
| 443 | <!-- account creation menu. -->
|
| 444 | <Grid x:Name="_accountCreationMenuGrid_"
|
| 445 | Grid.Row="2"
|
| 446 | Visibility="Collapsed"
|
| 447 | Background="LightBlue">
|
| 448 | <Grid.RowDefinitions>
|
| 449 | <RowDefinition Height="*"/>
|
| 450 | <RowDefinition Height="30"/>
|
| 451 | </Grid.RowDefinitions>
|
| 452 | <StackPanel Orientation="Vertical"
|
| 453 | Grid.Row="0"
|
| 454 | Background="#FFE4F1F9">
|
| 455 | <StackPanel Orientation="Horizontal">
|
| 456 | <TextBlock VerticalAlignment="Center"
|
| 457 | Text="Account type : "
|
| 458 | Margin="10,10,0,10"/>
|
atraczyk | 196936e | 2016-09-02 15:31:53 -0400 | [diff] [blame] | 459 | <ComboBox x:Name="_accountTypeComboBox_"
|
| 460 | SelectedIndex="0"
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 461 | Margin="10"
|
| 462 | VerticalAlignment="Center"
|
| 463 | Width="195">
|
| 464 | <ComboBoxItem Content="Ring"/>
|
| 465 | <ComboBoxItem Content="Sip"/>
|
| 466 | </ComboBox>
|
| 467 | </StackPanel>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 468 | <!-- RING account. -->
|
| 469 | <StackPanel x:Name="_ringAccountCreationStack_"
|
| 470 | Visibility="Visible">
|
atraczyk | 196936e | 2016-09-02 15:31:53 -0400 | [diff] [blame] | 471 | <TextBox x:Name="_aliasTextBox_"
|
| 472 | Margin="10"
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 473 | PlaceholderText="Enter your username"/>
|
| 474 | <PasswordBox Margin="10"
|
| 475 | PlaceholderText="Enter your password"/>
|
| 476 | <PasswordBox Margin="10"
|
| 477 | PlaceholderText="Repeat your Password"/>
|
| 478 | </StackPanel>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 479 | </StackPanel>
|
| 480 | <!-- buttons yes/no to create the new account. -->
|
| 481 | <Grid Grid.Row="1">
|
| 482 | <StackPanel Orientation="Horizontal"
|
| 483 | HorizontalAlignment="Center">
|
| 484 | <Button x:Name="_createAccountYes_"
|
| 485 | Grid.Row="1"
|
| 486 | VerticalAlignment="Center"
|
| 487 | HorizontalAlignment="Center"
|
| 488 | Content=""
|
| 489 | Click="_createAccountYes__Click"
|
atraczyk | 196936e | 2016-09-02 15:31:53 -0400 | [diff] [blame] | 490 | Style="{StaticResource ButtonStyle5}"/>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 491 | <Button x:Name="_createAccountNo_"
|
| 492 | Grid.Row="1"
|
| 493 | VerticalAlignment="Center"
|
| 494 | HorizontalAlignment="Center"
|
| 495 | Content=""
|
| 496 | Click="_createAccountNo__Click"
|
atraczyk | 196936e | 2016-09-02 15:31:53 -0400 | [diff] [blame] | 497 | Style="{StaticResource ButtonStyle5}"/>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 498 | </StackPanel>
|
| 499 | </Grid>
|
| 500 | </Grid>
|
| 501 | <!-- share menu. -->
|
| 502 | <Grid x:Name="_shareMenuGrid_"
|
| 503 | Grid.Row="2"
|
| 504 | Visibility="Collapsed"
|
| 505 | Background="LightBlue">
|
| 506 | <Grid.RowDefinitions>
|
| 507 | <RowDefinition Height="*"/>
|
| 508 | <RowDefinition Height="30"/>
|
| 509 | </Grid.RowDefinitions>
|
| 510 | <Grid Background="#FFE4F1F9">
|
| 511 | <Grid.RowDefinitions>
|
| 512 | <RowDefinition Height="*"/>
|
| 513 | <RowDefinition Height="auto"/>
|
| 514 | <RowDefinition Height="auto"/>
|
| 515 | </Grid.RowDefinitions>
|
| 516 | <Image x:Name="_selectedAccountQrCode_"
|
| 517 | Source="Assets\TESTS\qrcode.png"
|
| 518 | Width="200"
|
| 519 | Margin="5"
|
| 520 | Grid.Row="0"
|
| 521 | Height="200"/>
|
| 522 | <TextBlock Text="RingId:"
|
| 523 | Grid.Row="1"
|
| 524 | HorizontalAlignment="Center"/>
|
| 525 | <TextBox Style="{StaticResource TextBoxStyle2}"
|
| 526 | HorizontalAlignment="Center"
|
| 527 | Text="c4fc649aed8b2497a5e98fd2d856222f07020044"
|
| 528 | Grid.Row="2"/>
|
| 529 | </Grid>
|
| 530 | </Grid>
|
| 531 | </Grid>
|
Nicolas Jager | 7c409f3 | 2016-09-08 09:35:16 -0400 | [diff] [blame] | 532 | <!-- smartList and settings. -->
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 533 | <Grid Grid.Row="1">
|
Nicolas Jager | 7c409f3 | 2016-09-08 09:35:16 -0400 | [diff] [blame] | 534 | <!-- contacts + calls => smartpanelitems. -->
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 535 | <Grid x:Name="_smartGrid_"
|
| 536 | Grid.Row="0">
|
| 537 | <Grid.RowDefinitions>
|
| 538 | <RowDefinition x:Name="_rowRingTxtBx_"
|
| 539 | Height="40"/>
|
| 540 | <RowDefinition Height="*"/>
|
| 541 | </Grid.RowDefinitions>
|
| 542 | <TextBox x:Name="_ringTxtBx_"
|
Nicolas Jager | 8a85e1f | 2016-08-15 15:11:06 -0400 | [diff] [blame] | 543 | HorizontalAlignment="Center"
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 544 | VerticalAlignment="Center"
|
| 545 | Width="320"
|
Nicolas Jager | 8a85e1f | 2016-08-15 15:11:06 -0400 | [diff] [blame] | 546 | TextWrapping="Wrap"
|
atraczyk | e87716f | 2016-09-20 13:46:22 -0400 | [diff] [blame] | 547 | Style="{StaticResource addContactTextBoxStyle}"
|
atraczyk | 82f8dda | 2016-08-25 16:34:52 -0400 | [diff] [blame] | 548 | KeyDown="_ringTxtBx__KeyDown"
|
Nicolas Jager | 8a85e1f | 2016-08-15 15:11:06 -0400 | [diff] [blame] | 549 | Text=""/>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 550 | <ListBox x:Name="_smartList_"
|
| 551 | Grid.Row="1"
|
| 552 | Margin="0"
|
| 553 | Padding="0"
|
Nicolas Jager | 8a85e1f | 2016-08-15 15:11:06 -0400 | [diff] [blame] | 554 | SelectionChanged="_smartList__SelectionChanged"
|
| 555 | ScrollViewer.HorizontalScrollBarVisibility="Auto"
|
| 556 | ScrollViewer.HorizontalScrollMode="Enabled"
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 557 | ItemContainerStyle="{StaticResource contactsListBoxStyle}"
|
Nicolas Jager | 7c409f3 | 2016-09-08 09:35:16 -0400 | [diff] [blame] | 558 | ItemTemplate="{StaticResource SmartPanelItemsTemplate}"/>
|
Nicolas Jager | bff5fbb | 2016-08-18 08:58:56 -0400 | [diff] [blame] | 559 | </Grid>
|
| 560 | <!-- settings. -->
|
| 561 | <Grid x:Name="_settings_"
|
| 562 | Grid.Row="0"
|
| 563 | Visibility="Collapsed">
|
| 564 | <TextBlock>some settings</TextBlock>
|
| 565 | </Grid>
|
| 566 | </Grid>
|
Nicolas Jager | 998fbd7 | 2016-08-08 11:41:28 -0400 | [diff] [blame] | 567 | </Grid>
|
| 568 |
|
| 569 | </Page>
|