feat: disable get result if image isn't available(#158)

Author: JC-Coder

src/main.ts

@@ -123,6 +123,25 @@ FilePond.create(getImageEntryElement, {
     // set the image source to the output of the Image Transform plugin
     img.src = URL.createObjectURL(output);
     imageSRC = img.src;
+
+    // function to enable the get result button once image uploade d
+    function enableImgResultBtn(){
+      let getPicResultBtn = document.querySelector('[data-button="pic-text"]') as HTMLButtonElement;
+
+      getPicResultBtn.style.pointerEvents = '';
+
+    }
+    enableImgResultBtn();
+
+    // disable btn also when close btn clicked on image display
+    let closeBtn = document.querySelector('.filepond--action-remove-item') as HTMLButtonElement;
+
+    closeBtn.addEventListener('click', function(){
+      let getPicResultBtn = document.querySelector('[data-button="pic-text"]') as HTMLButtonElement;
+
+      getPicResultBtn.style.pointerEvents = 'none';
+    })
+
     console.log(fileItem);
   },
 });

src/pages/pic-text.ts

@@ -19,6 +19,19 @@ export function picTextGenerator(image: string): void {
   getPicTextResult(attribute, outputNode);
 }
 
+// function to disable the get result button once page loads 
+
+function disableImgResultBtn(){
+  let getPicResultBtn = document.querySelector('[data-button="pic-text"]') as HTMLButtonElement;
+
+  getPicResultBtn.style.pointerEvents = 'none';
+
+}
+
+// disable function instantiation
+disableImgResultBtn();
+
+
 /**
  * Sets the image and the text(if any) to the output element
  *