Solve elninotech#708: Customize "need help" button and URL. (partially)

phlegx · Aug 12, 2021 · e134d34 · e134d34
1 parent 0888595
commit e134d34
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 11 deletions.
diff --git a/src/helpers/interfaces.ts b/src/helpers/interfaces.ts
@@ -37,6 +37,7 @@ export interface IUpploadSettings {
   compressor?: (file: Blob) => Promise<Blob>;
   transitionDuration?: number;
   disableModalClickClose?: boolean;
+  disableHelp?: boolean;
 }
 
 export interface IHandlersParams {

diff --git a/src/helpers/microlink.ts b/src/helpers/microlink.ts
@@ -19,7 +19,7 @@ export class MicrolinkBaseClass extends UpploadService {
   exampleURL = "";
   validator: (value: string) => boolean = () => true;
 
-  template = ({ translate }: IServiceTemplateParams): string => {
+  template = ({ translate, uppload }: IServiceTemplateParams): string => {
     return `
       <div class="microlink-container">
       <form class="microlink-search-form">
@@ -49,9 +49,9 @@ export class MicrolinkBaseClass extends UpploadService {
         "services.microlink.button",
         translate(`services.${this.name}.title`) || this.name
       )
-    }</button></form><button class="need-help-link"><span>${translate(
+    }</button></form>${!uppload.settings.disableHelp ? `<button class="need-help-link"><span>${translate(
       "needHelp"
-    )}</span aria-hidden="true"><span>?</span></button></div>
+    )}</span aria-hidden="true"><span>?</span></button>` : ""}</div>
     <div class="uppload-loader microlink-loader">
     <div></div>
     <p>${

diff --git a/src/helpers/search.ts b/src/helpers/search.ts
@@ -108,7 +108,7 @@ export class SearchBaseClass<ImageResult = any> extends UpploadService {
     if (loader) loader.style.display = this.loading ? "flex" : "none";
   }
 
-  template = ({ translate }: IServiceTemplateParams): string => {
+  template = ({ translate, uppload }: IServiceTemplateParams): string => {
     return `
       <div class="search-container"><form class="search-search-form">
       <div class="service-icon">${colorSVG(this.icon, this)}</div>
@@ -131,9 +131,9 @@ export class SearchBaseClass<ImageResult = any> extends UpploadService {
           `services.${this.name}.title`
         )}</a>`
       )}</p></div>
-      <button class="need-help-link"><span>${translate(
+      ${!uppload.settings.disableHelp ? `<button class="need-help-link"><span>${translate(
         "needHelp"
-      )}</span aria-hidden="true"><span>?</span></button>
+      )}</span aria-hidden="true"><span>?</span></button>` : ""}
       <div class="uppload-loader search-loader">
         <div></div>
         <p>${translate(

diff --git a/src/services/camera.ts b/src/services/camera.ts
@@ -24,7 +24,7 @@ export default class Camera extends UpploadService {
       !/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)
     );
 
-  template = ({ translate }: IServiceTemplateParams) => {
+  template = ({ translate, uppload }: IServiceTemplateParams) => {
     return `
       <div class="service-main">
         <div class="camera-waiting">${translate(
@@ -49,9 +49,9 @@ export default class Camera extends UpploadService {
           style="background: ${this.color}"
         >${translate("services.camera.button")}</button>
       </footer>
-      <button class="need-help-link"><span>${translate(
+      ${!uppload.settings.disableHelp ? `<button class="need-help-link"><span>${translate(
         "needHelp"
-      )}</span aria-hidden="true"><span>?</span></button>
+      )}</span aria-hidden="true"><span>?</span></button>` : ""}
     `;
   };
 

diff --git a/src/services/local.ts b/src/services/local.ts
@@ -30,9 +30,9 @@ export default class Local extends UpploadService {
       <div class="alternate-input">
         <input type="file" accept="${this.mimeTypes.join()}"${
       params.uppload.settings.multiple ? " multiple" : ""
-    }></div><button class="need-help-link"><span>${translate(
+    }></div>${!params.uppload.settings.disableHelp ? `<button class="need-help-link"><span>${translate(
       "needHelp"
-    )}</span aria-hidden="true"><span>?</span></button>`;
+    )}</span aria-hidden="true"><span>?</span></button>` : ""}`;
   };
 
   handlers = (params: IHandlersParams) => {