feat(overthebox): unlink device

ref: UXCT-268 Signed-off-by: Stephanie Moallic <stephanie.moallic@corp.ovh.com>
ovh · Jun 27, 2024 · 6eca824 · 6eca824
1 parent 88e97b4
commit 6eca824
Show file tree

Hide file tree

Showing 4 changed files with 60 additions and 1 deletion.
diff --git a/packages/manager/modules/overthebox/src/overthebox/details/overTheBox-details.controller.js b/packages/manager/modules/overthebox/src/overthebox/details/overTheBox-details.controller.js
@@ -63,6 +63,8 @@ export default class OverTheBoxDetailsCtrl {
 
     this.guidesLink = this.OVERTHEBOX_DETAILS.guidesUrl.fr;
 
+    this.confirmUnlink = false;
+
     this.$q
       .all([
         this.getServiceInfos(),
@@ -859,4 +861,32 @@ export default class OverTheBoxDetailsCtrl {
         this.loaders.changingAutoUpgrade = false;
       });
   }
+
+  unlink() {
+    this.confirmUnlink = true;
+  }
+
+  cancel() {
+    this.confirmUnlink = false;
+  }
+
+  unlinkDevice() {
+    this.confirmUnlink = false;
+    return this.OverTheBoxGraphService.unlinkDevice(this.serviceName)
+      .then(() => {
+        // TODO: 5ba1d189-538a-40bf-90c6-4c9ca2ada311
+        this.TucToast.success(
+          this.$translate.instant('overTheBox_unlink_device_success'),
+        );
+        this.error.noDeviceLinked = false;
+        this.device = null;
+      })
+      .catch((err) => {
+        this.TucToast.error(
+          this.$translate.instant('overTheBox_unlink_device_error', {
+            errorMessage: err.data.message,
+          }),
+        );
+      });
+  }
 }
diff --git a/packages/manager/modules/overthebox/src/overthebox/details/overTheBox-details.html b/packages/manager/modules/overthebox/src/overthebox/details/overTheBox-details.html
@@ -318,6 +318,26 @@
                                             </button>
                                         </div>
                                     </form>
+                                    <button
+                                        class="btn btn-default no-transition"
+                                        data-translate="overTheBox_deviceId_unlink"
+                                        type="button"
+                                        title="{{::'overTheBox_deviceId_button_title' | translate }} {{::'overTheBox_deviceId_unlink' | translate }}"
+                                        data-ng-if="!$ctrl.device.editMode && $ctrl.device.deviceId"
+                                        data-ng-click="$ctrl.unlink()"
+                                    ></button>
+                                    <oui-modal
+                                        data-ng-if="$ctrl.confirmUnlink"
+                                        data-primary-label="{{:: 'overTheBox_deviceId_unlink' | translate }}"
+                                        data-primary-action=":: $ctrl.unlinkDevice()"
+                                        data-secondary-label="{{:: 'overTheBox_cancel' | translate }}"
+                                        data-secondary-action=":: $ctrl.cancel()"
+                                        data-on-dismiss="$ctrl.cancel()"
+                                    >
+                                        <p
+                                            data-translate="overTheBox_confirm_unlink_device"
+                                        ></p>
+                                    </oui-modal>
                                 </div>
                             </div>
                         </div>

diff --git a/packages/manager/modules/overthebox/src/overthebox/details/overTheBox-details.service.js b/packages/manager/modules/overthebox/src/overthebox/details/overTheBox-details.service.js
@@ -24,4 +24,8 @@ export default class OverTheBoxDetailsService {
   getDeviceHardware(serviceName) {
     return this.$http.get(`/overTheBox/${serviceName}/device/hardware`);
   }
+
+  unlinkDevice(serviceName) {
+    return this.$http.delete(`/overTheBox/${serviceName}/device`);
+  }
 }
diff --git a/packages/manager/modules/overthebox/src/overthebox/details/translations/Messages_fr_FR.json b/packages/manager/modules/overthebox/src/overthebox/details/translations/Messages_fr_FR.json
@@ -92,5 +92,10 @@
   "overthebox_caracteristics": "Caractéristiques",
   "overTheBox_model_device": "Modèle du périphérique",
   "overTheBox_detail_bandwidth": "Bande passante maximum",
-  "overTheBox_model_device_unknown": "Inconnu"
+  "overTheBox_model_device_unknown": "Inconnu",
+  "overTheBox_deviceId_unlink": "Dissocier",
+  "overTheBox_cancel": "Annuler",
+  "overTheBox_confirm_unlink_device": "Ce périphérique ne pourra plus se connecter ce service, en êtes-vous sûr?",
+  "overTheBox_unlink_device_error": "Nous n'avons pas pu dissocier le périphérique : {{errorMessage}}",
+  "overTheBox_unlink_device_success": "Votre périphérique a été dissocié avec succès."
 }