From 86c2662148a40a81b8dad928e5937b4a717a35f8 Mon Sep 17 00:00:00 2001
From: Jesse Mazzella <jesse.d.mazzella@nasa.gov>
Date: Thu, 21 Dec 2023 16:45:43 -0800
Subject: [PATCH] feat: programmatically disable create button via API events

---
 src/ui/layout/CreateButton.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/ui/layout/CreateButton.vue b/src/ui/layout/CreateButton.vue
index fedf834629..32a4bb3d56 100644
--- a/src/ui/layout/CreateButton.vue
+++ b/src/ui/layout/CreateButton.vue
@@ -23,6 +23,7 @@
   <div ref="createButton" class="c-create-button--w">
     <button
       class="c-create-button c-button--menu c-button--major icon-plus"
+      :disabled="isEditing"
       @click.prevent.stop="showCreateMenu"
     >
       <span class="c-button__label">Create</span>
@@ -31,10 +32,19 @@
 </template>
 
 <script>
+import { inject } from 'vue';
+
 import CreateAction from '@/plugins/formActions/CreateAction';
 
+import { useIsEditing } from '../composables/editor';
+
 export default {
   inject: ['openmct'],
+  setup() {
+    const openmct = inject('openmct');
+    const { isEditing } = useIsEditing(openmct);
+    return { isEditing };
+  },
   data: function () {
     return {
       menuItems: {},