From 273eaa493fc2570c4a3811163cf41ff0eca8a360 Mon Sep 17 00:00:00 2001
From: Visne <39844191+Visne@users.noreply.github.com>
Date: Tue, 27 Jul 2021 20:09:12 +0200
Subject: [PATCH] XAMLify ID card computer, Alerts and AME window (#4322)

* Refactor ID card computer to XAML UI

* Alerts

* XAMLify AME window

* Use Control.SetButtonDisabledRecursive() instead
---
 .../AME/UI/AMEControllerBoundUserInterface.cs |   9 +-
 Content.Client/AME/UI/AMEWindow.cs            | 173 ---------------
 Content.Client/AME/UI/AMEWindow.xaml          |  46 ++++
 Content.Client/AME/UI/AMEWindow.xaml.cs       |  73 ++++++
 .../Access/UI/IdCardConsoleWindow.cs          | 208 ------------------
 .../Access/UI/IdCardConsoleWindow.xaml        |  30 +++
 .../Access/UI/IdCardConsoleWindow.xaml.cs     | 121 ++++++++++
 Content.Client/Alerts/UI/AlertsUI.xaml        |  10 +
 .../UI/{AlertsUI.cs => AlertsUI.xaml.cs}      |  38 ++--
 .../Chemistry/UI/ChemMasterWindow.cs          |  23 --
 .../Chemistry/UI/ReagentDispenserWindow.cs    |  23 --
 11 files changed, 295 insertions(+), 459 deletions(-)
 delete mode 100644 Content.Client/AME/UI/AMEWindow.cs
 create mode 100644 Content.Client/AME/UI/AMEWindow.xaml
 create mode 100644 Content.Client/AME/UI/AMEWindow.xaml.cs
 delete mode 100644 Content.Client/Access/UI/IdCardConsoleWindow.cs
 create mode 100644 Content.Client/Access/UI/IdCardConsoleWindow.xaml
 create mode 100644 Content.Client/Access/UI/IdCardConsoleWindow.xaml.cs
 create mode 100644 Content.Client/Alerts/UI/AlertsUI.xaml
 rename Content.Client/Alerts/UI/{AlertsUI.cs => AlertsUI.xaml.cs} (71%)

diff --git a/Content.Client/AME/UI/AMEControllerBoundUserInterface.cs b/Content.Client/AME/UI/AMEControllerBoundUserInterface.cs
index 3765d45fa2..aaeaf538f3 100644
--- a/Content.Client/AME/UI/AMEControllerBoundUserInterface.cs
+++ b/Content.Client/AME/UI/AMEControllerBoundUserInterface.cs
@@ -19,14 +19,9 @@ namespace Content.Client.AME.UI
         {
             base.Open();
 
-            _window = new AMEWindow();
+            _window = new AMEWindow(this);
             _window.OnClose += Close;
             _window.OpenCentered();
-
-            _window.EjectButton.OnPressed += _ => ButtonPressed(UiButton.Eject);
-            _window.ToggleInjection.OnPressed += _ => ButtonPressed(UiButton.ToggleInjection);
-            _window.IncreaseFuelButton.OnPressed += _ => ButtonPressed(UiButton.IncreaseFuel);
-            _window.DecreaseFuelButton.OnPressed += _ => ButtonPressed(UiButton.DecreaseFuel);
         }
 
         /// <summary>
@@ -44,7 +39,7 @@ namespace Content.Client.AME.UI
             _window?.UpdateState(castState); //Update window state
         }
 
-        private void ButtonPressed(UiButton button, int dispenseIndex = -1)
+        public void ButtonPressed(UiButton button, int dispenseIndex = -1)
         {
             SendMessage(new UiButtonPressedMessage(button));
         }
