Public Access
jaap-jan
7343c717da
ServerScreen, LockedScreen and PendingScreen were the only places left drawing v1: a 44px square outlined in the accent with >_ in the accent inside it. Every other place the mark appears — both headers, the desktop titlebar, the launcher icon and the .ico — draws it filled. The radius is derived rather than chosen. The mark is 6 at 20 and 8 at 26, a third of a unit per unit of tile, which puts 44 at exactly 14 — and 14 is already on Phone.axaml's radius ladder as the one for a block of monospaced output, which is a fair description of a box with >_ in it. PendingScreen takes the shape and not the colour. It is the screen that says a surface is not built yet, and the accent is the shell's one "do this" colour; a tile in Raised with the glyph left at TextFaint keeps the mark recognisable while the screen goes on looking as inert as it is.
136 lines
7.7 KiB
XML
136 lines
7.7 KiB
XML
<UserControl xmlns="https://github.com/avaloniaui"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:vm="using:DodoSSH.Client.Shell.ViewModels"
|
|
x:Class="DodoSSH.Client.Android.Views.LockedScreen"
|
|
x:DataType="vm:MainWindowViewModel"
|
|
Background="{StaticResource Canvas}">
|
|
|
|
<!--
|
|
Design 01 — LOCKED, and one of the five states docs/android-port.md marks as most likely to be lost at
|
|
360dp. Two things on it are load-bearing and neither is decoration:
|
|
|
|
the count of shells still connected, and the paragraph under it. Locking describes the keychain and not
|
|
this phone's access to the hosts, and the desktop's README says so at length; on a phone, where the
|
|
lock screen is most of what a user sees, saying it here is the only place it fits. The block is absent
|
|
rather than empty when nothing is connected — a card reading "0 shells" would be noise on every launch.
|
|
|
|
Everything is one column with generous vertical slack above and below the controls, because the
|
|
software keyboard takes roughly half the screen the moment the passphrase box is focused. The slack is
|
|
what it eats.
|
|
-->
|
|
|
|
<ScrollViewer VerticalScrollBarVisibility="Auto">
|
|
<Grid RowDefinitions="*,Auto,Auto" Margin="24,0">
|
|
|
|
<!-- Identity. The chip names the account so a phone with two profiles is not a guess. -->
|
|
<StackPanel Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Center" Spacing="10" Margin="0,48,0,36">
|
|
<!-- Filled since v2; see ServerScreen for where the 14 comes from. -->
|
|
<Border Width="44" Height="44" CornerRadius="14" Background="{StaticResource Accent}"
|
|
HorizontalAlignment="Center">
|
|
<TextBlock Text=">_" Foreground="{StaticResource AccentInk}" FontFamily="{StaticResource MonoFont}"
|
|
FontSize="16" FontWeight="Bold"
|
|
HorizontalAlignment="Center" VerticalAlignment="Center" />
|
|
</Border>
|
|
|
|
<TextBlock Text="DodoSSH" Foreground="{StaticResource Text}" FontFamily="{StaticResource MonoFont}"
|
|
FontSize="15" FontWeight="SemiBold" HorizontalAlignment="Center" />
|
|
|
|
<Border BorderBrush="{StaticResource BorderMid}" BorderThickness="1" CornerRadius="3"
|
|
Padding="9,3" HorizontalAlignment="Center"
|
|
IsVisible="{Binding AccountName, Converter={x:Static ObjectConverters.IsNotNull}}">
|
|
<TextBlock Text="{Binding AccountName}" Foreground="{StaticResource TextDim}"
|
|
FontFamily="{StaticResource MonoFont}" FontSize="10" FontWeight="Medium" />
|
|
</Border>
|
|
</StackPanel>
|
|
|
|
<StackPanel Grid.Row="1">
|
|
|
|
<!--
|
|
Enter unlocks, which matters more here than on the desktop: the software keyboard's action key is
|
|
the nearest thing to hand, and reaching past it to a button is the sort of friction that gets a
|
|
phone client called slow.
|
|
-->
|
|
<TextBox Classes="field secret" Text="{Binding Passphrase}" PlaceholderText="vault passphrase"
|
|
IsEnabled="{Binding !IsBusy}">
|
|
<TextBox.KeyBindings>
|
|
<KeyBinding Gesture="Enter" Command="{Binding UnlockCommand}" />
|
|
</TextBox.KeyBindings>
|
|
</TextBox>
|
|
|
|
<Button Classes="primary" Content="UNLOCK" Margin="0,10,0,0"
|
|
Command="{Binding UnlockCommand}" IsEnabled="{Binding !IsBusy}" />
|
|
|
|
<!--
|
|
Present only when this phone actually holds a device key. The design draws it unconditionally,
|
|
but offering a fingerprint that cannot open anything is worse than not offering one — see
|
|
AndroidDeviceKeyStore for the three ordinary ways it stops being available.
|
|
|
|
The label sets no font of its own: inside a Button.secondary it inherits the class's, which is
|
|
what stops this one reading half a point smaller than every other outlined button on the phone.
|
|
-->
|
|
<Button Classes="secondary" Margin="0,8,0,0"
|
|
Command="{Binding UnlockWithDeviceCommand}" IsVisible="{Binding CanUnlockWithDevice}"
|
|
IsEnabled="{Binding !IsBusy}">
|
|
<StackPanel Orientation="Horizontal" Spacing="9">
|
|
<Ellipse Width="16" Height="16" Stroke="{StaticResource Accent}" StrokeThickness="1.5"
|
|
VerticalAlignment="Center" />
|
|
<TextBlock Text="UNLOCK WITH FINGERPRINT" VerticalAlignment="Center" />
|
|
</StackPanel>
|
|
</Button>
|
|
|
|
<TextBlock Text="works with no network — the keychain decrypts on this phone"
|
|
Foreground="{StaticResource TextFaint}" FontFamily="{StaticResource MonoFont}"
|
|
FontSize="10" TextAlignment="Center" TextWrapping="Wrap" Margin="0,14,0,0" />
|
|
|
|
<TextBlock Text="{Binding StatusMessage}" Foreground="{StaticResource TextDim}"
|
|
FontFamily="{StaticResource MonoFont}" FontSize="10" TextAlignment="Center"
|
|
TextWrapping="Wrap" Margin="0,8,0,0" />
|
|
|
|
<!--
|
|
◆ The disclosure. Absent when there is nothing to disclose; never a card reading zero.
|
|
|
|
Not Border.card, and neither are its two counterparts on HOSTS and FILES: that class is a panel,
|
|
and this is a warning, so the background and the border are the warn pair rather than the chrome
|
|
one. What it does take is the radius the v2 ladder gives anything card-sized, which is what the
|
|
other two already draw.
|
|
-->
|
|
<Border IsVisible="{Binding HasLiveSessions}" Margin="0,22,0,0"
|
|
Background="{StaticResource WarnWash}" BorderBrush="{StaticResource WarnSoft}"
|
|
BorderThickness="1" CornerRadius="12" Padding="14,12">
|
|
<StackPanel Spacing="6">
|
|
<StackPanel Orientation="Horizontal" Spacing="8">
|
|
<!-- Live, not Accent: this marks shells that are still running, which is a fact and not a
|
|
thing to press. It read as green until v2 turned the accent blue. -->
|
|
<Ellipse Width="6" Height="6" Fill="{StaticResource Live}" VerticalAlignment="Center" />
|
|
<TextBlock Text="{Binding LiveSessionSummary}" Foreground="{StaticResource Warn}"
|
|
FontFamily="{StaticResource MonoFont}" FontSize="10" FontWeight="SemiBold"
|
|
TextWrapping="Wrap" />
|
|
</StackPanel>
|
|
<TextBlock Foreground="{StaticResource WarnText}" FontFamily="{StaticResource MonoFont}"
|
|
FontSize="10" TextWrapping="Wrap"
|
|
Text="Locked describes the keychain — not this phone's access to the hosts. Open sessions stay alive behind this screen." />
|
|
</StackPanel>
|
|
</Border>
|
|
</StackPanel>
|
|
|
|
<!--
|
|
The only answer to a forgotten passphrase, and it is deliberately the last thing on the screen and
|
|
the only red one. Nothing can recover a passphrase; this empties the phone and starts again.
|
|
|
|
Two of Button.danger's properties are overridden rather than taken, and they are the two that would
|
|
change what this control says. Elsewhere that class is a DELETE sitting beside a KEEP, where a red
|
|
outline marks which of two offered actions costs something; here there is no pair, and a bordered
|
|
red button under UNLOCK would read as the second thing to try rather than as the last. Borderless
|
|
and Medium is what keeps it a way out rather than an offer. Everything else — the height, the
|
|
centring, the colour, the type — is the class's.
|
|
-->
|
|
<Button Grid.Row="2" Classes="danger" Margin="0,28,0,20"
|
|
BorderThickness="0" FontWeight="Medium"
|
|
Command="{Binding SignOutCommand}"
|
|
Content="RESET THIS PHONE — forgot passphrase" />
|
|
|
|
</Grid>
|
|
</ScrollViewer>
|
|
|
|
</UserControl>
|