THANASOFT-HFC/gestion/src/js/objects/clientGroup.mjs

import { showError } from "@nextcloud/dialogs";
import { baseUrl, checkSelectPurJs, LoadDT, showDone } from "../modules/mainFunction.mjs";
import { updateDB } from "../modules/ajaxRequest.mjs";

export class ClientGroup {

  /**
   * 
   * @param myresp instantiate client group object
   */
  constructor(myresp) {
    this.id = myresp.id;
    this.clientGroupName = ((myresp.client_group_name.length === 0) ? '-' : myresp.client_group_name);
  }

  /**
   * Get datatable row for a client group
   */
  getDTRow() {
    let clientGroupRow = [
      '<div>' + this.id + '</div>',
      '<div class="editable" data-table="client_group" data-column="client_group_name" data-id="' + this.id + '">' + this.clientGroupName + '</div>',
      '<div data-modifier="clientGroup" data-id=' + this.id + ' data-table="client_group" style="display:inline-block;margin-right:0px;" class="deleteItem icon-delete"></div>'
    ];

    return clientGroupRow;
  }

  /**
   * 
   * @param {*} clientGroupDatatable 
   */
  static loadClientGroupDatatable(clientGroupDatatable) {
    var oReq = new XMLHttpRequest();
    oReq.open('PROPFIND', baseUrl + '/getClientGroups', true);
    oReq.setRequestHeader("Content-Type", "application/json");
    oReq.onload = function(e){
      if (this.status == 200) {
        LoadDT(clientGroupDatatable, JSON.parse(this.response), ClientGroup);
      }else{
        showError(this.response);
      }
    };
    oReq.send();
  }

  /**
   * 
   * @param {*} dt 
   */
   static newProduct(dt) {
    var oReq = new XMLHttpRequest();
    oReq.open('POST', baseUrl + '/produit/insert', true);
    oReq.onload = function(e){
      if (this.status == 200) {
        showDone()
        Produit.loadProduitDT(dt);
      }else{
        showError(this.response);
      }
    };
    oReq.send();
  }

    static getClientGroups(callback){
      var oReq = new XMLHttpRequest();
      oReq.open('PROPFIND', baseUrl + '/getClientGroups', true);
      oReq.setRequestHeader("Content-Type", "application/json");
      oReq.onload = function(e){
        if (this.status == 200) {
          callback(JSON.parse(this.response));
        }else{
          showError(this.response);
        }
      };
      oReq.send();
    }
  
    /**
     * 
     * @param {*} lid 
     */
    static loadClientGroupListToSelect(e){
      ClientGroup.getClientGroups(response => {
  
        var selectElement = document.createElement("select");
        selectElement.dataset.current = e.target.dataset.current;
        selectElement.dataset.id = e.target.dataset.id;
        selectElement.dataset.old = e.target.innerHTML;
  
        selectElement.addEventListener("change", el=>{
          if(el.target.value != 0){
            updateDB(el.target.parentElement.dataset.table,
              el.target.parentElement.dataset.column,
              el.target.value,
              el.target.parentElement.dataset.id
            );
  
            // location.reload();
  
            var parentElement = el.target.parentElement
            parentElement.innerHTML = el.target.options[el.target.selectedIndex].text;
            parentElement.dataset.current = el.target.value;
          }else{
            var parentElement = el.target.parentElement
            parentElement.innerHTML = el.target.dataset.old
          }
        });
  
        var option = document.createElement("option");
          option.value = 0;
          option.text = t('gestion', 'Cancel');
          selectElement.appendChild(option);
  
        JSON.parse(response).forEach(myresp => {
          var txt = document.createElement("textarea");
          txt.innerHTML = myresp.client_group_name;
          var option = document.createElement("option");
          option.value = myresp.id;
          option.text = txt.value;
          selectElement.appendChild(option);
        });
        
        checkSelectPurJs(selectElement);
  
        e.target.innerHTML = ''
        e.target.appendChild(selectElement);
      });
  }

  /**
   * 
   * @param {*} dt 
   */
  static createDefaultClientGroup(dt) {
    var oReq = new XMLHttpRequest();
    oReq.open('POST', baseUrl + '/clientGroup/createDefaultClientGroup', true);
    oReq.onload = function(e){
      if (this.status == 200) {
        showDone()
        ClientGroup.loadClientGroupDatatable(dt);
      }else{
        showError(this.response);
      }
    };
    oReq.send();
  }
}