ayanova/src/components/attachment-control.vue

@@ -3,6 +3,7 @@
     <span class="v-label v-label--active theme--light">
       {{ $ay.t("Attachments") }}
     </span>
+
     <v-tabs v-model="tab" color="primary">
       <v-tabs-slider></v-tabs-slider>
       <v-tab key="list"><v-icon>fa-folder</v-icon></v-tab>
@@ -61,6 +62,36 @@
         </v-tab-item>
       </v-tabs-items>
     </v-tabs>
+    <v-menu
+      min-width="360"
+      v-model="editMenu"
+      :close-on-content-click="false"
+      offset-y
+      :position-x="menuX"
+      :position-y="menuY"
+      absolute
+    >
+      <v-card>
+        <v-card-title>{{ $ay.t("FileAttachment") }}</v-card-title>
+        <div class="ma-6">
+          <v-text-field
+            v-model="editName"
+            :label="$ay.t('AttachmentFileName')"
+          ></v-text-field>
+          <v-text-field
+            v-model="editNotes"
+            :label="$ay.t('AttachmentNotes')"
+          ></v-text-field>
+        </div>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn text @click="editMenu = false">{{ $ay.t("Cancel") }}</v-btn>
+          <v-btn color="primary" text @click="editClick()">{{
+            $ay.t("OK")
+          }}</v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-menu>
   </div>
 </template>
 <script>
@@ -75,7 +106,11 @@ export default {
       displayList: [],
       notes: null,
       tab: null,
-      uploadFiles: []
+      uploadFiles: [],
+      editMenu: false,
+      editNotes: null,
+      editName: null,
+      editId: null
     };
   },
   props: {