ayanova/src/components/extension-tags-control.vue

@@ -1,23 +1,20 @@
 <template>
-  <v-col cols="12" mt-1 mb-2>
-    <v-alert
-      ref="errorbox"
-      :data-cy="!!$ay.dev ? 'errorbox' : false"
-      v-show="errorBoxMessage"
-      color="error"
-      icon="fa-exclamation-circle "
-      transition="scale-transition"
-      class="multi-line"
-      outlined
-      >{{ errorBoxMessage }}</v-alert
-    >
-  </v-col>
+  <v-expansion-panel>
+    <v-expansion-panel-header>MASS TAG</v-expansion-panel-header>
+    <v-expansion-panel-content>content here</v-expansion-panel-content>
+  </v-expansion-panel>
 </template>
 <script>
 export default {
   data: () => ({}),
   props: {
-    errorBoxMessage: String
+    ayaType: {
+      type: Number,
+      default: 0
+    },
+    selectedItems: {
+      type: Array
+    }
   }
 };
 </script>

ayanova/src/views/adm-users.vue

@@ -1,14 +1,21 @@
 <template>
-  <gz-data-table
-    formKey="adm-users"
-    :dataListKey="dataListKey"
-    :dataListFilter="dataListFilter"
-    :dataListSort="dataListSort"
-    :showSelect="false"
-    :singleSelect="false"
-    v-on:selection-change="handleSelected"
-  >
-  </gz-data-table>
+  <div>
+    <gz-extensions
+      :ayaType="ayType"
+      :selectedItems="selectedItems"
+      ref="extensions"
+    >
+    </gz-extensions>
+    <gz-data-table
+      formKey="adm-users"
+      :dataListKey="dataListKey"
+      :dataListFilter="dataListFilter"
+      :dataListSort="dataListSort"
+      :showSelect="rights.change"
+      v-on:selection-change="handleSelected"
+    >
+    </gz-data-table>
+  </div>
 </template>
 
 <script>
@@ -28,12 +35,14 @@ export default {
       dataListKey: "UserDataList",
       dataListFilter: "",
       dataListSort: "",
-      rights: window.$gz.role.defaultRightsObject()
+      rights: window.$gz.role.defaultRightsObject(),
+      ayType: window.$gz.type.User,
+      selectedItems: []
     };
   },
   methods: {
-    handleSelected(selectedItems) {
-      console.log(selectedItems);
+    handleSelected(selected) {
+      this.selectedItems = selected;
     }
   }
 };
@@ -41,7 +50,7 @@ export default {
 /////////////////////////////
 //
 //
-function clickHandler(menuItem) {
+async function clickHandler(menuItem) {
   if (!menuItem) {
     return;
   }
@@ -54,6 +63,9 @@ function clickHandler(menuItem) {
           params: { recordid: 0 }
         });
         break;
+      case "extensions":
+        let res = await m.vm.$refs.extensions.open();
+        break;
       default:
         window.$gz.eventBus.$emit(
           "notify-warning",
@@ -104,6 +116,13 @@ function generateMenu(vm) {
     vm: vm
   });
 
+  menuOptions.menuItems.push({
+    title: "Extensions",
+    icon: "fa-puzzle-piece",
+    key: FORM_KEY + ":extensions",
+    vm: vm
+  });
+
   window.$gz.eventBus.$emit("menu-change", menuOptions);
 }
 </script>

ayanova/src/views/widgets.vue

@@ -12,7 +12,6 @@
       :dataListFilter="dataListFilter"
       :dataListSort="dataListSort"
       :showSelect="rights.change"
-      :singleSelect="false"
       v-on:selection-change="handleSelected"
     >
     </gz-data-table>