ayanova/src/api/translation.js

@@ -163,7 +163,11 @@ export default {
     "Table",
     "InsertLink",
     "LinkUrl",
-    "LinkText"
+    "LinkText",
+    "InsertImage",
+    "ImageUrl",
+    "ImageDescription",
+    "File"
   ],
 
   ////////////////////////////////////////////////////////

ayanova/src/components/wiki-control.vue

@@ -202,7 +202,6 @@
               <v-icon>fa-image</v-icon>
             </v-btn>
             <v-menu
-              min-width="300"
               v-model="imageMenu"
               :close-on-content-click="false"
               offset-y
@@ -210,20 +209,35 @@
               :position-y="menuY"
               absolute
             >
-              <v-card width="300">
+              <v-card>
                 <v-card-title>{{ $ay.t("InsertImage") }}</v-card-title>
+                <div class="ma-4">
+                  <v-tabs grow color="primary">
+                    <v-tab>URL</v-tab>
+                    <v-tab>{{ $ay.t("File") }}</v-tab>
 
-                <div class="ma-8">
-                  <v-text-field
-                    v-model="imageUrl"
-                    :label="$ay.t('LinkUrl')"
-                  ></v-text-field>
-                  <v-text-field
-                    v-model="imageText"
-                    :label="$ay.t('LinkText')"
-                  ></v-text-field>
+                    <v-tab-item
+                      ><div class="ma-8">
+                        <v-text-field
+                          v-model="imageUrl"
+                          :label="$ay.t('ImageUrl')"
+                        ></v-text-field>
+                        <v-text-field
+                          v-model="imageText"
+                          :label="$ay.t('ImageDescription')"
+                        ></v-text-field></div
+                    ></v-tab-item>
+                    <v-tab-item
+                      ><div class="ma-8">
+                        FILE SELECT HERE FILE UPLOAD HERE
+
+                        <v-text-field
+                          v-model="imageText"
+                          :label="$ay.t('ImageDescription')"
+                        ></v-text-field></div
+                    ></v-tab-item>
+                  </v-tabs>
                 </div>
-
                 <v-card-actions>
                   <v-spacer></v-spacer>
 
@@ -719,7 +733,7 @@ export default {
       e.preventDefault();
       this.imageMenu = false;
       this.getSelectedRange();
-      this.linkText = this.getSelectedText();
+      this.imageText = this.getSelectedText();
       this.menuX = e.clientX;
       this.menuY = e.clientY;
       this.$nextTick(() => {