CatStation/Content.Client/Communications/UI/Widgets/ShuttleControls.xaml
eoineoineoin 7c19a7d1de
Improve UX and visuals of communications console (#41899)
* Implment mockup of comms console UI

* Fix broadcast broken by 31823

* Separate announce/broadcast functionality

* Tweak resizing behaviour; make window wider by default

* Split up comms console into different widgets

Makes each section of the UI easier to understand
Apply some cleanup, renames, make consistent with style guide, etc.

* Polishing, todos, missing pieces

* Consolidate button border images. Allow more accent colours with geometric_panel_border

* Resolve some TODOs, small polish

* Fix warning

* Revert modification to StripeBack

Old texture relied on two stripe colours, had to replicate with only styles.
Split out a new version with tweakable modulation

* Make UI more boring

* Some element shuffling, style changing

* Remove some leftover changes

* Remove more leftovers

* Fix warnings

* Feedback; remove unused bits, dependencies, formatting, highlight
2026-08-14 18:38:21 +00:00

31 lines
1.6 KiB
XML

<Control xmlns="https://spacestation14.io"
xmlns:controls="clr-namespace:Content.Client.UserInterface.Controls"
xmlns:sys="clr-namespace:System;assembly=mscorlib">
<!-- Controls for calling, recalling and displaying info for the emergency shuttle -->
<BoxContainer Orientation="Vertical">
<Label StyleClasses="FancyWindowTitle" Align="Center"
Text="{Loc 'comms-console-shuttle-controls-header'}" />
<!-- This contains some blank `Controls` to act as dummies. This is because the
GridContainer will always left-align the children, while we want them centered.
The dummy Controls will attempt to take an even amount of space each, which
will re-center our real controls -->
<BoxContainer>
<!-- Row 1: the buttons themselves -->
<Control HorizontalExpand="True" />
<Button Name="EmergencyShuttleCallButton" VerticalAlignment="Center"
Text="{Loc 'comms-console-call-button-label'}" />
<Control HorizontalExpand="True" />
<BoxContainer Orientation="Vertical">
<Label StyleClasses="LabelSubText" Align="Center"
Text="{Loc 'comms-console-shuttle-status-label'}" />
<Label Name="CountdownLabel" ReservesSpace="True" Align="Center"/>
</BoxContainer>
<Control HorizontalExpand="True" />
<Button Name="EmergencyShuttleRecallButton" VerticalAlignment="Center"
Text="{Loc 'comms-console-recall-button-label'}" />
<Control HorizontalExpand="True" />
</BoxContainer>
</BoxContainer>
</Control>