diff --git a/Content.Client/AME/UI/AMEWindow.cs b/Content.Client/AME/UI/AMEWindow.cs
deleted file mode 100644
index e9104e6f67..0000000000
--- a/Content.Client/AME/UI/AMEWindow.cs
+++ /dev/null
@@ -1,173 +0,0 @@
-using Content.Client.Stylesheets;
-using Robust.Client.UserInterface;
-using Robust.Client.UserInterface.Controls;
-using Robust.Client.UserInterface.CustomControls;
-using Robust.Shared.GameObjects;
-using Robust.Shared.IoC;
-using Robust.Shared.Localization;
-using static Content.Shared.AME.SharedAMEControllerComponent;
-using static Robust.Client.UserInterface.Controls.BoxContainer;
-
-namespace Content.Client.AME.UI
-{
-    public class AMEWindow : SS14Window
-    {
-        public Label InjectionStatus { get; set; }
-        public Button EjectButton { get; set; }
-        public Button ToggleInjection { get; set; }
-        public Button IncreaseFuelButton { get; set; }
-        public Button DecreaseFuelButton { get; set; }
-        public ProgressBar? FuelMeter { get; set; }
-        public Label FuelAmount { get; set; }
-        public Label InjectionAmount { get; set; }
-        public Label CoreCount { get; set; }
-
-
-        public AMEWindow()
-        {
-            IoCManager.InjectDependencies(this);
-
-            Title = Loc.GetString("ame-window-title");
-
-            MinSize = SetSize = (250, 250);
-
-            Contents.AddChild(new BoxContainer
-            {
-	            Orientation = LayoutOrientation.Vertical,
-                Children =
-                    {
-                        new BoxContainer
-                        {
-                            Orientation = LayoutOrientation.Horizontal,
-                            Children =
-                            {
-                                new Label {Text = Loc.GetString("ame-window-engine-status-label") + " "},
-                                (InjectionStatus = new Label {Text = Loc.GetString("ame-window-engine-injection-status-not-injecting-label")})
-                            }
-                        },
-                        new BoxContainer
-                        {
-                            Orientation = LayoutOrientation.Horizontal,
-                            Children =
-                            {
-                                (ToggleInjection = new Button {Text = Loc.GetString("ame-window-toggle-injection-button"), StyleClasses = {StyleBase.ButtonOpenBoth}, Disabled = true}),
-                            }
-                        },
-                        new BoxContainer
-                        {
-                            Orientation = LayoutOrientation.Horizontal,
-                            Children =
-                            {
-                                new Label {Text = Loc.GetString("ame-window-fuel-status-label") + " "},
-                                (FuelAmount = new Label {Text = Loc.GetString("ame-window-fuel-not-inserted-text")})
-                            }
-                        },
-                        new BoxContainer
-                        {
-                            Orientation = LayoutOrientation.Horizontal,
-                            Children =
-                            {
-                                (EjectButton = new Button {Text = Loc.GetString("ame-window-eject-button"), StyleClasses = {StyleBase.ButtonOpenBoth}, Disabled = true}),
-                            }
-                        },
-                        new BoxContainer
-                        {
-                            Orientation = LayoutOrientation.Horizontal,
-                            Children =
-                            {
-                                new Label {Text = Loc.GetString("ame-window-injection-amount-label") + " "},
-                                (InjectionAmount = new Label {Text = "0"})
-                            }
-                        },
-                        new BoxContainer
-                        {
-                            Orientation = LayoutOrientation.Horizontal,
-                            Children =
-                            {
-                                (IncreaseFuelButton = new Button {Text = Loc.GetString("ame-window-increase-fuel-button"), StyleClasses = {StyleBase.ButtonOpenRight}}),
-                                (DecreaseFuelButton = new Button {Text = Loc.GetString("ame-window-decrease-fuel-button"), StyleClasses = {StyleBase.ButtonOpenLeft}}),
-                            }
-                        },
-                        new BoxContainer
-                        {
-                            Orientation = LayoutOrientation.Horizontal,
-                            Children =
-                            {
-                                 new Label { Text = Loc.GetString("ame-window-core-count-label") + " "},
-                                (CoreCount = new Label { Text = "0"}),
-                            }
-                        }
-                    }
-            });
-        }
-
-        /// <summary>
-        /// This searches recursively through all the children of "parent"
-        /// and sets the Disabled value of any buttons found to "val"
-        /// </summary>
-        /// <param name="parent">The control which childrens get searched</param>
-        /// <param name="val">The value to which disabled gets set</param>
-        private void SetButtonDisabledRecursive(Control parent, bool val)
-        {
-            foreach (var child in parent.Children)
-            {
-                if (child is Button but)
-                {
-                    but.Disabled = val;
-                    continue;
-                }
-
-                if (child.Children != null)
-                {
-                    SetButtonDisabledRecursive(child, val);
-                }
-            }
-        }
-
-        /// <summary>
-        /// Update the UI state when new state data is received from the server.
-        /// </summary>
-        /// <param name="state">State data sent by the server.</param>
-        public void UpdateState(BoundUserInterfaceState state)
-        {
-            var castState = (AMEControllerBoundUserInterfaceState) state;
-
-            // Disable all buttons if not powered
-            if (Contents.Children != null)
-            {
-                SetButtonDisabledRecursive(Contents, !castState.HasPower);
-                EjectButton.Disabled = false;
-            }
-
-            if (!castState.HasFuelJar)
-            {
-                EjectButton.Disabled = true;
-                ToggleInjection.Disabled = true;
-                FuelAmount.Text = Loc.GetString("ame-window-fuel-not-inserted-text");
-            }
-            else
-            {
-                EjectButton.Disabled = false;
-                ToggleInjection.Disabled = false;
-                FuelAmount.Text = $"{castState.FuelAmount}";
-            }
-
-            if (!castState.IsMaster)
-            {
-                ToggleInjection.Disabled = true;
-            }
-
-            if (!castState.Injecting)
-            {
-                InjectionStatus.Text = Loc.GetString("ame-window-engine-injection-status-not-injecting-label") + " ";
-            }
-            else
-            {
-                InjectionStatus.Text = Loc.GetString("ame-window-engine-injection-status-injecting-label") + " ";
-            }
-
-            CoreCount.Text = $"{castState.CoreCount}";
-            InjectionAmount.Text = $"{castState.InjectionAmount}";
-        }
-    }
-}
diff --git a/Content.Client/AME/UI/AMEWindow.xaml b/Content.Client/AME/UI/AMEWindow.xaml
new file mode 100644
index 0000000000..bc1e7d9ded
--- /dev/null
+++ b/Content.Client/AME/UI/AMEWindow.xaml
@@ -0,0 +1,46 @@
+<SS14Window xmlns="https://spacestation14.io"
+            Title="{Loc 'ame-window-title'}"
+            MinSize="250 250">
+    <BoxContainer Orientation="Vertical">
+        <BoxContainer Orientation="Horizontal">
+            <Label Text="{Loc 'ame-window-engine-status-label'}" />
+            <Label Text=" " />
+            <Label Name="InjectionStatus" Text="{Loc 'ame-window-engine-injection-status-not-injecting-label'}" />
+        </BoxContainer>
+        <BoxContainer Orientation="Horizontal">
+            <Button Name="ToggleInjection"
+                    Text="{Loc 'ame-window-toggle-injection-button'}"
+                    StyleClasses="OpenBoth"
+                    Disabled="True" />
+        </BoxContainer>
+        <BoxContainer Orientation="Horizontal">
+            <Label Text="{Loc 'ame-window-fuel-status-label'}" />
+            <Label Text=" " />
+            <Label Name="FuelAmount" Text="{Loc 'ame-window-fuel-not-inserted-text'}" />
+        </BoxContainer>
+        <BoxContainer Orientation="Horizontal">
+            <Button Name="EjectButton"
+                    Text="{Loc 'ame-window-eject-button'}"
+                    StyleClasses="OpenBoth"
+                    Disabled="True" />
+        </BoxContainer>
+        <BoxContainer Orientation="Horizontal">
+            <Label Text="{Loc 'ame-window-injection-amount-label'}" />
+            <Label Text=" " />
+            <Label Name="InjectionAmount" Text="0" />
+        </BoxContainer>
+        <BoxContainer Orientation="Horizontal">
+            <Button Name="IncreaseFuelButton"
+                    Text="{Loc 'ame-window-increase-fuel-button'}"
+                    StyleClasses="OpenRight" />
+            <Button Name="DecreaseFuelButton"
+                    Text="{Loc 'ame-window-decrease-fuel-button'}"
+                    StyleClasses="OpenLeft" />
+        </BoxContainer>
+        <BoxContainer Orientation="Horizontal">
+            <Label Text="{Loc 'ame-window-core-count-label'}" />
+            <Label Text=" " />
+            <Label Name="CoreCount" Text="0" />
+        </BoxContainer>
+    </BoxContainer>
+</SS14Window>
diff --git a/Content.Client/AME/UI/AMEWindow.xaml.cs b/Content.Client/AME/UI/AMEWindow.xaml.cs
new file mode 100644
index 0000000000..c55a18efcf
--- /dev/null
+++ b/Content.Client/AME/UI/AMEWindow.xaml.cs
@@ -0,0 +1,73 @@
+using Robust.Client.AutoGenerated;
+using Robust.Client.UserInterface;
+using Robust.Client.UserInterface.Controls;
+using Robust.Client.UserInterface.CustomControls;
+using Robust.Client.UserInterface.XAML;
+using Robust.Shared.GameObjects;
+using Robust.Shared.IoC;
+using Robust.Shared.Localization;
+using static Content.Shared.AME.SharedAMEControllerComponent;
+
+namespace Content.Client.AME.UI
+{
+    [GenerateTypedNameReferences]
+    public partial class AMEWindow : SS14Window
+    {
+        public AMEWindow(AMEControllerBoundUserInterface ui)
+        {
+            RobustXamlLoader.Load(this);
+            IoCManager.InjectDependencies(this);
+
+            EjectButton.OnPressed += _ => ui.ButtonPressed(UiButton.Eject);
+            ToggleInjection.OnPressed += _ => ui.ButtonPressed(UiButton.ToggleInjection);
+            IncreaseFuelButton.OnPressed += _ => ui.ButtonPressed(UiButton.IncreaseFuel);
+            DecreaseFuelButton.OnPressed += _ => ui.ButtonPressed(UiButton.DecreaseFuel);
+        }
+
+        /// <summary>
+        /// Update the UI state when new state data is received from the server.
+        /// </summary>
+        /// <param name="state">State data sent by the server.</param>
+        public void UpdateState(BoundUserInterfaceState state)
+        {
+            var castState = (AMEControllerBoundUserInterfaceState) state;
+
+            // Disable all buttons if not powered
+            if (Contents.Children != null)
+            {
+                SetButtonDisabledRecursive(Contents, !castState.HasPower);
+                EjectButton.Disabled = false;
+            }
+
+            if (!castState.HasFuelJar)
+            {
+                EjectButton.Disabled = true;
+                ToggleInjection.Disabled = true;
+                FuelAmount.Text = Loc.GetString("ame-window-fuel-not-inserted-text");
+            }
+            else
+            {
+                EjectButton.Disabled = false;
+                ToggleInjection.Disabled = false;
+                FuelAmount.Text = $"{castState.FuelAmount}";
+            }
+
+            if (!castState.IsMaster)
+            {
+                ToggleInjection.Disabled = true;
+            }
+
+            if (!castState.Injecting)
+            {
+                InjectionStatus.Text = Loc.GetString("ame-window-engine-injection-status-not-injecting-label") + " ";
+            }
+            else
+            {
+                InjectionStatus.Text = Loc.GetString("ame-window-engine-injection-status-injecting-label") + " ";
+            }
+
+            CoreCount.Text = $"{castState.CoreCount}";
+            InjectionAmount.Text = $"{castState.InjectionAmount}";
+        }
+    }
+}
diff --git a/Content.Client/Access/UI/IdCardConsoleWindow.cs b/Content.Client/Access/UI/IdCardConsoleWindow.cs
deleted file mode 100644
index 4c3093baa2..0000000000
--- a/Content.Client/Access/UI/IdCardConsoleWindow.cs
+++ /dev/null
@@ -1,208 +0,0 @@
-using System.Collections.Generic;
-using System.Linq;
-using Content.Shared.Access;
-using Robust.Client.UserInterface;
-using Robust.Client.UserInterface.Controls;
-using Robust.Client.UserInterface.CustomControls;
-using Robust.Shared.Localization;
-using Robust.Shared.Maths;
-using Robust.Shared.Prototypes;
-using static Content.Shared.Access.SharedIdCardConsoleComponent;
-using static Robust.Client.UserInterface.Controls.BoxContainer;
-
-namespace Content.Client.Access.UI
-{
-    public class IdCardConsoleWindow : SS14Window
-    {
-        private readonly Button _privilegedIdButton;
-        private readonly Button _targetIdButton;
-
-        private readonly Label _privilegedIdLabel;
-        private readonly Label _targetIdLabel;
-
-        private readonly Label _fullNameLabel;
-        private readonly LineEdit _fullNameLineEdit;
-        private readonly Label _jobTitleLabel;
-        private readonly LineEdit _jobTitleLineEdit;
-
-        private readonly Button _fullNameSaveButton;
-        private readonly Button _jobTitleSaveButton;
-
-        private readonly IdCardConsoleBoundUserInterface _owner;
-
-        private readonly Dictionary<string, Button> _accessButtons = new();
-
-        private string? _lastFullName;
-        private string? _lastJobTitle;
-
-        public IdCardConsoleWindow(IdCardConsoleBoundUserInterface owner, IPrototypeManager prototypeManager)
-        {
-            MinSize = SetSize = (650, 290);
-            _owner = owner;
-            var vBox = new BoxContainer
-            {
-                Orientation = LayoutOrientation.Vertical
-            };
-
-            vBox.AddChild(new GridContainer
-            {
-                Columns = 3,
-                Children =
-                {
-                    new Label {Text = Loc.GetString("id-card-console-window-privileged-id")},
-                    (_privilegedIdButton = new Button()),
-                    (_privilegedIdLabel = new Label()),
-
-                    new Label {Text = Loc.GetString("id-card-console-window-target-id")},
-                    (_targetIdButton = new Button()),
-                    (_targetIdLabel = new Label())
-                }
-            });
-
-            _privilegedIdButton.OnPressed += _ => _owner.ButtonPressed(UiButton.PrivilegedId);
-            _targetIdButton.OnPressed += _ => _owner.ButtonPressed(UiButton.TargetId);
-
-            // Separator
-            vBox.AddChild(new Control {MinSize = (0, 8)});
-
-            // Name and job title line edits.
-            vBox.AddChild(new GridContainer
-            {
-                Columns = 3,
-                HSeparationOverride = 4,
-                Children =
-                {
-                    // Name
-                    (_fullNameLabel = new Label
-                    {
-                        Text = Loc.GetString("id-card-console-window-full-name-label")
-                    }),
-                    (_fullNameLineEdit = new LineEdit
-                    {
-                        HorizontalExpand = true,
-                    }),
-                    (_fullNameSaveButton = new Button
-                    {
-                        Text = Loc.GetString("id-card-console-window-save-button"),
-                        Disabled = true
-                    }),
-
-                    // Title
-                    (_jobTitleLabel = new Label
-                    {
-                        Text = Loc.GetString("id-card-console-window-job-title-label")
-                    }),
-                    (_jobTitleLineEdit = new LineEdit
-                    {
-                        HorizontalExpand = true
-                    }),
-                    (_jobTitleSaveButton = new Button
-                    {
-                        Text = Loc.GetString("id-card-console-window-save-button"),
-                        Disabled = true
-                    }),
-                },
-            });
-
-            _fullNameLineEdit.OnTextEntered += _ => SubmitData();
-            _fullNameLineEdit.OnTextChanged += _ =>
-            {
-                _fullNameSaveButton.Disabled = _fullNameSaveButton.Text == _lastFullName;
-            };
-            _fullNameSaveButton.OnPressed += _ => SubmitData();
-
-            _jobTitleLineEdit.OnTextEntered += _ => SubmitData();
-            _jobTitleLineEdit.OnTextChanged += _ =>
-            {
-                _jobTitleSaveButton.Disabled = _jobTitleLineEdit.Text == _lastJobTitle;
-            };
-            _jobTitleSaveButton.OnPressed += _ => SubmitData();
-
-            // Separator
-            vBox.AddChild(new Control {MinSize = (0, 8)});
-
-            {
-                var grid = new GridContainer
-                {
-                    Columns = 5,
-                    HorizontalAlignment = HAlignment.Center
-                };
-                vBox.AddChild(grid);
-
-                foreach (var accessLevel in prototypeManager.EnumeratePrototypes<AccessLevelPrototype>())
-                {
-                    var newButton = new Button
-                    {
-                        Text = accessLevel.Name,
-                        ToggleMode = true,
-                    };
-                    grid.AddChild(newButton);
-                    _accessButtons.Add(accessLevel.ID, newButton);
-                    newButton.OnPressed += _ => SubmitData();
-                }
-            }
-
-            Contents.AddChild(vBox);
-        }
-
-        public void UpdateState(IdCardConsoleBoundUserInterfaceState state)
-        {
-            _privilegedIdButton.Text = state.IsPrivilegedIdPresent
-                ? Loc.GetString("id-card-console-window-eject-button")
-                : Loc.GetString("id-card-console-window-insert-button");
-
-            _privilegedIdLabel.Text = state.PrivilegedIdName;
-
-            _targetIdButton.Text = state.IsTargetIdPresent
-                ? Loc.GetString("id-card-console-window-eject-button")
-                : Loc.GetString("id-card-console-window-insert-button");
-
-            _targetIdLabel.Text = state.TargetIdName;
-
-            var interfaceEnabled =
-                state.IsPrivilegedIdPresent && state.IsPrivilegedIdAuthorized && state.IsTargetIdPresent;
-
-            var fullNameDirty = _lastFullName != null && _fullNameLineEdit.Text != state.TargetIdFullName;
-            var jobTitleDirty = _lastJobTitle != null && _jobTitleLineEdit.Text != state.TargetIdJobTitle;
-
-            _fullNameLabel.Modulate = interfaceEnabled ? Color.White : Color.Gray;
-            _fullNameLineEdit.Editable = interfaceEnabled;
-            if (!fullNameDirty)
-            {
-                _fullNameLineEdit.Text = state.TargetIdFullName ?? string.Empty;
-            }
-
-            _fullNameSaveButton.Disabled = !interfaceEnabled || !fullNameDirty;
-
-            _jobTitleLabel.Modulate = interfaceEnabled ? Color.White : Color.Gray;
-            _jobTitleLineEdit.Editable = interfaceEnabled;
-            if (!jobTitleDirty)
-            {
-                _jobTitleLineEdit.Text = state.TargetIdJobTitle ?? string.Empty;
-            }
-
-            _jobTitleSaveButton.Disabled = !interfaceEnabled || !jobTitleDirty;
-
-            foreach (var (accessName, button) in _accessButtons)
-            {
-                button.Disabled = !interfaceEnabled;
-                if (interfaceEnabled)
-                {
-                    button.Pressed = state.TargetIdAccessList?.Contains(accessName) ?? false;
-                }
-            }
-
-            _lastFullName = state.TargetIdFullName;
-            _lastJobTitle = state.TargetIdJobTitle;
-        }
-
-        private void SubmitData()
-        {
-            _owner.SubmitData(
-                _fullNameLineEdit.Text,
-                _jobTitleLineEdit.Text,
-                // Iterate over the buttons dictionary, filter by `Pressed`, only get key from the key/value pair
-                _accessButtons.Where(x => x.Value.Pressed).Select(x => x.Key).ToList());
-        }
-    }
-}
diff --git a/Content.Client/Access/UI/IdCardConsoleWindow.xaml b/Content.Client/Access/UI/IdCardConsoleWindow.xaml
new file mode 100644
index 0000000000..b384e448fa
--- /dev/null
+++ b/Content.Client/Access/UI/IdCardConsoleWindow.xaml
@@ -0,0 +1,30 @@
+<SS14Window xmlns="https://spacestation14.io"
+            MinSize="650 290">
+    <BoxContainer Orientation="Vertical">
+        <GridContainer Columns="3">
+            <Label Text="{Loc 'id-card-console-window-privileged-id'}" />
+            <Button Name="PrivilegedIdButton" />
+            <Label Name="PrivilegedIdLabel" />
+
+            <Label Text="{Loc 'id-card-console-window-target-id'}" />
+            <Button Name="TargetIdButton" />
+            <Label Name="TargetIdLabel" />
+        </GridContainer>
+        <Control MinSize="0 8" />
+        <GridContainer Columns="3" HSeparationOverride="4">
+            <Label Name="FullNameLabel" Text="{Loc 'id-card-console-window-full-name-label'}" />
+            <LineEdit Name="FullNameLineEdit" HorizontalExpand="True" />
+            <Button Name="FullNameSaveButton" Text="{Loc 'id-card-console-window-save-button'}" Disabled="True" />
+
+            <Label Name="JobTitleLabel" Text="{Loc 'id-card-console-window-job-title-label'}" />
+            <LineEdit Name="JobTitleLineEdit" HorizontalExpand="True" />
+            <Button Name="JobTitleSaveButton" Text="{Loc 'id-card-console-window-save-button'}" Disabled="True" />
+        </GridContainer>
+        <Control MinSize="0 8" />
+        <GridContainer Name="AccessLevelGrid" Columns="5" HorizontalAlignment="Center">
+
+            <!-- Access level buttons are added here by the C# code -->
+
+        </GridContainer>
+    </BoxContainer>
+</SS14Window>
diff --git a/Content.Client/Access/UI/IdCardConsoleWindow.xaml.cs b/Content.Client/Access/UI/IdCardConsoleWindow.xaml.cs
new file mode 100644
index 0000000000..dfb35f36ac
--- /dev/null
+++ b/Content.Client/Access/UI/IdCardConsoleWindow.xaml.cs
@@ -0,0 +1,121 @@
+using System.Collections.Generic;
+using System.Linq;
+using Content.Shared.Access;
+using Robust.Client.AutoGenerated;
+using Robust.Client.UserInterface.Controls;
+using Robust.Client.UserInterface.CustomControls;
+using Robust.Client.UserInterface.XAML;
+using Robust.Shared.Localization;
+using Robust.Shared.Maths;
+using Robust.Shared.Prototypes;
+using static Content.Shared.Access.SharedIdCardConsoleComponent;
+
+namespace Content.Client.Access.UI
+{
+    [GenerateTypedNameReferences]
+    public partial class IdCardConsoleWindow : SS14Window
+    {
+        private readonly IdCardConsoleBoundUserInterface _owner;
+
+        private readonly Dictionary<string, Button> _accessButtons = new();
+
+        private string? _lastFullName;
+        private string? _lastJobTitle;
+
+        public IdCardConsoleWindow(IdCardConsoleBoundUserInterface owner, IPrototypeManager prototypeManager)
+        {
+            RobustXamlLoader.Load(this);
+
+            _owner = owner;
+
+            PrivilegedIdButton.OnPressed += _ => _owner.ButtonPressed(UiButton.PrivilegedId);
+            TargetIdButton.OnPressed += _ => _owner.ButtonPressed(UiButton.TargetId);
+
+            FullNameLineEdit.OnTextEntered += _ => SubmitData();
+            FullNameLineEdit.OnTextChanged += _ =>
+            {
+                FullNameSaveButton.Disabled = FullNameSaveButton.Text == _lastFullName;
+            };
+            FullNameSaveButton.OnPressed += _ => SubmitData();
+
+            JobTitleLineEdit.OnTextEntered += _ => SubmitData();
+            JobTitleLineEdit.OnTextChanged += _ =>
+            {
+                JobTitleSaveButton.Disabled = JobTitleLineEdit.Text == _lastJobTitle;
+            };
+            JobTitleSaveButton.OnPressed += _ => SubmitData();
+
+            foreach (var accessLevel in prototypeManager.EnumeratePrototypes<AccessLevelPrototype>())
+            {
+                var newButton = new Button
+                {
+                    Text = accessLevel.Name,
+                    ToggleMode = true,
+                };
+                AccessLevelGrid.AddChild(newButton);
+                _accessButtons.Add(accessLevel.ID, newButton);
+                newButton.OnPressed += _ => SubmitData();
+            }
+        }
+
+        public void UpdateState(IdCardConsoleBoundUserInterfaceState state)
+        {
+            PrivilegedIdButton.Text = state.IsPrivilegedIdPresent
+                ? Loc.GetString("id-card-console-window-eject-button")
+                : Loc.GetString("id-card-console-window-insert-button");
+
+            PrivilegedIdLabel.Text = state.PrivilegedIdName;
+
+            TargetIdButton.Text = state.IsTargetIdPresent
+                ? Loc.GetString("id-card-console-window-eject-button")
+                : Loc.GetString("id-card-console-window-insert-button");
+
+            TargetIdLabel.Text = state.TargetIdName;
+
+            var interfaceEnabled =
+                state.IsPrivilegedIdPresent && state.IsPrivilegedIdAuthorized && state.IsTargetIdPresent;
+
+            var fullNameDirty = _lastFullName != null && FullNameLineEdit.Text != state.TargetIdFullName;
+            var jobTitleDirty = _lastJobTitle != null && JobTitleLineEdit.Text != state.TargetIdJobTitle;
+
+            FullNameLabel.Modulate = interfaceEnabled ? Color.White : Color.Gray;
+            FullNameLineEdit.Editable = interfaceEnabled;
+            if (!fullNameDirty)
+            {
+                FullNameLineEdit.Text = state.TargetIdFullName ?? string.Empty;
+            }
+
+            FullNameSaveButton.Disabled = !interfaceEnabled || !fullNameDirty;
+
+            JobTitleLabel.Modulate = interfaceEnabled ? Color.White : Color.Gray;
+            JobTitleLineEdit.Editable = interfaceEnabled;
+            if (!jobTitleDirty)
+            {
+                JobTitleLineEdit.Text = state.TargetIdJobTitle ?? string.Empty;
+            }
+
+            JobTitleSaveButton.Disabled = !interfaceEnabled || !jobTitleDirty;
+
+            foreach (var (accessName, button) in _accessButtons)
+            {
+                button.Disabled = !interfaceEnabled;
+                if (interfaceEnabled)
+                {
+                    button.Pressed = state.TargetIdAccessList?.Contains(accessName) ?? false;
+                }
+            }
+
+            _lastFullName = state.TargetIdFullName;
+            _lastJobTitle = state.TargetIdJobTitle;
+        }
+
+        private void SubmitData()
+        {
+            _owner.SubmitData(
+                FullNameLineEdit.Text,
+                JobTitleLineEdit.Text,
+                // Iterate over the buttons dictionary, filter by `Pressed`, only get key from the key/value pair
+                _accessButtons.Where(x => x.Value.Pressed).Select(x => x.Key).ToList());
+        }
+    }
+}
diff --git a/Content.Client/Alerts/UI/AlertsUI.xaml b/Content.Client/Alerts/UI/AlertsUI.xaml
new file mode 100644
index 0000000000..516db31159
--- /dev/null
+++ b/Content.Client/Alerts/UI/AlertsUI.xaml
@@ -0,0 +1,10 @@
+<Control xmlns="https://spacestation14.io"
+         MinSize="64 64">
+    <PanelContainer StyleClasses="TransparentBorderedWindowPanel"
+                    HorizontalAlignment="Right"
+                    VerticalAlignment="Top">
+        <GridContainer Name="AlertContainer" MaxGridHeight="64" ExpandBackwards="True">
+
+        </GridContainer>
+    </PanelContainer>
+</Control>
diff --git a/Content.Client/Alerts/UI/AlertsUI.cs b/Content.Client/Alerts/UI/AlertsUI.xaml.cs
similarity index 71%
rename from Content.Client/Alerts/UI/AlertsUI.cs
rename to Content.Client/Alerts/UI/AlertsUI.xaml.cs
index 46e6721acd..0a1d35ef88 100644
--- a/Content.Client/Alerts/UI/AlertsUI.cs
+++ b/Content.Client/Alerts/UI/AlertsUI.xaml.cs
@@ -1,8 +1,9 @@
 using Content.Client.Chat.Managers;
 using Content.Client.Chat.UI;
