From aa53013cc4567a0b79c8a4e05cfff46cd25ea3c0 Mon Sep 17 00:00:00 2001 From: riqo Date: Mon, 15 Feb 2021 09:26:36 -0600 Subject: [PATCH] add mock message test --- src/components/messageView/index.vue | 5 +- .../messageView/viewDetails/visualizer.ts | 7 +- src/modules/scrollView.ts | 2 +- src/views/home.vue | 17 +- src/views/mockMessages.ts | 160 ++++++++++++++++++ 5 files changed, 181 insertions(+), 10 deletions(-) create mode 100644 src/views/mockMessages.ts diff --git a/src/components/messageView/index.vue b/src/components/messageView/index.vue index a93a69b..c3d9c99 100644 --- a/src/components/messageView/index.vue +++ b/src/components/messageView/index.vue @@ -51,8 +51,9 @@ export default defineComponent({ emitter.on("animateSend", async (message) => { try { - await invoke(message); - renderArr.push(data.value); + renderArr.push(message) + // await invoke(message); + //renderArr.push(data.value); } catch (e) { console.log("No response. Do not render."); } diff --git a/src/components/messageView/viewDetails/visualizer.ts b/src/components/messageView/viewDetails/visualizer.ts index 33024da..455381f 100644 --- a/src/components/messageView/viewDetails/visualizer.ts +++ b/src/components/messageView/viewDetails/visualizer.ts @@ -55,12 +55,7 @@ export default function useMessageView(): { if (el) { if (shift) { - console.log(messageOffset.y) - if (messageOffset.y < 445 && messageOffset.y < 500) { - shiftOffset -= 15; - } else { - shiftOffset -= el.getBBox().height + messagePadding; - } + shiftOffset -= el.getBBox().height + messagePadding; } animateMessage(el); } diff --git a/src/modules/scrollView.ts b/src/modules/scrollView.ts index 8fea63f..3032667 100644 --- a/src/modules/scrollView.ts +++ b/src/modules/scrollView.ts @@ -1,7 +1,7 @@ import { ref, computed, onMounted, onUnmounted } from "vue"; /** - * handles visualization of view messages through + * handles visualization of view messages through * vue transition callbacks and anime-js animations */ export default function useScrollView({ targetId }: { targetId: string }) { diff --git a/src/views/home.vue b/src/views/home.vue index 2250cc6..b57a56b 100644 --- a/src/views/home.vue +++ b/src/views/home.vue @@ -14,11 +14,26 @@ diff --git a/src/views/mockMessages.ts b/src/views/mockMessages.ts new file mode 100644 index 0000000..7cb4908 --- /dev/null +++ b/src/views/mockMessages.ts @@ -0,0 +1,160 @@ +import { Message } from "@/types/message/index"; + +export const Messages: Message[] = [ + { + content: "Welcome", + context: "ai", + subContext: "", + modifier: "ai", + id: "2", + time: "" + }, + { + content: + "add friend", + context: "launch", + subContext: "", + modifier: "sf", + id: "1", + time: "" + }, + { + content: "Did you mean to addcontact?", + context: "addcontact", + subContext: "", + modifier: "ai", + id: "5", + time: "" + }, + { + content: "yes", + context: "fulfill", + subContext: "", + modifier: "sf", + id: "6", + time: "" + }, + + { + content: "Hey Anna, did you get the paper done?", + context: "Mesage from Tommy McConville", + subContext: "New Conversation", + modifier: "ai", + id: "3", + time: "" + }, + { + content: "Hey do you know Enrique Hernandez?", + context: "Message from Crimata", + subContext: "", + modifier: "ai", + id: "7", + time: "" + }, + + { + content: "Yes posting it online soon.", + context: "You to Tommy McConville", + subContext: "", + modifier: "sf", + id: "4", + time: "" + }, + { + content: "Hey do you know Enrique Hernandez?", + context: "Message from Crimata", + subContext: "", + modifier: "ai", + id: "8", + time: "" + }, + { + content: "Hey Anna, did you get the paper done?", + context: "Message from Tommy McConville", + subContext: "", + modifier: "ai", + id: "9", + time: "" + }, + { + content: "Hey Anna, did you get the paper done?", + context: "Message from Tommy McConville", + subContext: "", + modifier: "ai", + id: "10", + time: "" + }, + { + content: "Yes posting it online soon.", + context: "Message from Tommy McConville", + subContext: "", + modifier: "sf", + id: "11", + time: "" + }, + { + content: + "I can be there at 5 pm tomorrow to greet you at a Chick file with my almond and chive salad.", + context: "You to Tommy McConville", + subContext: "", + modifier: "sf", + id: "12", + time: "" + }, + { + content: "Hey Anna, did you get the paper done?", + context: "Message from Tommy McConville", + subContext: "", + modifier: "ai", + id: "13", + time: "" + }, + { + content: "Hey Anna, did you get the paper done?", + context: "Message from Tommy McConville", + subContext: "", + modifier: "ai", + id: "14", + time: "" + }, + { + content: "Yes posting it online soon.", + context: "You to Tommy McConville", + subContext: "", + modifier: "sf", + id: "15", + time: "" + }, + { + content: "Sweet, thanks!", + context: "Message from Tommy McConville", + subContext: "", + modifier: "ai", + id: "16", + time: "" + }, + { + content: "Hey do you know Enrique Hernandez?", + context: "Message from Crimata AI", + subContext: "", + modifier: "ai", + id: "17", + time: "" + }, + { + content: "Yes posting it online soon.", + context: "You to Tommy McConville", + subContext: "", + modifier: "sf", + id: "18", + time: "" + }, + { + content: "Sweet, thanks!", + context: "Message from Tommy McConville", + subContext: "", + modifier: "ai", + id: "19", + time: "" + }, +]; -- 2.43.0