ui: add BIOS settings and virtual media properties to BMC data

Signed-off-by: Lucas Bremgartner <lucas.bremgartner@futurfusion.io>

Author: breml

ui/src/pages/ServerBMC.tsx

@@ -51,6 +51,22 @@ const healthStatusBadge = (status: string | undefined) => {
   return <Badge bg="danger">{status}</Badge>;
 };
 
+const insertedBadge = (inserted: boolean | undefined) => {
+  return inserted ? (
+    <Badge bg="success">Inserted</Badge>
+  ) : (
+    <Badge bg="secondary">Not inserted</Badge>
+  );
+};
+
+const writeProtectedBadge = (writeProtected: boolean | undefined) => {
+  return writeProtected ? (
+    <Badge bg="warning">Write protected</Badge>
+  ) : (
+    <Badge bg="secondary">Writable</Badge>
+  );
+};
+
 const forceField: OSActionField[] = [
   { name: "force", label: "Force", type: "checkbox" },
 ];
@@ -61,6 +77,7 @@ const ServerBMC = () => {
   const queryClient = useQueryClient();
   const [logSource, setLogSource] = useState("");
   const [isDataVisible, setIsDataVisible] = useState(false);
+  const [isBiosAttributesVisible, setIsBiosAttributesVisible] = useState(false);
   const [refreshing, setRefreshing] = useState(false);
 
   const {
@@ -238,6 +255,90 @@ const ServerBMC = () => {
           {bmcData?.server_bios_version}
         </div>
       </div>
+      <div className="row">
+        <div className="col-2 detail-table-header">
+          BIOS attributes{" "}
+          <span
+            onClick={() => setIsBiosAttributesVisible(!isBiosAttributesVisible)}
+            className="hide-field-switch"
+          >
+            {isBiosAttributesVisible ? (
+              <>
+                <IoChevronDownOutline /> Hide
+              </>
+            ) : (
+              <>
+                <IoChevronUpOutline /> Show
+              </>
+            )}
+          </span>
+        </div>
+        <div className="col-10 detail-table-cell">
+          {isBiosAttributesVisible && (
+            <pre>
+              {JSON.stringify(bmcData?.server_bios_attributes, null, 2)}
+            </pre>
+          )}
+        </div>
+      </div>
+      <div className="row">
+        <div className="col-2 detail-table-header">Virtual media</div>
+        <div className="col-10 detail-table-cell">
+          {insertedBadge(bmcData?.virtual_media_inserted)}
+        </div>
+      </div>
+      <div className="row">
+        <div className="col-2 detail-table-header">Virtual media image</div>
+        <div className="col-10 detail-table-cell">
+          {bmcData?.virtual_media_image_name || bmcData?.virtual_media_image}
+        </div>
+      </div>
+      <div className="row">
+        <div className="col-2 detail-table-header">
+          Virtual media connected via
+        </div>
+        <div className="col-10 detail-table-cell">
+          {bmcData?.virtual_media_connected_via}
+        </div>
+      </div>
+      <div className="row">
+        <div className="col-2 detail-table-header">Virtual media status</div>
+        <div className="col-10 detail-table-cell">
+          {healthStatusBadge(bmcData?.virtual_media_status)}
+        </div>
+      </div>
+      <div className="row">
+        <div className="col-2 detail-table-header">
+          Virtual media media types
+        </div>
+        <div className="col-10 detail-table-cell">
+          {bmcData?.virtual_media_media_types?.join(", ")}
+        </div>
+      </div>
+      <div className="row">
+        <div className="col-2 detail-table-header">
+          Virtual media transfer method
+        </div>
+        <div className="col-10 detail-table-cell">
+          {bmcData?.virtual_media_transfer_method}
+        </div>
+      </div>
+      <div className="row">
+        <div className="col-2 detail-table-header">
+          Virtual media transfer protocol type
+        </div>
+        <div className="col-10 detail-table-cell">
+          {bmcData?.virtual_media_transfer_protocol_type}
+        </div>
+      </div>
+      <div className="row">
+        <div className="col-2 detail-table-header">
+          Virtual media write protected
+        </div>
+        <div className="col-10 detail-table-cell">
+          {writeProtectedBadge(bmcData?.virtual_media_write_protected)}
+        </div>
+      </div>
       <div className="row">
         <div className="col-2 detail-table-header">Last updated</div>
         <div className="col-10 detail-table-cell">

ui/src/types/server.d.ts

@@ -47,11 +47,21 @@ export interface BMCData {
   server_sku: string;
   server_serial_number: string;
   server_bios_version: string;
+  server_bios_attributes: Record<string, unknown>;
   server_processor_architecture: string;
   server_processor_instruction_set: string;
   server_power_state: string;
   server_location_indicator_active: boolean;
   server_health_status: string;
+  virtual_media_inserted: boolean;
+  virtual_media_image: string;
+  virtual_media_image_name: string;
+  virtual_media_connected_via: string;
+  virtual_media_status: string;
+  virtual_media_media_types: string[];
+  virtual_media_transfer_method: string;
+  virtual_media_transfer_protocol_type: string;
+  virtual_media_write_protected: boolean;
   last_updated: string;
 }