ayanova/src/components/extensions-control.vue

@@ -12,26 +12,11 @@
         >{{ $ay.t("SelectedItems") }}
         {{ selectedItems.length }}</v-card-subtitle
       >
-      <!-- <v-divider></v-divider> -->
       <v-card-text>
         <v-expansion-panels focusable>
-          <v-expansion-panel v-for="(item, i) in 5" :key="i">
-            <v-expansion-panel-header
-              >Plugin / utility name here</v-expansion-panel-header
-            >
-            <v-expansion-panel-content>
-              Plugin utility component here, it will decide if it's visible or
-              not in a way that doesn't take up dom space (v-if I guess in an
-              expansion panel?) Lorem ipsum dolor sit amet, consectetur
-              adipiscing elit, sed do eiusmod tempor incididunt ut labore et
-              dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
-              exercitation ullamco laboris nisi ut aliquip ex ea commodo
-              consequat.
-            </v-expansion-panel-content>
-          </v-expansion-panel>
+          <ExtensionTags :ayaType="ayaType" :selectedItems="selectedItems" />
         </v-expansion-panels>
       </v-card-text>
-      <!-- <v-divider></v-divider> -->
       <v-card-actions>
         <v-btn text @click="close()" color="primary">{{
           $ay.t("Close")
@@ -41,7 +26,11 @@
   </v-dialog>
 </template>
 <script>
+import ExtensionTags from "./extension-tags-control.vue";
 export default {
+  components: {
+    ExtensionTags
+  },
   data: () => ({
     isVisible: false,
     resolve: null,
@@ -58,17 +47,6 @@ export default {
   },
   methods: {
     open() {
-      //   //get report list from server
-      //   //for now we'll fake it
-      //   let fakeReportList = [];
-      //   for (let i = 0; i < 25; i++) {
-      //     fakeReportList.push({
-      //       name: "Fake report with the number " + i,
-      //       id: i
-      //     });
-      //   }
-      //   this.reportList = fakeReportList;
-
       this.isVisible = true;
       return new Promise((resolve, reject) => {
         this.resolve = resolve;