Reimplemented Remove Action. Removed confirmation dialog from legacy remove action, which move still relies on (#2290)

src/plugins/remove/RemoveAction.js

@@ -0,0 +1,101 @@
+/*****************************************************************************
+ * Open MCT, Copyright (c) 2014-2019, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT is licensed under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ *
+ * Open MCT includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+
+export default class RemoveAction {
+    constructor(openmct) {
+        this.name = 'Remove';
+        this.description = 'Remove this object from its containing object.';
+        this.cssClass = "icon-trash";
+
+        this.openmct = openmct;
+    }
+
+    invoke(objectPath) {
+        let object = objectPath[0];
+        let parent = objectPath[1];
+        this.showConfirmDialog(object).then(() => {
+            this.removeFromComposition(parent, object);
+            if (this.inNavigationPath(object)) {
+                this.navigateTo(objectPath.slice(1));
+            }
+        }).catch(() =>{});
+    }
+
+    showConfirmDialog(object) {
+        return new Promise((resolve, reject) => {
+            let dialog = this.openmct.overlays.dialog({
+                title: `Remove ${object.name}`,
+                iconClass: 'alert',
+                message: 'Warning! This action will remove this object. Are you sure you want to continue?',
+                buttons: [
+                    {
+                        label: 'OK',
+                        callback: () => {
+                            dialog.dismiss();
+                            resolve();
+                        }
+                    },
+                    {
+                        label: 'Cancel',
+                        callback: () => {
+                            dialog.dismiss();
+                            reject();
+                        }
+                    }
+                ]
+            })
+        })
+    }
+
+    inNavigationPath(object) {
+        return this.openmct.router.path
+            .some(objectInPath => this.openmct.objects.areIdsEqual(objectInPath.identifier, object.identifier));
+    }
+
+    navigateTo(objectPath) {
+        let urlPath = objectPath.reverse()
+            .map(object => this.openmct.objects.makeKeyString(object.identifier))
+            .join("/");
+
+        window.location.href = '#/browse/' + urlPath;
+    }
+
+    removeFromComposition(parent, child) {
+        let composition = parent.composition.filter(id =>
+            !this.openmct.objects.areIdsEqual(id, child.identifier)
+        );
+
+        this.openmct.objects.mutate(parent, 'composition', composition);
+    }
+
+    appliesTo(objectPath) {
+        let object = objectPath[0];
+        let objectType = object && this.openmct.types.get(object.type);
+        let parent = objectPath[1];
+        let parentType = parent && this.openmct.types.get(parent.type);
+
+        return objectType.definition.creatable &&
+            parentType &&
+            parentType.definition.creatable &&
+            Array.isArray(parent.composition);
+    }
+}