250 lines
6.8 KiB
JavaScript
250 lines
6.8 KiB
JavaScript
var red = "#FF0000";
|
|
var green = "#00FF00";
|
|
var light_red = "#FCD5DC";
|
|
var light_green = "#D5FCD8";
|
|
var base_bg = "#FFFFFF";
|
|
var base_border = "#888888";
|
|
var coloured_bg = "#FF5D00";
|
|
var clear_bg = "#E5E5E5";
|
|
var text_color = "#555555";
|
|
|
|
/* **************************************************************************************
|
|
* GLOBAL
|
|
* **************************************************************************************/
|
|
|
|
// Cookies
|
|
function setcookie(cname, cvalue, exdays) {
|
|
// Set cookie
|
|
var d = new Date();
|
|
d.setTime(d.getTime() + (exdays*24*60*60*1000));
|
|
var expires = "expires="+ d.toUTCString();
|
|
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
|
|
}
|
|
|
|
function getcookie(cname) {
|
|
// Get cookie by name
|
|
var value = "; " + document.cookie;
|
|
var parts = value.split("; " + cname + "=");
|
|
if (parts.length == 2) return parts.pop().split(";").shift();
|
|
}
|
|
|
|
// Eye candies
|
|
function valid_input(obj) {
|
|
// Valid input makes obj background to glow green for 2 seconds
|
|
// If obj borders were red, they get they normal color back
|
|
obj.style.backgroundColor = light_green;
|
|
obj.style.borderColor = base_border;
|
|
setTimeout( function() {
|
|
obj.style.backgroundColor = base_bg;
|
|
}
|
|
, 2000);
|
|
}
|
|
|
|
function invalid_input(obj) {
|
|
// Invalid input makes obj borders and background to glow red for 2 seconds
|
|
// Border color will stay red until a valid input is sent
|
|
obj.style.backgroundColor = light_red;
|
|
obj.style.borderColor = red;
|
|
setTimeout( function() {
|
|
obj.style.backgroundColor = base_bg;
|
|
}
|
|
, 2000);
|
|
}
|
|
|
|
function valid_upload(obj) {
|
|
// Valid input makes obj background to glow green for 2 seconds
|
|
// If obj borders were red, they get they normal color back
|
|
obj.style.backgroundColor = green;
|
|
obj.style.borderColor = text_color;
|
|
obj.style.borderStyle = 'solid';
|
|
setTimeout( function() {
|
|
obj.style.backgroundColor = clear_bg;
|
|
obj.style.borderStyle = 'none';
|
|
}
|
|
, 2000);
|
|
}
|
|
|
|
function invalid_upload(obj) {
|
|
// Invalid input makes obj borders and background to glow red for 2 seconds
|
|
// Border color will stay red until a valid input is sent
|
|
obj.style.backgroundColor = red;
|
|
obj.style.borderColor = text_color;
|
|
obj.style.borderStyle = 'solid';
|
|
setTimeout( function() {
|
|
obj.style.borderStyle = 'solid';
|
|
obj.style.backgroundColor = clear_bg;
|
|
obj.style.borderColor = red;
|
|
}
|
|
, 2000);
|
|
}
|
|
|
|
function lit(obj) {
|
|
// Lit bacground and border on obj (use by input type=file)
|
|
obj.style.backgroundColor = coloured_bg;
|
|
obj.style.borderColor = text_color;
|
|
obj.style.borderStyle = 'solid';
|
|
}
|
|
|
|
function unlit(obj) {
|
|
// Unlit bacground and border on obj (use by input type=file)
|
|
obj.style.backgroundColor = clear_bg;
|
|
obj.style.borderColor = clear_bg;
|
|
obj.style.borderStyle = 'none';
|
|
}
|
|
|
|
|
|
function verify_login() {
|
|
// Verify login inputs
|
|
login = document.getElementById('login');
|
|
password = document.getElementById('password');
|
|
if (login.value.length > 0) {
|
|
valid_input(login);
|
|
if (password.value.length > 0) {
|
|
valid_input(password);
|
|
return true;
|
|
}
|
|
invalid_input(password);
|
|
return false;
|
|
}
|
|
invalid_input(login);
|
|
return false;
|
|
}
|
|
|
|
function logout() {
|
|
// Logout user
|
|
setcookie('token', '', 30);
|
|
document.location = '/';
|
|
}
|
|
|
|
/* **************************************************************************************
|
|
* AJAX
|
|
* **************************************************************************************/
|
|
|
|
function get_html_from_ajax(obj, url) {
|
|
// Get HTML content from AJAX request from url argument
|
|
// HTML content is then put as innerHTML to obj
|
|
var xhttp = new XMLHttpRequest();
|
|
xhttp.onerror = function(){
|
|
obj.innerHTML = "Error while getting content (1)";
|
|
};
|
|
|
|
xhttp.onload = function(){
|
|
if (xhttp.status != 200) {
|
|
obj.innerHTML = "Error while getting content (2)";
|
|
}
|
|
};
|
|
|
|
xhttp.onreadystatechange = function() {
|
|
if (xhttp.readyState == 4 && xhttp.status == 200) {
|
|
var response = xhttp.responseText;
|
|
obj.innerHTML = response;
|
|
}
|
|
};
|
|
xhttp.open('POST', url, true);
|
|
xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
|
|
xhttp.send();
|
|
}
|
|
|
|
function set_value_from_ajax(obj, url, err_code) {
|
|
// Send value from obj.value via AJAX request to url argument
|
|
// obj.value is passed to URL in a REST sheme like <URL>/<VALUE>
|
|
// If err_code response is received, then a server side
|
|
// error has occured and input is invalidated.
|
|
url = url + '/' + obj.value;
|
|
var xhttp = new XMLHttpRequest();
|
|
xhttp.onerror = function(){
|
|
invalid_input(obj);
|
|
};
|
|
|
|
xhttp.onload = function(){
|
|
if (xhttp.status != 200) {
|
|
invalid_input(obj);
|
|
}
|
|
};
|
|
|
|
xhttp.onreadystatechange = function() {
|
|
if (xhttp.readyState == 4 && xhttp.status == 200) {
|
|
var response = xhttp.responseText;
|
|
if (response == err_code) {
|
|
invalid_input(obj);
|
|
return;
|
|
}
|
|
valid_input(obj);
|
|
return;
|
|
}
|
|
};
|
|
xhttp.open('POST', url, true);
|
|
xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
|
|
xhttp.send();
|
|
}
|
|
|
|
function get_value_from_ajax(obj, url, err_code) {
|
|
// Get value from AJAX request
|
|
// The returned value is then set to obj.value.
|
|
// If err_code response is received, then a server side
|
|
// error has occured and input is invalidated
|
|
var xhttp = new XMLHttpRequest();
|
|
xhttp.onerror = function(){
|
|
invalid_input(obj);
|
|
};
|
|
|
|
xhttp.onload = function(){
|
|
if (xhttp.status != 200) {
|
|
invalid_input(obj);
|
|
}
|
|
};
|
|
|
|
xhttp.onreadystatechange = function() {
|
|
if (xhttp.readyState == 4 && xhttp.status == 200) {
|
|
var response = xhttp.responseText;
|
|
if (response == err_code) {
|
|
invalid_input(obj);
|
|
return;
|
|
}
|
|
obj.value = response;
|
|
valid_input(obj);
|
|
return;
|
|
}
|
|
};
|
|
xhttp.open('POST', url, true);
|
|
xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
|
|
xhttp.send();
|
|
}
|
|
|
|
function upload_file_from_ajax(obj, url, err_code) {
|
|
// Upload files get from <obj> to the specified <url>
|
|
// if <errcode> is returned input is invalidated
|
|
var files = obj.files;
|
|
var icon_id = obj.id.substring(obj.id.lastIndexOf("_") + 1);
|
|
var icon_obj = document.getElementById("upload_icon_" + icon_id)
|
|
var xhttp = new XMLHttpRequest();
|
|
xhttp.onerror = function(){
|
|
invalid_upload(icon_obj);
|
|
};
|
|
|
|
xhttp.onload = function(){
|
|
if (xhttp.status != 200) {
|
|
invalid_upload(icon_obj);
|
|
}
|
|
};
|
|
|
|
xhttp.onreadystatechange = function() {
|
|
if (xhttp.readyState == 4 && xhttp.status == 200) {
|
|
var response = xhttp.responseText;
|
|
if (response == err_code) {
|
|
invalid_upload(icon_obj);
|
|
return;
|
|
}
|
|
valid_upload(icon_obj);
|
|
return;
|
|
}
|
|
};
|
|
|
|
xhttp.open('POST', url, true);
|
|
var formData = new FormData();
|
|
for (var i=0; i < files.length; i++){
|
|
formData.append("files", files[i], files[i].name);
|
|
}
|
|
xhttp.send(formData);
|
|
}
|