ayanova/src/components/plugins-control.vue

@@ -0,0 +1,83 @@
+<template>
+  <v-dialog
+    fullscreen
+    hide-overlay
+    v-model="isVisible"
+    @keydown.esc="cancel"
+    :data-cy="!!$ay.dev ? 'plugin' : false"
+  >
+    <v-card>
+      <v-card-title>Plugins</v-card-title>
+      todo: show number of selected items, maybe id's? todo: find a name instead
+      of plugins and maybe alternate icon has to make sense both with accounting
+      and mass tagging and any possible grab bag ad-hoc stuff Joyce suggested
+      utilities, that might work, is accounting a utility? More kind of works
+      too as it implies you can do More
+      <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>Item</v-expansion-panel-header>
+            <v-expansion-panel-content>
+              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>
+        </v-expansion-panels>
+      </v-card-text>
+      <v-divider></v-divider>
+      <v-card-actions>
+        <v-btn text @click="cancel()">Cancel</v-btn>
+        <v-btn text @click="ok()">Save</v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
+</template>
+<script>
+export default {
+  data: () => ({
+    isVisible: false,
+    resolve: null,
+    reject: null
+  }),
+  props: {
+    ayaType: {
+      type: Number,
+      default: 0
+    },
+    selectedItems: {
+      type: Array
+    }
+  },
+  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;
+        this.reject = reject;
+      });
+    },
+    ok() {
+      this.isVisible = false;
+      this.resolve(null);
+    },
+    cancel() {
+      this.isVisible = false;
+      this.resolve(null);
+    }
+  }
+};
+</script>