|
|
| Linha 1: |
Linha 1: |
| /* 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__div-barra-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();
| |