/*
path: /utils/lib_domTools.js
*/
function cargar_js(url){
    return new Promise((resolve, reject) => {
        if(!document.querySelector('script[src="'+url+'"]')){
            var script = document.createElement("script");
            script.setAttribute("async","");
            script.src=url;
            script.load = 0;
            document.head.appendChild(script);
            script.onload = function() {
                script.load = 1;
                resolve();
            };
            script.onerror = function() {
                script.load = -1;
                reject();
            }
        }else{
            script = document.querySelector('script[src="'+url+'"]');
            if(script.load == 1) resolve();
            else if(script.load == -1) reject();
            else{
                script.addEventListener("load",resolve);
                script.addEventListener("error",reject);
            }
        }
    });
}
function lib_cargar_css(url){
    return new Promise((resolve, reject) => {
        if(!document.querySelector('[href="'+url+'"]')){
          let css = document.createElement("link");
          css.setAttribute("rel", "stylesheet");
          css.setAttribute("type", "text/css");
          css.setAttribute("href", url);
          css.load=0;
          css.onload= ()=>{css.load=1;resolve();}
          css.error= ()=>{css.load=-1;reject();}
          document.head.appendChild(css);
        }else{
            let css = document.querySelector('[href="'+url+'"]');
            if(css.load == 1) resolve();
            else if(css.load == -1) reject();
            else{
                css.addEventListener("load",resolve);
                css.addEventListener("error",reject);
            }
        }
    });
}

function constructElement(tag = "",attrib = []){
    var ele = document.createElement(tag);
    for (i in attrib) {
        if(ele[i]) ele[i]=attrib[i];
        else ele.setAttribute(i,attrib[i]);
    }
    return ele;
}

//crea un div que contiene div para cada key de objeto
//y lo añade al elemento parent o lo devuelve
function objectToDOM(obj, parent="", clase="", id=""){
  let main_div= document.createElement('div');
  main_div.className= clase;
  if(id)
    main_div.setAttribute("id", id);

  for(let campo in obj){
    let campo_div= document.createElement('div');
    campo_div.className= campo;
    let html="";
    html+= '<span class="nombre">'+campo+'</span>';
    html+= '<span>'+obj[campo]+'</span>';
    campo_div.innerHTML= html;
    main_div.appendChild(campo_div);
  }
  if(parent)
    parent.appendChild(main_div);
  else
    return main_div;
}

function lib_cargar_modulo(url_modulo){
    return new Promise((resolve,reject)=>{
        if(!document.querySelector('[src="'+url_modulo+'"]')){
            let js = document.createElement("script");
            js.setAttribute("src", url_modulo);
            js.addEventListener("load",()=>resolve(true));
            js.addEventListener("error",reject);
            document.head.appendChild(js);
        }else{
            resolve(false);
        }
    });
}

//pone el html en el contenedor y ejecuta la parte de
//código en etiquetas <script>
//
//devuelve promesa de cuando ha cargado html y evaluado js
function lib_cargar_web_sin_iframe(url, contenedor){
  return new Promise((resolve,reject)=>{
    let p = fetch(url);
    p.then(data=>{
      return data.text();
    }).then(data=>{
        var parser = new DOMParser();
        var doc = parser.parseFromString(data, "text/html");
        var scripts= doc.querySelectorAll('script');
        contenedor.appendChild(doc.querySelector('body'));

        var texto_scripts= '';
        scripts.forEach(script=>{
          texto_scripts+=script.text;
          script.parentNode.removeChild(script);
        });
        window.eval(texto_scripts);
        resolve(true);
    });
  })
}

//permite forEach en resultados de querySelectorAll
//para navegadores que no lo soportan
if (!NodeList.prototype.forEach) {
  NodeList.prototype.forEach = Array.prototype.forEach;
}
/**
* Envia un Json y espera un Json como respuesta
*
* parametros: (todos opcionales excepto url)
* url
* on_ok -> si va bien se llama la funcion pasandole como parametro la respuesta
* on_ko -> si va mal se llama la funcion pasando como parametro el error
* datos -> objeto json
* metodo -> 'get' o 'post'
* options -> el objeto de configuracion que se pasa al llamar a un fetch
**/

//callFetch("https://reqres.in/api/users",a=>console.log(a),a=>console.log('ko '+a), {'name':'aa','job':'bb'},'post')
//callFetch("https://reqres.in/api/users").then(a=>console.log(a)).catch(a=>console.log('falla'));
//async ()=>{a= await callFetch("https://reqres.in/api/users"); console.log('respuesta:');console.log(a);})()

async function callFetch(url, on_ok= null, on_ko= null, datos= null, metodo= 'get', options={}){
  var error= "";
  if(datos && metodo.toLowerCase()=='get'){
    var esc = encodeURIComponent;
    var datos_envio = Object.keys(datos)
      .map(k => esc(k) + '=' + esc(datos[k]))
      .join('&');
    url+= (url.indexOf('?') === -1 ? '?' : '&') + datos_envio;
  }
  else if(datos && metodo.toLowerCase()=='post'){
    if(options.body){
      console.log('Warning: pasas dos veces parametros a callFetch');
      console.trace();
    }
    else{
      options.method= "POST";
      options.body= JSON.stringify(datos);

    }
  }
  options.headers = options.headers || {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
  };
  try {
    let response = await fetch(url, options);
    if(response.ok){
      let texto= await response.json();
      if(on_ok)
        on_ok(texto);
      var promise = new Promise(function(resolve) {
        resolve(texto);
      });
      return promise;

    }
    else {
      if(on_ko){
        on_ko();
      }
      console.log('Error: error PHP en callFetch -> '+response.statusText);
      console.trace();
    }
  } catch(e) {
      if(on_ko){
        on_ko(e);
      }
      console.log("Error: callFetch -> ", e);
      console.trace();
  }
  var promise = new Promise(function(resolve,reject) {
    reject(response.statusText);
  });

  return promise;
}
/*
path: /utils/lib_varios.js
*/

 function lib_instanciar_modulo(vista, controlador, modelo){
   let _vista= new vista();
   let _controlador= new controlador();
   let _modelo= new modelo();

   _vista.controlador= _controlador;
   _controlador.modelo= _modelo;
   _modelo.controlador= _controlador;
   _controlador.vista= _vista;

   return _vista;
 }

//devuelve identificador único cada vez que se llama
//para identificar varias vistas iguales p.ej.
function lib_id_unico(){
  if(typeof lib_id_unico.contador == 'undefined')
    lib_id_unico.contador=0;
  else
    lib_id_unico.contador++;
  return lib_id_unico.contador;
}
function obtener_session_id_antigua(){
    return new Promise(function(resolve, reject) {
        i = document.createElement("iframe");
        i.style.display = "none";
        i.src="https://s.oxinity.com/back_end/apiRest/?ra=verificar_cookie&php=https://iam.oxinity.com/utils/parches/parche_obtener_session_alumnos.php&session_info=si&redir="+window.location.origin+"/void_landin.php";
        document.body.appendChild(i);
        i.addEventListener("load",()=>{
            setTimeout(()=>{
                resolve(JSON.parse(decodeURIComponent(i.contentWindow.location.toString().split("result=").pop())));
            },1000);
        });
    });
}

//permite forEach en resultados de querySelectorAll
//para navegadores que no lo soportan
if (!NodeList.prototype.forEach) {
  NodeList.prototype.forEach = Array.prototype.forEach;
}