Skip to content

Commit 1980713

Browse files
spikecurtisspikecurtis
committed
feat: Sign in Window views & view models
1 parent 4c6d2bd commit 1980713

12 files changed

+400
-16
lines changed

‎App/App.csproj

+18
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,24 @@
4141
<PackageReference Include="Microsoft.WindowsAppSDK" Version="1.6.250108002" />
4242
</ItemGroup>
4343

44+
<ItemGroup>
45+
<Page Update="SignInTokenPage.xaml">
46+
<Generator>MSBuild:Compile</Generator>
47+
</Page>
48+
</ItemGroup>
49+
50+
<ItemGroup>
51+
<Page Update="SignInWindow.xaml">
52+
<Generator>MSBuild:Compile</Generator>
53+
</Page>
54+
</ItemGroup>
55+
56+
<ItemGroup>
57+
<Page Update="SignInURLPage.xaml">
58+
<Generator>MSBuild:Compile</Generator>
59+
</Page>
60+
</ItemGroup>
61+
4462
<ItemGroup>
4563
<Page Update="TrayIcon.xaml">
4664
<Generator>MSBuild:Compile</Generator>

‎App/App.xaml.cs

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,24 @@
1+
using Coder.Desktop.App.ViewModels;
12
using Microsoft.UI.Xaml;
23

34
namespace Coder.Desktop.App;
45

