-
-
Notifications
You must be signed in to change notification settings - Fork 155
/
MainView.ux
86 lines (67 loc) · 2.57 KB
/
MainView.ux
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<App Background="#228">
<JavaScript>
var AzureADB2COAuth = require("Azure-AD-B2C-OAuth");
function signUp() {
AzureADB2COAuth.OAuthSignUp();
}
function signIn() {
AzureADB2COAuth.OAuthSignIn();
}
function signOut() {
AzureADB2COAuth.OAuthLogout();
}
function oAuthInfo() {
var currentOAuthInfo = AzureADB2COAuth.OAuthInfo();
console.log("OAuthInfo: "+ JSON.stringify(currentOAuthInfo));
}
module.exports = {
SignUp: signUp,
SignIn: signIn,
SignOut: signOut,
OAuthInfo: oAuthInfo,
IsUserLoggingIn: AzureADB2COAuth.IsUserLoggingIn,
IsUserLoggedIn: AzureADB2COAuth.IsUserLoggedIn,
UserFirstName: AzureADB2COAuth.UserFirstName,
UserLastName: AzureADB2COAuth.UserLastName,
UserEmail: AzureADB2COAuth.UserEmail,
}
</JavaScript>
<Panel ux:Class="ButtonBig">
<string ux:Property="Text" />
<Panel HitTestMode="LocalBounds" Margin="10,10,13,13" Color="#f3f7f5" Padding="80,20,80,20">
<Text ux:Name="Button" Value="{Property this.Text}" TextColor="#655551" Alignment="Center" TextAlignment="Center" Margin="10,0,10,0" FontSize="20"/>
</Panel>
<DropShadow />
</Panel>
<StackPanel Alignment="Center">
<!-- Not logged in -->
<StackPanel ux:Name="signIn">
<ButtonBig Text="Sign Up" Margin="0,0,0,10">
<Clicked Handler="{SignUp}" />
</ButtonBig>
<ButtonBig Text="Sign In" Margin="0,0,0,10">
<Clicked Handler="{SignIn}" />
</ButtonBig>
</StackPanel>
<!-- Logged in -->
<StackPanel ux:Name="signedOut">
<ButtonBig Text="Sign Out" Margin="0,0,0,10">
<Clicked Handler="{SignOut}" />
</ButtonBig>
<ButtonBig Text="OAuthInfo" Margin="0,0,0,10">
<Clicked Handler="{OAuthInfo}" />
</ButtonBig>
</StackPanel>
<Text TextColor="#fff" Margin="0,10,0,0" Alignment="Center" FontSize="13" Opacity="0.9" Value="Logging in: {IsUserLoggingIn}" />
<Text TextColor="#fff" Margin="0,10,0,0" Alignment="Center" FontSize="13" Opacity="0.9" Value="Logged In: {IsUserLoggedIn}" />
<Text TextColor="#fff" Margin="0,10,0,0" Alignment="Center" FontSize="13" Opacity="0.9" Value="First Name: {UserFirstName}" />
<Text TextColor="#fff" Margin="0,10,0,0" Alignment="Center" FontSize="13" Opacity="0.9" Value="Last Name: {UserLastName}" />
<Text TextColor="#fff" Margin="0,10,0,0" Alignment="Center" FontSize="13" Opacity="0.9" Value="Email: {UserEmail}" />
</StackPanel>
<WhileTrue Value="{IsUserLoggedIn}">
<Change Target="signIn.Visibility" Value="Collapsed" />
</WhileTrue>
<WhileFalse Value="{IsUserLoggedIn}">
<Change Target="signedOut.Visibility" Value="Collapsed" />
</WhileFalse>
</App>