input item enhancements

src/modules/draggify.ts

@@ -30,7 +30,7 @@ function calcPosition (elementPosition: number, percent: number,
     return elementPosition
 }
 
-export default function draggify(input: { elementId: string }) {
+export default function draggify(input: { elementId: string }, initPosition: { x: number; y: number}) {
 
     let element: HTMLElement | null;
 
@@ -113,8 +113,8 @@ export default function draggify(input: { elementId: string }) {
     });
 
     // Initialize the coordinants.
-    elementX.value = 15;
-    elementY.value = 300;
+    elementX.value = initPosition.x;
+    elementY.value = initPosition.y;
 
     // remove event listeners on component dismount.
     onUnmounted(() => {

src/modules/message.ts

@@ -1,27 +1,20 @@
 import { RenderMessage, ClientMessage } from "@/types/message/index";
 import { v4 as uuidv4 } from 'uuid';
 
-interface RenderParams {
-  text: string;
-  audio: boolean | string;
-  context: string;
-  modifier: string;
-}
-
 function getTimeStamp(): number {  
   const currentdate = new Date();
   return currentdate.getTime();
 }
 
 // Create a RenderMessage object.
-export const renderMessage = (params: RenderParams): RenderMessage => (
+export const renderMessage = (text: boolean | string, audio: boolean | string, context: string, modifier: string): RenderMessage => (
   {
     content: {
-        text: params.text,
-        audio: params.audio
+        text: text,
+        audio: audio
     },
-    context: params.context,
-    modifier: params.modifier,
+    context: context,
+    modifier: modifier,
     time: getTimeStamp(),
     uid: uuidv4(),
     isChild: "none"

src/modules/messages.ts

@@ -66,13 +66,16 @@ export default function useMessages() {
         updateScrollRef()
 
         // update message if in the map.
-        const m = messages.value.get(a.uid)
-        m.context = a.context
-        m.text = a.text
+        const message = messages.value.get(a.uid)
+        message.context = a.context
+        message.content.text = a.text
 
         setTimeout(adjustScroll, 10);
 
-        return m
+        console.log(`Annotation: ${a.text}`)
+        console.log(`Annotation: ${a.context}`)
+
+        return message
     }
 
     const saveMessages = () => {

src/modules/mitt.ts

@@ -12,6 +12,4 @@ export default function useMitt() {
     return {
         emitter
     }
-}
-
-
+}