andros/FFNM
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add test class

Browse Source
This commit is contained in:
Andros Fenollosa
2020-07-05 10:35:36 +02:00
parent 8d01489fd6
commit 21f73ea37f
5 changed files with 159 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/core.js
View File

@ -3,7 +3,7 @@ document.addEventListener('DOMContentLoaded', () => {
//===
// VARIABLES
//===
const EVENTS = ['i-click', 'i-view', 'i-scroll-up', 'i-scroll-down', 'i-hover'];
const EVENTS = ['i-click', 'i-scroll-up', 'i-scroll-down'];
const FUNCTION_TREE = {
'class': ['add', 'remove', 'toggle']
};
@ -53,20 +53,24 @@ document.addEventListener('DOMContentLoaded', () => {
let params = splitParams(element, eventClick);
switch(params.functionParent) {
case 'class':
switch(params.functionChild) {
case 'add':
[...document.querySelectorAll(params.target)].forEach((item) => item.classList.add(params.value));
break;
case 'remove':
[...document.querySelectorAll(params.target)].forEach((item) => item.classList.remove(params.value));
break;
case 'toggle':
[...document.querySelectorAll(params.target)].forEach((item) => item.classList.toggle(params.value));
break;
}
[...document.querySelectorAll(params.target)].forEach((item) => {
element.addEventListener('click', () => {
switch(params.functionChild) {
case 'add':
item.classList.add(params.value);
break;
case 'remove':
item.classList.remove(params.value);
break;
case 'toggle':
item.classList.toggle(params.value);
break;
}
});
});
break;
}
};
});
}
/**
@ -76,7 +80,12 @@ document.addEventListener('DOMContentLoaded', () => {
* return {'functionParent': 'class', 'functionChild': 'add', 'value': 'show', 'target': '#menu'}
*/
function splitParams(element, attribute) {
return {'functionParent': '', 'functionChild': '', 'value': '', 'target': ''};
let params = element.getAttribute(attribute);
let functionParent = RegExp(`^(\\w+):`).exec(params)[1];
let functionChild = RegExp(`:(\\w+)\\(`).exec(params)[1];
let value = RegExp(`\\(\'(\\w+)\',`).exec(params)[1];
let target = RegExp(`, *\'([#,.,a-zA-Z]\\w*)\'\\)`).exec(params)[1];
return {'functionParent': functionParent, 'functionChild': functionChild, 'value': value, 'target': target};
}