R E D

NAME	SIZE	PERMISSION
img	[ DIR ]	drwxr-xr-x
APIConnect.js	6.89 KB	-rwxr-xr-x
bootstrap.min.css	155.78 KB	-rwxr-xr-x
jquery.min.js	86.08 KB	-rwxr-xr-x
main.css	9.19 KB	-rwxr-xr-x
main.js	6.85 KB	-rwxr-xr-x
script.js	1.27 KB	-rwxr-xr-x

Code Editor : APIConnect.js

function response_action(element){
  
    if(element.action  == "alert"){
      
      if(element.detail.status =="success"){
        //toastr.success(element.detail.message,element.detail.title,element.detail.action);
        Swal.fire({
          title: element.detail.title,
          icon: element.detail.status,
          html: element.detail.text,
          showCloseButton: false,
          focusConfirm: false,
        }).then(() => {
          window.location.href = element.detail.link;
        });

}else if(element.detail.status =="info"){
        Swal.fire({
          title: element.detail.title,
          icon: element.detail.status,
          html: element.detail.text,
          showCloseButton: false,
          focusConfirm: false,
          })
      }else if(element.detail.status =="error"){
        Swal.fire({
          title: element.detail.title,
          icon: element.detail.status,
          html: element.detail.text,
          showCloseButton: false,
          focusConfirm: false,
          })
      }else{
        Swal.fire({
          title: element.detail.title,
          icon: element.detail.status,
          html: element.detail.text,
          showCloseButton: false,
          focusConfirm: false,
          })
      }
    }

if(element.action == "innerHTML"){
      EditinnerHTML(element.detail.id_show,element.detail.text)
    }
    if (element.action === "url") {
      const type = element.detail.type === "new" ? "_blank" : "_self";
      const url = element.detail.url;
      const options = "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400";
      if(url == 'reload'){ location.reload(); }else{ window.open(url, type, options); }
    }
    if(element.action == "Get_Function"){
      setTimeout(() => {  
        if(element.detail.id){ ConnectAPI_Get_Function(element.detail.id,element.detail.value,element.detail.delay); }
      }, element.detail.delay);
    }
    if(element.action == "BS_Modal"){
      BS_Modal(element.detail.id, element.detail.action, element.detail.option)
    }
    if(element.action == "Tabs_ElementById"){
      Tabs_ElementById(element.detail.Tab_Data, element.detail.Tab_Data_IDShow, element.detail.Tab ,element.detail.Tab_Show, element.detail.ActiveNameClass);
    }
    if(element.action == "updateClass"){
      updateClass(element.detail.selector, element.detail.action, element.detail.className)
    }
    if(element.action == "ConnectAPI"){
      ConnectAPI(element.detail.Url,element.detail.formId,element.detail.method,element.detail.delay);
    }
    if(element.action == "ObjectDisabled"){
      ObjectDisabled(element.detail.selector, element.detail.value);
    }
  
  }
  
  
  
  function ConnectAPI(Url, formId, method = "POST",delay = 0) {
    
    const form = document.getElementById(formId);
    if (!form) {
      console.error(`Form with ID "${formId}" does not exist!`);
      return;
    }
    setTimeout(() => {
      $.ajax({
        url: Url,
        type: method,
        data: new FormData(form),
        contentType: false,
        cache: false,
        processData: false,
        success: (response) => {
          console.log(response);
          if (typeof response === 'object') {
            response.forEach((element) => {
              if (element.action !== undefined) {
                response_action(element);
              }
            });
          } else {
            console.error("Invalid response from server.");
          }
        },
        error: () => {
          console.error("Try again or contact admin.", "Sending abnormal data");
        },
      });
    }, delay);
  }
  
  function EditinnerHTML(idName, text) {
    const element = document.getElementById(idName);
    if (element) { element.innerHTML = text; } else {
      console.error(`Cannot change innerHTML. Element with ID "${idName}" does not exist.`);
    }
  }
  
  function updateClass(selector, action, className) {
    var allElements = [];
    var elements;
  
    if (selector.startsWith('#')) {
      var element = document.getElementById(selector.slice(1));
      if (!element) {
        console.error('Element not found: ' + selector);
        return [];
      }
      elements = [element];
    } else {
      elements = document.querySelectorAll(selector);
    }
  
    for (var i = 0; i < elements.length; i++) {
      var element = elements[i];
      switch (action) {
        case 'add':
          element.classList.add(className);
          break;
        case 'remove':
          element.classList.remove(className);
          break;
        default:
          console.error('Invalid action specified');
          break;
      }
      allElements.push(element);
    }
  
    return allElements;
  }
  
  function ObjectDisabled(selector, value) {
    if (selector.startsWith('#')) {
      const element = document.getElementById(selector.slice(1));
      if (!element) {
        console.error(`Element not found: ${selector}`);
        return;
      }
      element.disabled = Boolean(value);
      return;
    }
    const elements = Array.from(document.querySelectorAll(selector));
    if (!elements.length) {
      console.error(`No elements found for selector "${selector}"`);
      return;
    }
    elements.forEach((element) => {
      element.disabled = Boolean(value);
    });
  }

${this.title}

Code Editor : APIConnect.js