c3lf/c3lf-system-3
9
0
Fork 0
Code Issues 26 Pull requests Releases Wiki Activity

stash

Browse source
This commit is contained in:
j3d1 2024-05-22 21:43:09 +02:00
parent 20c8cd866e
commit fed0fb2acf
2 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
web/src/components/inputs/FormatedText.vue
View file

@ -1,6 +1,5 @@
<template>
<div contenteditable>
<pre>{{ value }}</pre>
<span v-html="rawhtml(value)"></span>
</div>
</template>

12
web/src/views/admin/Settings.vue
View file

@ -2,9 +2,8 @@
<h3 class="text-center">Message Templates</h3>
<ul>
<li v-for="template in messageTemplates" :key="template.id">
{{ template.name }}<br>
<pre>{{ template.message }}</pre>
<FormatedText :value="template.message"/>
<FormatedText :value="template.message" :format="formatText"/>
</li>
</ul>
<h3 class="text-center">Message Template Variables</h3>
@ -24,7 +23,14 @@ export default {
name: 'Settings',
components: {FormatedText, Table},
computed: mapState(['messageTemplates', 'messageTemplateVariables']),
methods: mapActions(['fetchMessageTemplates', 'fetchMessageTemplateVariables']),
methods: {
...mapActions(['fetchMessageTemplates', 'fetchMessageTemplateVariables']),
formatText(value) {
return value.replace(/{{(.*?)}}/g, (match, key) => {
return `<span class="text-primary">{{ ${key} }}</span>`;
}).replace(/\n/g, '<br>').replace(/\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;');
}
},
mounted() {
this.fetchMessageTemplates();
this.fetchMessageTemplateVariables();