feat(xo-web/network): reconfigure management PIF (#9510)

Author: pdonias

CHANGELOG.unreleased.md

@@ -11,6 +11,9 @@
 
 > Users must be able to say: "Nice enhancement, I'm eager to test it"
 
+- **XO 5:**
+  - [Network] Ability to switch management PIF (PRs [#9369](https://github.com/vatesfr/xen-orchestra/pull/9369) [#9510](https://github.com/vatesfr/xen-orchestra/pull/9510))
+
 ### Bug fixes
 
 > Users must be able to say: “I had this issue, happy to know it's fixed”
@@ -31,4 +34,6 @@
 
 <!--packages-start-->
 
+- xo-web minor
+
 <!--packages-end-->

packages/xo-web/src/common/intl/messages.js

@@ -2435,6 +2435,11 @@ const messages = {
   pifDisconnected: 'Disconnected',
   pifPhysicallyConnected: 'Physically connected',
   pifPhysicallyDisconnected: 'Physically disconnected',
+  setAsManagementPif: 'Set as management PIF',
+  setAsManagementPifConfirm: 'Are you sure you want to make this PIF the management interface?',
+  setAsManagementPifs: 'Set as management network',
+  setAsManagementPifsConfirm:
+    'Are you sure you want to make this network the management network? This will make all the PIFs attached to it management PIFs.',
 
   // ----- User -----
   authToken: 'Token',

packages/xo-web/src/common/xo/index.js

@@ -2676,6 +2676,24 @@ export const editPif = (pif, { vlan }) => _call('pif.editPif', { pif: resolveId(
 
 export const scanHostPifs = hostId => _call('host.scanPifs', { host: hostId })
 
+export const setManagementPif = async (host, pif) => {
+  await confirm({
+    title: _('setAsManagementPif'),
+    body: _('setAsManagementPifConfirm'),
+  })
+
+  return _call('host.managementReconfigure', { id: resolveId(host), pif: resolveId(pif) })
+}
+
+export const setManagementPifs = async (pool, network) => {
+  await confirm({
+    title: _('setAsManagementPifs'),
+    body: _('setAsManagementPifsConfirm'),
+  })
+
+  return _call('pool.managementReconfigure', { id: resolveId(pool), network: resolveId(network) })
+}
+
 // SR ----------------------------------------------------------------
 
 export const deleteSr = sr =>

packages/xo-web/src/icons.scss

@@ -755,6 +755,13 @@
     }
   }
 
+  &-pif {
+    &-management {
+      @extend .fa;
+      @extend .fa-star;
+    }
+  }
+
   // Host and VM actions
   &-host,
   &-vm {

packages/xo-web/src/xo-app/host/tab-network.js

@@ -28,6 +28,7 @@ import {
   getIpv4ConfigModes,
   getIpv6ConfigModes,
   reconfigurePifIp,
+  setManagementPif,
   scanHostPifs,
 } from 'xo'
 
@@ -327,6 +328,12 @@ const PIF_INDIVIDUAL_ACTIONS = [
     icon: 'clipboard',
     label: pif => _('copyUuid', { uuid: pif.uuid }),
   },
+  {
+    handler: pif => setManagementPif(pif.$host, pif.id),
+    disabled: pif => pif.management || !pif.attached,
+    icon: 'pif-management',
+    label: _('setAsManagementPif'),
+  },
   {
     handler: deletePif,
     icon: 'delete',

packages/xo-web/src/xo-app/pool/tab-network.js

@@ -16,7 +16,7 @@ import { TabButtonLink } from 'tab-button'
 import { Text, Number } from 'editable'
 import { Select, Toggle } from 'form'
 import { createGetObjectsOfType, createSelector } from 'selectors'
-import { deleteNetwork, editNetwork, editPif } from 'xo'
+import { deleteNetwork, editNetwork, editPif, setManagementPifs } from 'xo'
 
 // =============================================================================
 
@@ -201,6 +201,11 @@ class NetworkActions extends Component {
           icon='clipboard'
           tooltip={_('copyUuid', { uuid: network.uuid })}
         />
+        <ActionRowButton
+          handler={() => setManagementPifs(network.$pool, network)}
+          icon='pif-management'
+          tooltip={_('setAsManagementPifs')}
+        />
         <ActionRowButton
           disabled={disableNetworkDelete}
           handler={deleteNetwork}