|
|
@ -21,11 +21,17 @@ const richTextStatments = ref([
|
|
|
|
|
|
|
|
|
|
|
|
const richEditModal = ref(false);
|
|
|
|
const richEditModal = ref(false);
|
|
|
|
const richEditExpression = ref("");
|
|
|
|
const richEditExpression = ref("");
|
|
|
|
const richEditStatement = (stmt: String) => {
|
|
|
|
const richEditID = ref(0);
|
|
|
|
console.log('editing statement', stmt, editModal)
|
|
|
|
|
|
|
|
activeStatement = stmt
|
|
|
|
const richEditStatement = (id: int) => {
|
|
|
|
richEditModal.value = true
|
|
|
|
console.log("editing statement", id, richEditModal);
|
|
|
|
richEditExpression.value = stmt.raw
|
|
|
|
richEditModal.value = true;
|
|
|
|
|
|
|
|
richEditID.value = id;
|
|
|
|
|
|
|
|
richEditExpression.value = richTextStatments.value[richEditID.value].text;
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function richUpdateValue() {
|
|
|
|
|
|
|
|
richTextStatments.value[richEditID.value].text = richEditExpression.value;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
@ -61,19 +67,19 @@ const richEditStatement = (stmt: String) => {
|
|
|
|
</q-drawer>
|
|
|
|
</q-drawer>
|
|
|
|
|
|
|
|
|
|
|
|
<q-page-container id="editor" style="display: flex">
|
|
|
|
<q-page-container id="editor" style="display: flex">
|
|
|
|
<q-dialog ref="edit-modal" v-model="richEditModal">
|
|
|
|
<q-dialog v-model="richEditModal">
|
|
|
|
<q-card>
|
|
|
|
<q-card>
|
|
|
|
|
|
|
|
<q-editor v-model="richEditExpression" min-height="5rem" />
|
|
|
|
<q-card-actions align="right" class="text-primary">
|
|
|
|
<q-card-actions align="right" class="text-primary">
|
|
|
|
<q-btn flat label="Cancel" v-close-popup></q-btn>
|
|
|
|
<q-btn flat label="Cancel" v-close-popup></q-btn>
|
|
|
|
<q-btn flat label="Save" v-close-popup></q-btn>
|
|
|
|
<q-btn flat label="Save" @click="richUpdateValue" v-close-popup></q-btn>
|
|
|
|
</q-card-actions>
|
|
|
|
</q-card-actions>
|
|
|
|
</q-card>
|
|
|
|
</q-card>
|
|
|
|
</q-dialog>
|
|
|
|
</q-dialog>
|
|
|
|
|
|
|
|
|
|
|
|
<span v-for="(item, index) in richTextStatments">
|
|
|
|
<span v-for="(item, index) in richTextStatments">
|
|
|
|
<TextBox
|
|
|
|
<TextBox
|
|
|
|
:statement="item.text"
|
|
|
|
:statement="item.text"
|
|
|
|
v-on:edit="() => (stmt ? richEditStatement(stmt) : {})"
|
|
|
|
v-on:edit="() => (item.text ? richEditStatement(index) : {})"
|
|
|
|
></TextBox>
|
|
|
|
></TextBox>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</q-page-container>
|
|
|
|
</q-page-container>
|
|
|
|