56
public partial class App : Application
67
{
78
private TrayWindow? TrayWindow;
9+
public SignInViewModel SignInViewModel { get; }
810

911
public App()
1012
{
13+
SignInViewModel = new SignInViewModel();
1114
InitializeComponent();
1215
}
1316

1417
private bool HandleClosedEvents { get; } = true;
1518

1619
protected override void OnLaunched(LaunchActivatedEventArgs args)
1720
{
18-
TrayWindow = new TrayWindow();
21+
TrayWindow = new TrayWindow(SignInViewModel);
1922
TrayWindow.Closed += (sender, args) =>
2023
{
2124
// TODO: wire up HandleClosedEvents properly

‎App/DisplayScale.cs

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
using System;
2+
using Microsoft.UI.Xaml;
3+
using WinRT.Interop;
4+
using System.Runtime.InteropServices;
5+
6+
namespace Coder.Desktop.App;
7+
8+
/// <summary>
9+
/// A static utility class to house methods related to the visual scale of the display monitor.
10+
/// </summary>
11+
public static class DisplayScale
12+
{
13+
public static double WindowScale(Window win)
14+
{
15+
var hwnd = WindowNative.GetWindowHandle(win);
16+
var dpi = NativeApi.GetDpiForWindow(hwnd);
17+
if (dpi == 0) return 1; // assume scale of 1
18+
return dpi / 96.0; // 96 DPI == 1
19+
}
20+
21+
public class NativeApi
22+
{
23+
[DllImport("user32.dll")]
24+
public static extern int GetDpiForWindow(IntPtr hwnd);
25+
}
26+
}

‎App/SignInTokenPage.xaml

+93
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<Page
3+
x:Class="Coder.Desktop.App.SignInTokenPage"
4+
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
5+
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
6+
xmlns:local="using:Coder.Desktop.App"
7+
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
8+
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
9+
mc:Ignorable="d"
10+
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
11+
12+
<StackPanel
13+
Orientation="Vertical"
14+
HorizontalAlignment="Stretch"
15+
VerticalAlignment="Top"
16+
Padding="20"
17+
Spacing="10">
18+
19+
<TextBlock
20+
Text="Coder Desktop"
21+
FontSize="24"
22+
VerticalAlignment="Center"
23+
HorizontalAlignment="Center"/>
24+
25+
<Grid>
26+
<Grid.ColumnDefinitions>
27+
<ColumnDefinition Width="Auto" />
28+
<ColumnDefinition Width="*" />
29+
</Grid.ColumnDefinitions>
30+
<Grid.RowDefinitions>
31+
<RowDefinition Height="1*" />
32+
<RowDefinition Height="1*" />
33+
<RowDefinition Height="1*" />
34+
</Grid.RowDefinitions>
35+
36+
<TextBlock
37+
Grid.Column="0"
38+
Grid.Row="0"
39+
Text="Server URL"
40+
HorizontalAlignment="Right"
41+
Padding="10"/>
42+
43+
<TextBlock
44+
Grid.Column="1"
45+
Grid.Row="0"
46+
HorizontalAlignment="Stretch"
47+
VerticalAlignment="Center"
48+
Padding="10"
49+
Text="{x:Bind Path=ViewModel.Url, Mode=OneTime}"
50+
/>
51+
52+
<TextBlock
53+
Grid.Column="0"
54+
Grid.Row="1"
55+
Text="Session Token"
56+
HorizontalAlignment="Right"
57+
Padding="10"/>
58+
59+
<TextBox
60+
Grid.Column="1"
61+
Grid.Row="1"
62+
HorizontalAlignment="Stretch"
63+
PlaceholderText="paste your token here"
64+
Text="{x:Bind Path=ViewModel.CoderToken, Mode=TwoWay}"
65+
/>
66+
67+
<HyperlinkButton
68+
Grid.Column="1"
69+
Grid.Row="2"
70+
Content="Generate a token via the Web UI"
71+
NavigateUri="{x:Bind ViewModel.GenTokenURL, Mode=OneTime}" />
72+
73+
</Grid>
74+
75+
<StackPanel
76+
Orientation="Horizontal"
77+
HorizontalAlignment="Center"
78+
Spacing="10">
79+
<Button Content="Back" HorizontalAlignment="Right"
80+
Click="{x:Bind SignInWindow.NavigateToURLPage}"/>
81+
<Button Content="Sign In" HorizontalAlignment="Left" Style="{StaticResource AccentButtonStyle}"
82+
Click="{x:Bind ViewModel.SignIn_Click}"/>
83+
</StackPanel>
84+
85+
<TextBlock
86+
Text="{x:Bind ViewModel.LoginError, Mode=OneWay}"
87+
HorizontalAlignment="Center"
88+
Foreground="Red"
89+
/>
90+
91+
92+
</StackPanel>
93+
</Page>

‎App/SignInTokenPage.xaml.cs

+37
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
using System;
2+
using System.Collections.Generic;
3+
using System.IO;
4+
using System.Linq;
5+
using System.Runtime.InteropServices.WindowsRuntime;
6+
using Coder.Desktop.App.ViewModels;
7+
using Microsoft.UI.Xaml;
8+
using Microsoft.UI.Xaml.Controls;
9+
using Microsoft.UI.Xaml.Controls.Primitives;
10+
using Microsoft.UI.Xaml.Data;
11+
using Microsoft.UI.Xaml.Input;
12+
using Microsoft.UI.Xaml.Media;
13+
using Microsoft.UI.Xaml.Navigation;
14+
using Windows.Foundation;
15+
using Windows.Foundation.Collections;
16+
17+
// To learn more about WinUI, the WinUI project structure,
18+
// and more about our project templates, see: http://aka.ms/winui-project-info.
19+
20+
namespace Coder.Desktop.App
21+
{
22+
/// <summary>
23+
/// A sign in page to accept the user's Coder token.
24+
/// </summary>
25+
public sealed partial class SignInTokenPage : Page
26+
{
27+
public SignInTokenPage(SignInWindow parent, SignInViewModel viewModel)
28+
{
29+
InitializeComponent();
30+
ViewModel = viewModel;
31+
SignInWindow = parent;
32+
}
33+
34+
public readonly SignInViewModel ViewModel;
35+
public readonly SignInWindow SignInWindow;
36+
}
37+
}

‎App/SignInURLPage.xaml

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<Page
3+
x:Class="Coder.Desktop.App.SignInURLPage"
4+
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
5+
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
6+
xmlns:local="using:Coder.Desktop.App"
7+
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
8+
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
9+
mc:Ignorable="d"
10+
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
11+
12+
<StackPanel
13+
Orientation="Vertical"
14+
HorizontalAlignment="Stretch"
15+
VerticalAlignment="Top"
16+
Padding="20"
17+
Spacing="10">
18+
19+
<TextBlock
20+
Text="Coder Desktop"
21+
FontSize="24"
22+
VerticalAlignment="Center"
23+
HorizontalAlignment="Center"/>
24+
25+
<Grid>
26+
<Grid.ColumnDefinitions>
27+
<ColumnDefinition Width="Auto" />
28+
<ColumnDefinition Width="*" />
29+
</Grid.ColumnDefinitions>
30+
<TextBlock
31+
Grid.Column="0"
32+
Text="Server URL"
33+
HorizontalAlignment="Right"
34+
Padding="10"/>
35+
36+
<TextBox
37+
Name="URLTextBox"
38+
Grid.Column="1"
39+
HorizontalAlignment="Stretch"
40+
PlaceholderText="https://coder.example.com"
41+
Text="{x:Bind Path=ViewModel.Url, Mode=TwoWay}"
42+
/>
43+
44+
</Grid>
45+
46+
<Button
47+
Content="Next"
48+
HorizontalAlignment="Center"
49+
Click="{x:Bind SignInWindow.NavigateToTokenPage}"
50+
Style="{StaticResource AccentButtonStyle}" />
51+
52+
</StackPanel>
53+
</Page>

‎App/SignInURLPage.xaml.cs

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
using System;
2+
using System.Collections.Generic;
3+
using System.IO;
4+
using System.Linq;
5+
using System.Runtime.InteropServices.WindowsRuntime;
6+
using Coder.Desktop.App.ViewModels;
7+
using Microsoft.UI.Xaml;
8+
using Microsoft.UI.Xaml.Controls;
9+
using Microsoft.UI.Xaml.Controls.Primitives;
10+
using Microsoft.UI.Xaml.Data;
11+
using Microsoft.UI.Xaml.Input;
12+
using Microsoft.UI.Xaml.Media;
13+
using Microsoft.UI.Xaml.Navigation;
14+
using Windows.Foundation;
15+
using Windows.Foundation.Collections;
16+
17+
namespace Coder.Desktop.App;
18+
19+
/// <summary>
20+
/// A login page to enter the Coder Server URL
21+
/// </summary>
22+
public sealed partial class SignInURLPage : Page
23+
{
24+
public SignInURLPage(SignInWindow parent, SignInViewModel viewModel)
25+
{
26+
InitializeComponent();
27+
ViewModel = viewModel;
28+
SignInWindow = parent;
29+
}
30+
31+
public readonly SignInViewModel ViewModel;
32+
public readonly SignInWindow SignInWindow;
33+
}

‎App/SignInWindow.xaml

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<Window
3+
x:Class="Coder.Desktop.App.SignInWindow"
4+
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
5+
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
6+
xmlns:local="using:Coder.Desktop.App"
7+
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
8+
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
9+
mc:Ignorable="d"
10+
Title="Sign in to Coder">
11+
12+
<Window.SystemBackdrop>
13+
<DesktopAcrylicBackdrop />
14+
</Window.SystemBackdrop>
15+
</Window>

‎App/SignInWindow.xaml.cs

+60
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
using System;
2+
using System.Collections.Generic;
3+
using System.IO;
4+
using System.Linq;
5+
using System.Runtime.InteropServices.WindowsRuntime;
6+
using Coder.Desktop.App.ViewModels;
7+
using CommunityToolkit.Mvvm.Input;
8+
using Microsoft.UI.Xaml;
9+
using Microsoft.UI.Xaml.Controls;
10+
using Microsoft.UI.Xaml.Controls.Primitives;
11+
using Microsoft.UI.Xaml.Data;
12+
using Microsoft.UI.Xaml.Input;
13+
using Microsoft.UI.Xaml.Media;
14+
using Microsoft.UI.Xaml.Navigation;
15+
using Windows.Foundation;
16+
using Windows.Foundation.Collections;
17+
using Windows.Graphics;
18+
19+
namespace Coder.Desktop.App;
20+
21+
/// <summary>
22+
/// The dialog window to allow the user to sign into their Coder server.
23+
/// </summary>
24+
public sealed partial class SignInWindow : Window
25+
{
26+
private const double WIDTH = 600.0;
27+
private const double HEIGHT = 300.0;
28+
29+
private readonly SignInViewModel viewModel;
30+
public SignInWindow(SignInViewModel vm)
31+
{
32+
viewModel = vm;
33+
InitializeComponent();
34+
var urlPage = new SignInURLPage(this, viewModel);
35+
Content = urlPage;
36+
ResizeWindow();
37+
}
38+
39+
[RelayCommand]
40+
public void NavigateToTokenPage()
41+
{
42+
var tokenPage = new SignInTokenPage(this, viewModel);
43+
Content = tokenPage;
44+
}
45+
46+
[RelayCommand]
47+
public void NavigateToURLPage()
48+
{
49+
var urlPage = new SignInURLPage(this, viewModel);
50+
Content = urlPage;
51+
}
52+
53+
private void ResizeWindow()
54+
{
55+
var scale = DisplayScale.WindowScale(this);
56+
var height = (int)(HEIGHT * scale);
57+
var width = (int)(WIDTH * scale);
58+
AppWindow.Resize(new SizeInt32(width, height));
59+
}
60+
}

‎App/TrayWindow.xaml

+3-2
Original file line numberDiff line numberDiff line change
@@ -159,9 +159,10 @@
159159
<HyperlinkButton
160160
Margin="-10,0,-10,0"
161161
HorizontalAlignment="Stretch"
162-
HorizontalContentAlignment="Left">
162+
HorizontalContentAlignment="Left"
163+
Click="{x:Bind SignIn_Click}">
163164

164-
<TextBlock Text="Sign out" Foreground="{ThemeResource DefaultTextForegroundThemeBrush}" />
165+
<TextBlock Text="Sign in" Foreground="{ThemeResource DefaultTextForegroundThemeBrush}" />
165166
</HyperlinkButton>
166167

167168
<!-- For some strange reason, setting OpenCommand and ExitCommand here doesn't work, see .cs -->

0 commit comments

Comments
 (0)