https://gerens.pe/static/js/main.js

1
2const tabJs = function(fatherNva, navTba, contentTab){
3	let tabs = Array.prototype.slice.apply(document.querySelectorAll(navTba));
4	let panels = Array.prototype.slice.apply(document.querySelectorAll(contentTab));
5	document.getElementById(fatherNva).addEventListener('click', function(e){
6		e.preventDefault()
7		if(e.target){
8			var i = tabs.indexOf(e.target)
9			tabs.map(function(tab){
10				tab.classList.remove('active')
11			})
12			tabs[i].classList.add('active')
13			panels.map(function(tab){
14				tab.classList.remove('active')
15			})
16			panels[i].classList.add('active')
17		}
18	})
19}
20const Tiempo = function(Element){
21	var anio = new Date()
22	var mes = anio.getFullYear()
23	var htmlMes = document.getElementsByClassName(Element)
24	for (var i= 0; i < htmlMes.length; i++){
25		htmlMes[i].innerHTML = mes
26	}
27}
28const transitionDelay = function(e, efecto){
29	var link = document.querySelectorAll(e);
30	for (var i = 0; i < link.length;  i++){
31		link[i].style.transitionDelay = i/4 + 's'
32		link[i].classList.add(efecto)
33	}
34}
35const remove_transitionDelay = function(e, efecto){
36	var link = document.querySelectorAll(e);
37	for (var i = 0; i < link.length;  i++){
38		link[i].classList.remove(efecto)
39	}
40}
41const cloneElements = function(father, clonar, removeClass, addElemnt){
42	let asideResponsive = document.querySelector(father)
43	let menuList = document.querySelector(clonar)
44	let cloneElement = menuList.cloneNode(true)
45	cloneElement.classList.remove(removeClass)
46	cloneElement.classList.add(addElemnt)
47	asideResponsive.appendChild(cloneElement);
48}
49
50const acordeonJs = function(parametro1, parametro2){
51	$(parametro1).click(function(e){
52		e.preventDefault();
53		if ($(this).hasClass('is-active')){
54			$(this).next(parametro2).stop().slideUp().css('height', 'auto');
55			$(this).removeClass('is-active');
56		}
57		else {
58		  $(parametro1).not(this).next(parametro2).stop().slideUp();
59		  $(parametro1).not(this).removeClass('is-active');
60		  $(this).next(parametro2).stop().slideDown();
61		  $(this).addClass('is-active');
62		}
63	});
64}
65
66const zeroNumber = function(selector){
67	let boxIndex = document.querySelectorAll(selector);
68	for (var i = 0; i < boxIndex.length; i++) {
69		let valor = (i+1).toString().padStart(2, '0');
70		boxIndex[i].innerHTML = valor;
71	}
72}
73
74var changePositionResize = function(selectorInsideBefore, selectorMoveBefore, selectorAnclaBefore, selectorInsideAfter, selectorMoveAfter, selectorAnclaAfter, medidaMediaquery) {
75	var miFuncion = {
76		mediaQueryBeforeJS : function(){
77			let inside = document.querySelector(selectorInsideBefore);
78			let move = document.querySelector(selectorMoveBefore);
79			let ancla = document.querySelector(selectorAnclaBefore);
80			inside.insertBefore(move, ancla.nextSibling);
81		},
82		mediaQueryAfterJS : function(){
83			let inside = document.querySelector(selectorInsideAfter);
84			let move = document.querySelector(selectorMoveAfter);
85			let ancla = document.querySelector(selectorAnclaAfter);
86			inside.insertBefore(move, ancla.nextSibling);
87		}
88	};
89
90	const mediaQuery = matchMedia(medidaMediaquery);
91	const changeSize = mql => {
92		mql.matches ? miFuncion.mediaQueryBeforeJS() : miFuncion.mediaQueryAfterJS()
93	}
94	mediaQuery.addListener(changeSize);
95	changeSize(mediaQuery)
96
97}
98
99
100let ww = window.innerWidth;
101if(ww <= 768){
102	let element = document.querySelector('.detalle_admision_list_responsive')
103	element.addEventListener('click', function(){
104		document.querySelector('.detalle_admision_wrap_list_responisve').classList.toggle('active')
105	})
106	let activeElement = document.querySelector('.detalle_admision_wrap_list_responisve a.active').innerHTML
107	document.querySelector('.detalle_admision_list_responsive p').innerHTML = activeElement
108}
109
110// changePositionResize('.divInsideChange', '.divMoveChange', '.divAnclaChange', '.divInsideReturn', '.divMoveReturn', '.divAnclaReturn', '(max-width: 960px)');
111function validateNumber(event) {
112	var key = window.event ? event.keyCode : event.which;
113	if (event.keyCode === 8 || event.keyCode === 46) {
114		return true;
115	} else if ( key < 48 || key > 57 ) {
116		return false;
117	} else {
118		return true;
119	}
120};
121
122function changeImage(banners){
123   var win = window.innerWidth;

124   var elementImg = document.querySelectorAll(banners);
125   for(var i = 0; i < elementImg.length; i++){
126      var forElement = elementImg[i]
127      if (forElement.hasAttribute('data-image')){
128         var dataImg = forElement.getAttribute('data-image').split(';');
129         if(win > 1024){
130            forElement.style.backgroundImage = 'url('+dataImg[0]+')'
131         }
132         if(win <= 1024){
133            forElement.style.backgroundImage = 'url('+dataImg[1]+')'
134         }
135         if(win <= 640){
136            forElement.style.backgroundImage = 'url('+dataImg[2]+')'
137         }
138      } else{
139         return false
140      }
141   }
142};
143changeImage('.mundo');
144window.onresize = function(){
145	changeImage('.mundo');
146};
147
148function inputFile(elementFile, elementText){
149	var inputFileSize = document.querySelector(elementFile)
150	var renderTextInputFile = document.querySelector(elementText)
151	inputFileSize.onchange = function(){
152		var val = this.value.split('\\').pop()
153		var validar = this.value.length
154		var text = renderTextInputFile.getAttribute('data-text')
155		console.log('TEXT', text)
156		if(validar && this.files[0].size < 10000000){
157			renderTextInputFile.innerText = val
158			renderTextInputFile.classList.add("completed")
159		} else{
160			renderTextInputFile.innerText = text
161			renderTextInputFile.classList.remove("completed")
162		}
163	}
164}
165
166function openPopup(event,selector) {
167	event.preventDefault();
168	let modalCurrent = document.querySelector('#'+selector);
169	modalCurrent.classList.add("active");
170}
171function closePopup( _self, father) {
172	let popups = _self
173	popups.closest('.'+father).classList.remove('active')
174}
175$(function(){
176	// Ancla scroll - AGREGAR CLASE DEL ENLACE
177	$('.navScroll').click(function(){
178		if(location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')&& location.hostname == this.hostname) {
179			var $target = $(this.hash);
180			$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
181			if ($target.length) {
182			var targetOffset = $target.offset().top -80;
183			$('html,body').animate({scrollTop: targetOffset}, 1000);
184			return false;
185			}
186		}
187	});
188
189
190	// Reseteando cajas de texto administrables
191	$('.no-style *').removeAttr('style');
192
193
194	// Menu responsive traslucido con scrolling
195	document.addEventListener('scroll', function(){
196		var scrolling = window.scrollY;
197		try {
198			if (scrolling > 40) {
199				//document.querySelector('.headerv1_fixed').classList.add('scroll');
200			}else{
201				//document.querySelector('.headerv1_fixed').classList.remove('scroll');
202			};
203		} catch (e) {
204			console.log(e)
205		}
206	});
207
208
209});