2019-06-02 09:32:36 +02:00
|
|
|
function insertNewURL() {
|
2019-01-26 23:34:48 +01:00
|
|
|
var url = document.getElementById ( "form-url" ).value;
|
|
|
|
var xhr = new XMLHttpRequest ( );
|
2019-02-07 12:36:44 +01:00
|
|
|
xhr.open ( "POST", 'insert', true );
|
2019-01-26 23:34:48 +01:00
|
|
|
xhr.onreadystatechange = function ( ) {
|
2019-06-02 09:27:47 +02:00
|
|
|
if ( xhr.status == 200 ) {
|
|
|
|
if ( xhr.readyState == XMLHttpRequest.DONE ) {
|
2019-01-26 23:34:48 +01:00
|
|
|
var response = xhr.responseText;
|
|
|
|
response = JSON.parse ( response );
|
|
|
|
if ( response [ 'status' ] == 200 ) {
|
|
|
|
document.getElementById ( "responsetext" ).innerHTML = response [ 'message' ];
|
2019-06-02 09:27:47 +02:00
|
|
|
setTimeout( function( ) {
|
|
|
|
document.getElementById ( 'responsetext' ).innerHTML = ""
|
|
|
|
}, 1500 );
|
2019-01-26 23:34:48 +01:00
|
|
|
var div = document.createElement ( 'div' );
|
2019-04-06 11:57:35 +02:00
|
|
|
div.innerHTML = response [ 'last_insert' ] + " | " + url;
|
2019-01-26 23:34:48 +01:00
|
|
|
document.getElementById ( "urllist" ).appendChild ( div );
|
|
|
|
document.getElementById ( "form-url" ).value = "";
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
document.getElementById ( "responsetext" ).innerHTML = response [ 'error_message' ];
|
2019-06-02 09:27:47 +02:00
|
|
|
setTimeout( function( ) {
|
|
|
|
document.getElementById ( 'responsetext' ).innerHTML = ""
|
|
|
|
}, 1500 );
|
2019-01-26 23:34:48 +01:00
|
|
|
}
|
|
|
|
}
|
2019-06-02 09:27:47 +02:00
|
|
|
else {
|
2019-01-26 23:34:48 +01:00
|
|
|
console.log ( 'Server communication error: ' + xhr.statusText );
|
|
|
|
}
|
|
|
|
}
|
2019-06-02 09:27:47 +02:00
|
|
|
else {
|
|
|
|
document.getElementById ( "responsetext" ).innerHTML = response [ 'error_message' ];
|
|
|
|
setTimeout( function( ) {
|
|
|
|
document.getElementById ( 'responsetext' ).innerHTML = ""
|
|
|
|
}, 1500 );
|
|
|
|
}
|
2019-01-26 23:34:48 +01:00
|
|
|
}
|
|
|
|
data = new FormData ( );
|
|
|
|
data.append('url', url);
|
|
|
|
xhr.send( data );
|
|
|
|
}
|
2019-06-02 14:46:51 +02:00
|
|
|
function editURL(node) {
|
|
|
|
var url = node.childNodes[3].value;
|
|
|
|
var url_id = node.childNodes[1].innerHTML
|
|
|
|
var xhr = new XMLHttpRequest ( );
|
|
|
|
xhr.open ( "POST", 'edit', true );
|
|
|
|
xhr.onreadystatechange = function ( ) {
|
|
|
|
if ( xhr.status == 200 ) {
|
|
|
|
if ( xhr.readyState == XMLHttpRequest.DONE ) {
|
|
|
|
var response = xhr.responseText;
|
|
|
|
response = JSON.parse ( response );
|
|
|
|
if ( response [ 'status' ] == 200 ) {
|
|
|
|
document.getElementById ( "responsetext" ).innerHTML = response [ 'message' ];
|
|
|
|
setTimeout( function( ) {
|
|
|
|
document.getElementById ( 'responsetext' ).innerHTML = ""
|
|
|
|
}, 1500 );
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
document.getElementById ( "responsetext" ).innerHTML = response [ 'error_message' ];
|
|
|
|
setTimeout( function( ) {
|
|
|
|
document.getElementById ( 'responsetext' ).innerHTML = ""
|
|
|
|
}, 1500 );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
document.getElementById ( "responsetext" ).innerHTML = response [ 'error_message' ];
|
|
|
|
setTimeout( function( ) {
|
|
|
|
document.getElementById ( 'responsetext' ).innerHTML = ""
|
|
|
|
}, 1500 );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
data = new FormData ( );
|
|
|
|
data.append('url', url);
|
|
|
|
data.append('url_id', url_id);
|
|
|
|
xhr.send( data );
|
|
|
|
}
|
|
|
|
(function(){
|
|
|
|
var URLs = document.getElementsByClassName("urlLink");
|
|
|
|
for(i=0;i<URLs.length;i++) {
|
|
|
|
URLs[i].onclick = function() {
|
|
|
|
var oldText = this.value;
|
|
|
|
this.parentNode.childNodes[5].style.display = "";
|
|
|
|
this.parentNode.childNodes[5].childNodes[1].onclick = function() {
|
|
|
|
editURL(this.parentNode.parentNode);
|
|
|
|
this.parentNode.style.display = "none";
|
|
|
|
}
|
|
|
|
this.parentNode.childNodes[5].childNodes[3].onclick = function() {
|
|
|
|
this.parentNode.parentNode.childNodes[3].value = oldText;
|
|
|
|
this.parentNode.style.display = "none";
|
|
|
|
};
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})();
|