Mudanças entre as edições de "MediaWiki:Common.js"

Edição das 17h39min de 29 de novembro de 2021

/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */
//const div_barra_pesquisa = $("#wiki-dev__div-barra-pesquisa");

//function criar_barra_pesquisa(){
  /* criando formulario */ 
  //$(div_barra_pesquisa).append('<form><label></label><input></input></form>');
  //const form_barra_pesquisa = $($(div_barra_pesquisa).find('form'));
  //form_barra_pesquisa.attr('id', 'wiki-dev__form_barra_pesquisa');
  //form_barra_pesquisa.attr('action', '/wiki/index.php');
  //form_barra_pesquisa.attr('method', 'post');
  /* cirnado parte interna do formulario */
    /* descrição da barra de pesquisa */
    //const label_barra_pesquisa = $($(form_barra_pesquisa).find('label'));
    //label_barra_pesquisa.attr('class', 'wiki-dev__label-barra-pesquisa');
    //label_barra_pesquisa.attr('for', 'wiki-dev__input-barra-pesquisa');
    //label_barra_pesquisa.append('Click aqui para fazer uma pesquisa');
    /* barra de pesquisa */
    //const barra_pesquisa = $($(form_barra_pesquisa).find('input'));
    //barra_pesquisa.attr('id', 'wiki-dev__input-barra-pesquisa');
    //barra_pesquisa.attr('type', 'search');
    //barra_pesquisa.attr('name', 'search');
    //barra_pesquisa.attr('placeholder', 'Click aqui para fazer uma pesquisa');
    //barra_pesquisa.attr('autocapitalize', 'sentences');
    //barra_pesquisa.attr('autocomplete', 'off');
    //barra_pesquisa.attr('aria-label', 'Digite sua pesquisa');
//}

//criar_barra_pesquisa()

const gatilho = document.querySelector( 'html' );
const pesquisa = $("#wiki-dev_gatilho-pesquisa");

/*Define o tema dos componentes*/
function define_tema(){
  function mudancaNaClasse( mutations ) {
    mutations.forEach(function(mutation) {
      if (mutation.attributeName === 'class') {
        if($("html").attr('class').search("skin-citizen-dark") != -1){
          pesquisa.removeClass("wiki-dev__div-barra-pesquisa-claro").addClass("wiki-dev__div-barra-pesquisa-escuro");
        }else{
          pesquisa.removeClass("wiki-dev__div-barra-pesquisa-escuro").addClass("wiki-dev__div-barra-pesquisa-claro");
        }
      }
    });
  }

  var observer = new MutationObserver( mudancaNaClasse );
  var configuracao = { attributes: true };

  observer.observe( gatilho, configuracao );
}

define_tema();