-
-
Notifications
You must be signed in to change notification settings - Fork 167
/
LinkDialog.vue
72 lines (69 loc) · 1.41 KB
/
LinkDialog.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<template>
<k-form-dialog
v-bind="$props"
:value="values"
@cancel="$emit('cancel')"
@input="values = $event"
@submit="submit"
/>
</template>
<script>
import Dialog from "@/mixins/dialog.js";
import { props as FieldsProps } from "./Elements/Fields.vue";
export default {
mixins: [Dialog, FieldsProps],
props: {
// eslint-disable-next-line vue/require-prop-types
fields: {
default: () => ({
href: {
label: window.panel.$t("link"),
type: "link",
placeholder: window.panel.$t("url.placeholder"),
icon: "url"
},
title: {
label: window.panel.$t("title"),
type: "text",
icon: "title"
},
target: {
label: window.panel.$t("open.newWindow"),
type: "toggle",
text: [window.panel.$t("no"), window.panel.$t("yes")]
}
})
},
// eslint-disable-next-line vue/require-prop-types
size: {
default: "medium"
},
// eslint-disable-next-line vue/require-prop-types
submitButton: {
default: () => window.panel.$t("insert")
}
},
data() {
return {
values: {
href: "",
title: null,
...this.value,
target: Boolean(this.value.target ?? false)
}
};
},
methods: {
submit() {
const href = this.values.href
.replace("file://", "/@/file/")
.replace("page://", "/@/page/");
this.$emit("submit", {
...this.values,
href: href,
target: this.values.target ? "_blank" : null
});
}
}
};
</script>