Add "view, edit, and add TPM devices" to overview

src/components/common/needsShutdown.jsx

@@ -77,6 +77,10 @@ export function needsShutdownWatchdog(vm) {
     return vm.persistent && vm.state === "running" && vm.inactiveXML.watchdog.action !== vm.watchdog.action;
 }
 
+export function needsShutdownTpm(vm) {
+    return vm.persistent && vm.state === "running" && vm.inactiveXML.tpm !== vm.tpm;
+}
+
 export function needsShutdownSpice(vm) {
     return vm.hasSpice !== vm.inactiveXML.hasSpice;
 }

src/components/vm/vmActions.jsx

@@ -57,6 +57,7 @@ import {
     domainSendNMI,
     domainShutdown,
     domainStart,
+    domainAddTPM,
 } from '../../libvirtApi/domain.js';
 import store from "../../store.js";
 
@@ -180,6 +181,8 @@ const onSendNMI = (vm) => domainSendNMI({ name: vm.name, id: vm.id, connectionNa
     );
 });
 
+const onAddTPM = (vm) => domainAddTPM({ connectionName: vm.connectionName, vmName: vm.name });
+
 const VmActions = ({ vm, vms, onAddErrorNotification, isDetailsPage }) => {
     const Dialogs = useDialogs();
     const [operationInProgress, setOperationInProgress] = useState(false);
@@ -454,6 +457,17 @@ const VmActions = ({ vm, vms, onAddErrorNotification, isDetailsPage }) => {
         dropdownItems.push(<Divider key="separator-rename" />);
     }
 
+    if (!Object.keys(vm.tpm).length) {
+        dropdownItems.push(
+            <DropdownItem key={`${id}-add-tpm`}
+                          id={`${id}-add-tpm`}
+                          onClick={() => onAddTPM(vm)}>
+                {_("Add TPM")}
+            </DropdownItem>
+        );
+        dropdownItems.push(<Divider key="separator-add-tpm" />);
+    }
+
     if (state !== undefined && domainCanDelete(state, vm.id)) {
         if (!vm.persistent) {
             dropdownItems.push(

src/libvirt-xml-parse.js

@@ -270,7 +270,7 @@ export function parseDomainDumpxml(connectionName, domXml, objPath) {
     const watchdog = parseDumpxmlForWatchdog(devicesElem);
     const vsock = parseDumpxmlForVsock(devicesElem);
     const hasSpice = parseDumpxmlForSpice(devicesElem);
-    const hasTPM = parseDumpxmlForTPM(devicesElem);
+    const { tpm, hasTPM } = parseDumpxmlForTPM(devicesElem);
 
     const hasInstallPhase = parseDumpxmlMachinesMetadataElement(metadataElem, 'has_install_phase') === 'true';
     const installSourceType = parseDumpxmlMachinesMetadataElement(metadataElem, 'install_source_type');
@@ -315,6 +315,7 @@ export function parseDomainDumpxml(connectionName, domXml, objPath) {
         vsock,
         metadata,
         hasSpice,
+        tpm,
         hasTPM,
     };
 }
@@ -560,7 +561,25 @@ function parseDumpxmlForSpice(devicesElem) {
 }
 
 function parseDumpxmlForTPM(devicesElem) {
-    return devicesElem.getElementsByTagName('tpm').length > 0;
+    const tpmElems = devicesElem.getElementsByTagName('tpm');
+    if (tpmElems.length > 0) {
+        const tpmElem = tpmElems[0];
+        const model = tpmElem.getAttribute('model');
+        const backendElem = tpmElem.getElementsByTagName('backend')[0];
+        const type = backendElem.getAttribute('type');
+        const version = backendElem.getAttribute('version');
+        const devicePathElem = backendElem.getElementsByTagName('device')[0];
+        const devicePath = devicePathElem ? devicePathElem.getAttribute('path') : null;
+
+        const tpm = {
+            model,
+            type,
+            version,
+            devicePath,
+        };
+        return { tpm, hasTPM: true };
+    }
+    return { tpm: {}, hasTPM: false };
 }
 
 export function parseDumpxmlForFilesystems(devicesElem) {