add confirm modal

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

@@ -1476,6 +1476,8 @@ const messages = {
   logAction: 'Action',
 
   // ----- VM advanced tab -----
+  allowMigrationTitle: "Allow migration",
+  allowMigrationconfirm: "This will allow migration blocked for this reason: ",
   attachedPcis: 'Attached PCIs',
   attachingDetachingPciNeedVmBoot: 'Attaching/detaching a PCI will be taken into consideration for the next VM boot.',
   attachPcis: 'Attach PCIs',

packages/xo-web/src/xo-app/vm/tab-advanced.js

@@ -596,14 +596,33 @@ export default class TabAdvanced extends Component {
   }
 
   _onChangeAllowMigration = allow => {
-    editVm(this.props.vm, {
-      blockedOperations: Object.assign.apply(
-        null,
-        ['migrate_send', 'pool_migrate'].map(op => ({ [op]: allow ? null : 'Migration blocked' }))
-      ),
+      console.log({allow})
+      const reasons = Object.keys(this.props.vm.blockedOperations).join(' ')
+      console.log({reasons})
+      confirm({
+        title: _('allowMigrationTitle'),
+        body: <p>{_('allowMigrationconfirm')} {reasons}</p>,
+      })
+      .then(() => {
+      console.log("Validé !!!!!");
+      console.log({vm: this.props.vm})
+      console.log({time: "before", allow, blockedOperations: this.props.vm.blockedOperations})
+      editVm(this.props.vm, {
+        blockedOperations: Object.assign.apply(
+          null,
+          ['migrate_send', 'pool_migrate'].map(op => ({ [op]: !allow ? null : 'Migration blocked' }))
+        ),
+      })
+      .then(() => {
+        console.log({time: "after", allow, blockedOperations: this.props.vm.blockedOperations})
+      })
     })
-  }
-
+    .catch(error => {
+      // Si l'utilisateur annule, ne fait rien
+      console.log({allow, reason: "Si l'utilisateur annule, ne fait rien", error});
+    })
+  };
+
   _onChangeBlockStop = block =>
     editVm(this.props.vm, {
       blockedOperations: Object.assign.apply(