ayanova/src/components/wiki-control.vue

@@ -150,7 +150,32 @@
               </v-card>
             </v-menu>
 
-            <v-btn depressed tile> <v-icon>fa-link</v-icon></v-btn>
+            <v-menu v-model="linkMenu" :close-on-content-click="false" offset-y>
+              <template v-slot:activator="{ on }">
+                <v-btn depressed tile v-on="on">
+                  <v-icon>fa-link</v-icon>
+                </v-btn>
+              </template>
+              <v-card width="300">
+                <v-card-title>{{ $ay.t("InsertLink") }}</v-card-title>
+
+                <div class="ma-8">
+                  linkUrl linkText
+                </div>
+
+                <v-card-actions>
+                  <v-spacer></v-spacer>
+
+                  <v-btn text @click="linkMenu = false">{{
+                    $ay.t("Cancel")
+                  }}</v-btn>
+                  <v-btn color="primary" text @click="clickLink">{{
+                    $ay.t("OK")
+                  }}</v-btn>
+                </v-card-actions>
+              </v-card>
+            </v-menu>
+
             <v-btn depressed tile> <v-icon>fa-image</v-icon></v-btn>
             <v-btn depressed tile class="ml-1" @click="clickCode">
               <v-icon>fa-code</v-icon></v-btn
@@ -222,7 +247,10 @@ export default {
       },
       tableMenu: false,
       tableMenuColumns: 2,
-      tableMenuRows: 2
+      tableMenuRows: 2,
+      linkMenu: false,
+      linkUrl: "",
+      linkText: ""
     };
   },
   props: {
@@ -536,6 +564,7 @@ export default {
       }
     },
     clickTable() {
+      this.tableMenu = false;
       //| Column 1 | Column 2 | Column 3 |
       //| -------- | -------- | -------- |
       //| John     | Doe      | Male     |
@@ -567,6 +596,17 @@ export default {
         t += "|\n";
       }
 
+      this.replaceSelectedText(t);
+    },
+
+    clickLink() {
+      this.linkMenu = false;
+
+      this.getSelectedRange();
+      //this.linkUrl
+      //this.linkText
+      let t = "\nHYOUR LINK HERE";
+
       this.replaceSelectedText(t);
     }
   }