|
|
|
@ -10,6 +10,7 @@ import Statement from '../components/Statement.vue'
|
|
|
|
|
import VarDeclEditor from './VarDeclEditor.vue'
|
|
|
|
|
import ExpressionEditor from './ExpressionEditor.vue'
|
|
|
|
|
import TextBox from '../components/TextBox.vue'
|
|
|
|
|
import {RichTextBox} from "../types.ts";
|
|
|
|
|
|
|
|
|
|
const math = new MathPage(uuidv4())
|
|
|
|
|
const statements = ref<MathStatement[]>([])
|
|
|
|
@ -58,10 +59,10 @@ const saveNewExpression = (stmt: MathStatement) => {
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
const richTextStatements = ref([
|
|
|
|
|
{ text: "test" },
|
|
|
|
|
{ text: "test2" },
|
|
|
|
|
{ text: "test3" },
|
|
|
|
|
]);
|
|
|
|
|
new RichTextBox('newText'),
|
|
|
|
|
new RichTextBox('newText', 0,100)
|
|
|
|
|
|
|
|
|
|
]);
|
|
|
|
|
|
|
|
|
|
const richEditModal = ref(false);
|
|
|
|
|
const richEditExpression = ref("");
|
|
|
|
@ -110,7 +111,7 @@ function richUpdateValue() {
|
|
|
|
|
<!-- drawer content -->
|
|
|
|
|
</q-drawer>
|
|
|
|
|
|
|
|
|
|
<q-page-container id="editor" style="display: flex">
|
|
|
|
|
<q-page-container id="editor" >
|
|
|
|
|
<!-- <WrapperBox />-->
|
|
|
|
|
|
|
|
|
|
<span v-for="statement in statements">
|
|
|
|
@ -165,12 +166,12 @@ function richUpdateValue() {
|
|
|
|
|
</q-card-actions>
|
|
|
|
|
</q-card>
|
|
|
|
|
</q-dialog>
|
|
|
|
|
<span v-for="(item, index) in richTextStatements">
|
|
|
|
|
<div v-for="(item, index) in richTextStatements">
|
|
|
|
|
<TextBox
|
|
|
|
|
:statement="item.text"
|
|
|
|
|
:value="item"
|
|
|
|
|
v-on:edit="() => (item.text ? richEditStatement(index) : {})"
|
|
|
|
|
></TextBox>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</q-page-container>
|
|
|
|
|
|
|
|
|
|
<q-footer reveal elevated class="bg-grey-8 text-white">
|
|
|
|
|