53 lines
2.3 KiB
JavaScript
53 lines
2.3 KiB
JavaScript
function setCookie(name, value) {
|
|
var end = new Date();
|
|
end.setTime( end.getTime() + 3600 * 1000 );
|
|
var str=name+"="+escape(value)+"; expires="+end.toGMTString()+"; path=/";
|
|
document.cookie = str;
|
|
}
|
|
function getCookie(name) {
|
|
var debut = document.cookie.indexOf(name);
|
|
if( debut == -1 ) return null;
|
|
var end = document.cookie.indexOf( ";", debut+name.length+1 );
|
|
if( end == -1 ) end = document.cookie.length;
|
|
return unescape( document.cookie.substring( debut+name.length+1, end ) );
|
|
}
|
|
|
|
/*
|
|
Flash messages
|
|
TODO: Find a way to have good flash messages in a KISS & DRY way
|
|
*/
|
|
function flash_add(type, message) {
|
|
template = `<div class="flash {{ category }}" style="top: {{ top }}px;" onclick="flash_close(this)">
|
|
<svg style='width:24px;height:24px' viewBox='0 0 24 24'>
|
|
{{ icon }}
|
|
</svg>
|
|
<span>
|
|
{{ message }}
|
|
</span>
|
|
<input type="button" value="MASQUER"></input>
|
|
</div>`;
|
|
paths = {
|
|
'error': '<path fill="#727272" d="M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z"></path>',
|
|
'warning': '<path fill="#727272" d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16"></path>',
|
|
'ok': '<path fill="#727272" d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M11,16.5L6.5,12L7.91,10.59L11,13.67L16.59,8.09L18,9.5L11,16.5Z"></path>',
|
|
'info': '<path fill="#727272" d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z"></path>'
|
|
};
|
|
var top = (document.getElementsByClassName('flash').length + 1) * 70 - 45;
|
|
template = template.replace("{{ category }}", type);
|
|
template = template.replace("{{ top }}", top);
|
|
template = template.replace("{{ icon }}", paths[type]);
|
|
template = template.replace("{{ message }}", message);
|
|
document.body.innerHTML += template;
|
|
}
|
|
function flash_close(element) {
|
|
element.style.opacity = 0;
|
|
setTimeout(function(){
|
|
var parent = element.parentNode;
|
|
parent.removeChild(element);
|
|
var childs = parent.getElementsByClassName('flash');
|
|
for(var i = 0; i < childs.length; i++) {
|
|
childs[i].style.top = ((i + 1) * 70 - 45) + 'px';
|
|
}
|
|
}, 0);
|
|
}
|