Be more consistent. Use pres-event-.... css class for all events.

presentation-site/components/MainPage.vue

@@ -26,7 +26,7 @@ onMounted(async() => {
     }
   }
   (new AddToQueue()).checkAllHistoryForComplete();
-  return dispatchEvents('.pres-evant-page-mounted', 'page-mounted', {}, document);
+  return dispatchEvents('.pres-event-page-mounted', 'page-mounted', {}, document);
 });
 
 function ctrlEnter(event) {

presentation-site/components/node/PresentationFile.vue

@@ -184,7 +184,7 @@ async function showTab(show) {
     <label class='pres-node-title'>{{ title }}</label>
     <input ref="filterElem" placeholder="filter" @input="filterChange" />
     <a class='pres-load-files-icon' @click="loadFiles"></a>
-    <select ref="selectElem" :data-workflowid="id" class="pres-select pres-input pres-load-files" data-valuename="value" size="4" :class="selectClasses" @pres-load-files="loadFiles" @change="change">
+    <select ref="selectElem" :data-workflowid="id" class="pres-select pres-input pres-event-load-files pres-load-files" data-valuename="value" size="4" :class="selectClasses" @load-files="loadFiles" @change="change">
       <option value=""></option>
       <option v-for="(option, index) in options" :key="index">{{ option.file }}</option>
     </select>

presentation-site/components/node/PreviewImage.vue

@@ -36,6 +36,7 @@ const srcs = ref([]);
 const idClass = `workflowid-${props.id}`;
 
 function addsrc(event) {
+console.log('aaaaa',event);
   if (event.detail.src) {
     srcs.value.push(event.detail.src);
   } else if (event.detail.done) {
@@ -78,7 +79,7 @@ async function mountGlide() {
   if(glide) {
     glide.destroy();
   }
-
+console.log('srcsss',srcs.value);
   resizeImgs();
   await nextTick(); // wait for everything to resize
 

presentation-site/utils/PresentationURL.js

@@ -9,6 +9,7 @@ export default class {
   }
 
   addSrc(outputElem, url) {
+console.log('ou',outputElem, url);
     outputElem.dispatchEvent(
       new CustomEvent('addsrc', {
         detail: { src: url },
@@ -70,14 +71,14 @@ export default class {
             if (isDevMode) {
               console.log('imageURL', imageURL);
             }
-            dispatchEvents('.pres-addsrc', 'pres-addsrc', { imageURL }, tab);
+            dispatchEvents('.pres-event-addsrc', 'addsrc', { imageURL }, tab);
           }
           this.addSrcDone(outputElem);
         } else {
           toast.error(`Cannot find output. Workflow node id: ${output_id}`);
         }
       } else {
-        dispatchEvents('.pres-addoutput', 'addoutput', { output }, tab);
+        dispatchEvents('.pres-event-addoutput', 'addoutput', { output }, tab);
         if (!output.text) {
           toast.error(`Does not support output yet, node id: ${output_id}`, output);
         }

presentation-site/utils/dispatchLoadFiles.js

@@ -1,3 +1,3 @@
 export default function () {
-  dispatchEvents('.pres-load-files', 'pres-load-files', { }, document);
+  dispatchEvents('.pres-event-load-files', 'pres-load-files', { }, document);
 }