diff --git a/ayanova/src/components/wiki-control.vue b/ayanova/src/components/wiki-control.vue
index 98460623..a9b98286 100644
--- a/ayanova/src/components/wiki-control.vue
+++ b/ayanova/src/components/wiki-control.vue
@@ -47,6 +47,7 @@
fa-strikethrough
+
@@ -86,7 +87,9 @@
+
+
fa-minus
@@ -103,6 +106,7 @@
fa-check-square
+
+
+
+
fa-link
@@ -157,8 +164,8 @@
v-model="linkMenu"
:close-on-content-click="false"
offset-y
- :position-x="linkMenuX"
- :position-y="linkMenuY"
+ :position-x="menuX"
+ :position-y="menuY"
absolute
>
@@ -187,16 +194,59 @@
+
-
- fa-image
+
+
+ fa-image
+
+
+
+ {{ $ay.t("InsertImage") }}
+
+
+
+
+
+
+
+
+
+ {{
+ $ay.t("Cancel")
+ }}
+ {{
+ $ay.t("OK")
+ }}
+
+
+
+
+
+
+
fa-code
fa-square-full
+
@@ -281,10 +331,13 @@ export default {
tableMenuColumns: 2,
tableMenuRows: 2,
linkMenu: false,
- linkMenuX: 10,
- linkMenuY: 10,
+ menuX: 10,
+ menuY: 10,
linkUrl: "",
- linkText: ""
+ linkText: "",
+ imageMenu: false,
+ imageUrl: "",
+ imageText: ""
};
},
props: {
@@ -656,11 +709,22 @@ export default {
this.linkMenu = false;
this.getSelectedRange();
this.linkText = this.getSelectedText();
- this.linkMenuX = e.clientX;
- this.linkMenuY = e.clientY;
+ this.menuX = e.clientX;
+ this.menuY = e.clientY;
this.$nextTick(() => {
this.linkMenu = true;
});
+ },
+ openImageMenu(e) {
+ e.preventDefault();
+ this.imageMenu = false;
+ this.getSelectedRange();
+ this.linkText = this.getSelectedText();
+ this.menuX = e.clientX;
+ this.menuY = e.clientY;
+ this.$nextTick(() => {
+ this.imageMenu = true;
+ });
}
}
};