Add Date and time screen

Add a date time screen to the Web UI. This screen makes it possible to both observe & set date and time as well ass related values.
M4rtinK · Jun 22, 2023 · ab6e075 · ab6e075
1 parent 011d794
commit ab6e075
Show file tree

Hide file tree

Showing 4 changed files with 537 additions and 1 deletion.
diff --git a/ui/webui/src/components/AnacondaWizard.jsx b/ui/webui/src/components/AnacondaWizard.jsx
@@ -36,6 +36,7 @@ import { InstallationDestination, applyDefaultStorage } from "./storage/Installa
 import { StorageConfiguration, getScenario, getDefaultScenario } from "./storage/StorageConfiguration.jsx";
 import { DiskEncryption, StorageEncryptionState } from "./storage/DiskEncryption.jsx";
 import { InstallationLanguage } from "./localization/InstallationLanguage.jsx";
+import { DateAndTime } from "./time/DateAndTime.jsx";
 import { InstallationProgress } from "./installation/InstallationProgress.jsx";
 import { ReviewConfiguration, ReviewConfigurationConfirmModal } from "./review/ReviewConfiguration.jsx";
 import { exitGui } from "../helpers/exit.js";
@@ -58,8 +59,14 @@ export const AnacondaWizard = ({ onAddErrorNotification, toggleContextHelp, hide
             id: "installation-language",
             label: _("Welcome"),
         },
-        // TODO: rename InstallationDestination component and its file ?
         {
+            component: DateAndTime,
+            id: "date-and-time",
+            label: _("Date and time"),
+        },
+        {
+            component: InstallationDestination,
+            // TODO: rename InstallationDestination component and its file ?
             id: "installation-destination",
             label: _("Installation destination"),
             steps: [{

diff --git a/ui/webui/src/components/app.jsx b/ui/webui/src/components/app.jsx
@@ -31,6 +31,7 @@ import { HelpDrawer } from "./HelpDrawer.jsx";
 import { BossClient } from "../apis/boss.js";
 import { LocalizationClient } from "../apis/localization.js";
 import { StorageClient } from "../apis/storage.js";
+import { TimezoneClient } from "../apis/timezone.js";
 import { PayloadsClient } from "../apis/payloads";
 
 import { readBuildstamp, getIsFinal } from "../helpers/betanag.js";
@@ -52,6 +53,7 @@ export const Application = () => {
             const clients = [
                 new LocalizationClient(address),
                 new StorageClient(address),
+                new TimezoneClient(address),
                 new PayloadsClient(address),
                 new BossClient(address)
             ];