-using Content.Client.Stylesheets;
+using Robust.Client.AutoGenerated;
 using Robust.Client.UserInterface;
 using Robust.Client.UserInterface.Controls;
+using Robust.Client.UserInterface.XAML;
 using Robust.Shared.IoC;
 
 namespace Content.Client.Alerts.UI
@@ -10,13 +11,20 @@ namespace Content.Client.Alerts.UI
     /// <summary>
     ///     The status effects display on the right side of the screen.
     /// </summary>
-    public sealed class AlertsUI : Control
+    [GenerateTypedNameReferences]
+    public sealed partial class AlertsUI : Control
     {
+        [Dependency] private readonly IChatManager _chatManager = default!;
+
         public const float ChatSeparation = 38f;
-        public GridContainer Grid { get; }
+
+        public GridContainer Grid => AlertContainer;
 
         public AlertsUI()
         {
+            IoCManager.InjectDependencies(this);
+            RobustXamlLoader.Load(this);
+
             LayoutContainer.SetGrowHorizontal(this, LayoutContainer.GrowDirection.Begin);
             LayoutContainer.SetGrowVertical(this, LayoutContainer.GrowDirection.End);
             LayoutContainer.SetAnchorTop(this, 0f);
@@ -25,28 +33,11 @@ namespace Content.Client.Alerts.UI
             LayoutContainer.SetMarginBottom(this, -180);
             LayoutContainer.SetMarginTop(this, 250);
             LayoutContainer.SetMarginRight(this, -10);
-            var panelContainer = new PanelContainer
-            {
-                StyleClasses = {StyleNano.StyleClassTransparentBorderedWindowPanel},
-                HorizontalAlignment = HAlignment.Right,
-                VerticalAlignment = VAlignment.Top
-            };
-            AddChild(panelContainer);
-
-            Grid = new GridContainer
-            {
-                MaxGridHeight = 64,
-                ExpandBackwards = true
-            };
-            panelContainer.AddChild(Grid);
-
-            MinSize = (64, 64);
         }
 
         protected override void EnteredTree()
         {
             base.EnteredTree();
-            var _chatManager = IoCManager.Resolve<IChatManager>();
             _chatManager.OnChatBoxResized += OnChatResized;
             OnChatResized(new ChatResizedEventArgs(HudChatBox.InitialChatBottom));
         }
@@ -54,15 +45,12 @@ namespace Content.Client.Alerts.UI
         protected override void ExitedTree()
         {
             base.ExitedTree();
-            var _chatManager = IoCManager.Resolve<IChatManager>();
             _chatManager.OnChatBoxResized -= OnChatResized;
         }
 
-
         private void OnChatResized(ChatResizedEventArgs chatResizedEventArgs)
         {
             // resize us to fit just below the chatbox
-            var _chatManager = IoCManager.Resolve<IChatManager>();
             if (_chatManager.CurrentChatBox != null)
             {
                 LayoutContainer.SetMarginTop(this, chatResizedEventArgs.NewBottom + ChatSeparation);
@@ -81,12 +69,12 @@ namespace Content.Client.Alerts.UI
             // this is here because there isn't currently a good way to allow the grid to adjust its height based
             // on constraints, otherwise we would use anchors to lay it out
             base.Resized();
-            Grid.MaxGridHeight = Height;
+            AlertContainer.MaxGridHeight = Height;
         }
 
         protected override void UIScaleChanged()
         {
-            Grid.MaxGridHeight = Height;
+            AlertContainer.MaxGridHeight = Height;
             base.UIScaleChanged();
         }
     }
diff --git a/Content.Client/Chemistry/UI/ChemMasterWindow.cs b/Content.Client/Chemistry/UI/ChemMasterWindow.cs
index c627470286..1bd7b63202 100644
--- a/Content.Client/Chemistry/UI/ChemMasterWindow.cs
+++ b/Content.Client/Chemistry/UI/ChemMasterWindow.cs
@@ -284,29 +284,6 @@ namespace Content.Client.Chemistry.UI
             }
         }
 
