From 14960831b45d9cbc37e8c1076f8296fb6c57ad5c Mon Sep 17 00:00:00 2001
From: Thomas <dev.csnova@gmail.com>
Date: Sat, 9 Apr 2022 17:31:11 -0500
Subject: [PATCH] forgot to stage these

---
 src/App.vue          |  3 ++-
 src/pages/Editor.vue | 24 +++++++++++++++---------
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 57e6d72..0d84cf4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,7 +12,7 @@ import { ref } from "vue";
 </script>
 
 <template>
-  <q-layout view="hHh Lpr fff">
+  <q-layout view="hHr LpR fFf">
     <q-header elevated class="bg-primary text-white" height-hint="98">
       <q-toolbar>
         <q-toolbar-title>
@@ -26,6 +26,7 @@ import { ref } from "vue";
       <q-tabs align="left">
         <q-route-tab to="/Scratch" label="Scratch" />
         <q-route-tab to="/Editor" label="Editor" />
+
       </q-tabs>
     </q-header>
 
diff --git a/src/pages/Editor.vue b/src/pages/Editor.vue
index 92d1962..66ad1a0 100644
--- a/src/pages/Editor.vue
+++ b/src/pages/Editor.vue
@@ -21,11 +21,17 @@ const richTextStatments = ref([
 
 const richEditModal = ref(false);
 const richEditExpression = ref("");
-const richEditStatement = (stmt: String) => {
-  console.log('editing statement', stmt, editModal)
-  activeStatement = stmt
-  richEditModal.value = true
-  richEditExpression.value = stmt.raw
+const richEditID = ref(0);
+
+const richEditStatement = (id: int) => {
+  console.log("editing statement", id, richEditModal);
+  richEditModal.value = true;
+  richEditID.value = id;
+  richEditExpression.value = richTextStatments.value[richEditID.value].text;
+};
+
+function richUpdateValue() {
+  richTextStatments.value[richEditID.value].text = richEditExpression.value;
 }
 </script>
 
@@ -61,19 +67,19 @@ const richEditStatement = (stmt: String) => {
     </q-drawer>
 
     <q-page-container id="editor" style="display: flex">
-      <q-dialog ref="edit-modal" v-model="richEditModal">
+      <q-dialog v-model="richEditModal">
         <q-card>
+          <q-editor v-model="richEditExpression" min-height="5rem" />
           <q-card-actions align="right" class="text-primary">
             <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>
       </q-dialog>
-
       <span v-for="(item, index) in richTextStatments">
         <TextBox
           :statement="item.text"
-          v-on:edit="() => (stmt ? richEditStatement(stmt) : {})"
+          v-on:edit="() => (item.text ? richEditStatement(index) : {})"
         ></TextBox>
       </span>
     </q-page-container>