-        /// <summary>
-        /// This searches recursively through all the children of "parent"
-        /// and sets the Disabled value of any buttons found to "val"
-        /// </summary>
-        /// <param name="parent">The control which childrens get searched</param>
-        /// <param name="val">The value to which disabled gets set</param>
-        private void SetButtonDisabledRecursive(Control parent, bool val)
-        {
-            foreach (var child in parent.Children)
-            {
-                if (child is Button but)
-                {
-                    but.Disabled = val;
-                    continue;
-                }
-
-                if (child.Children != null)
-                {
-                    SetButtonDisabledRecursive(child, val);
-                }
-            }
-        }
-
         /// <summary>
         /// Update the container, buffer, and packaging panels.
         /// </summary>
diff --git a/Content.Client/Chemistry/UI/ReagentDispenserWindow.cs b/Content.Client/Chemistry/UI/ReagentDispenserWindow.cs
index e5b3571027..4dc65be1ad 100644
--- a/Content.Client/Chemistry/UI/ReagentDispenserWindow.cs
+++ b/Content.Client/Chemistry/UI/ReagentDispenserWindow.cs
@@ -173,29 +173,6 @@ namespace Content.Client.Chemistry.UI
             }
         }
 
-        /// <summary>
-        /// This searches recursively through all the children of "parent"
-        /// and sets the Disabled value of any buttons found to "val"
-        /// </summary>
-        /// <param name="parent">The control which childrens get searched</param>
-        /// <param name="val">The value to which disabled gets set</param>
-        private void SetButtonDisabledRecursive(Control parent, bool val)
-        {
-            foreach (var child in parent.Children)
-            {
-                if (child is Button but)
-                {
-                    but.Disabled = val;
-                    continue;
-                }
-
-                if (child.Children != null)
-                {
-                    SetButtonDisabledRecursive(child, val);
-                }
-            }
-        }
-
         /// <summary>
         /// Update the UI state when new state data is received from the server.
         /// </summary>