diff --git a/client/style.css b/client/css/style.css similarity index 100% rename from client/style.css rename to client/css/style.css diff --git a/client/index.html b/client/index.html new file mode 100644 index 0000000..5014bcb --- /dev/null +++ b/client/index.html @@ -0,0 +1,46 @@ + + + + + TechREC + + + + + + + + + + + + + + +
+ +

techr*c

+ +

macchina del tempo

+ +
+ +
+ +
+ + + + + diff --git a/client/jquery-1.9.1.min.js b/client/js/jquery-1.9.1.min.js similarity index 100% rename from client/jquery-1.9.1.min.js rename to client/js/jquery-1.9.1.min.js diff --git a/client/js/reclibrary.js b/client/js/reclibrary.js new file mode 100644 index 0000000..9d7731a --- /dev/null +++ b/client/js/reclibrary.js @@ -0,0 +1,203 @@ +console.log("Loading..."); + +function trx_startbut( code ) { return "startbutton-"+code; } +function trx_stopbut( code ) { return "stopbutton-"+code; } +function trx_downbut( code ) { return "downloadbutton-"+code; } + +function trx_logarea( code ) { return "logarea-"+code; } + +function rs_button( code ) { return "button"+code; } + +function rs_trxarea( code ) { return "recarea-"+code; } +function rs_trxname( code ) { return "trxname-"+code; } +function rs_buttonarea( code ) { return "endtime-"+code; } +function rs_inputstart( code ) { return "startime-"+code; } +function rs_inputend( code ) { return "endtime-"; } +function rs_formid(code) { return "form-"+code; } + +function rs_id(code) { return code; } + +var txt_start = "Inizia"; +var txt_stop = "Ferma"; +var txt_download = "Scarica"; + +var srvaddr = "http://127.0.1.1:8000/"; + +var almostone = false; +var noplusbotton = true; +var maxrec = 0 ; + +var rec_name_default = ""; + +/** + * Perform Ajax async loading + **/ +function async_load( destdiv, uri, postdata) { + postdata = postdata || ''; + + console.log("[ASYNC] " + destdiv + " <- " + uri) + console.log( postdata ); + + $(destdiv).html("\
\ \"); + console.log("Tolta uri" + uri + "NOW -> http://127.0.1.1:8000/sampleJSON"); + var request = $.ajax( { url: "http://127.0.0.1:8000/sampleJSON", + type:"GET", + //data: postdata, + //dataType: 'json', + success : function( msg ) { + $(".imageloader").remove(); + resmsg = "["+jqXHR.status+"]"; + alert("Ma ci sei ?"); + $(destdiv).append( resmsg ); + }, + error: function(xhr) { + var errmsg = ""; + console.log("Errore async ajax: " + xhr.status ); + switch( xhr.status ) + { + case 0: errmsg="[0] Network Problem."; break; + case 404: errmsg="[404] Requested page not found."; break; + case 500: errmsg="[500] Internal Server Error."; break; + default: errmsg="[ErrCode: "+xhr.status+"] Error uncatched!"; break; + } + console.log("ErrMSG" + errmsg); + $(".imageloader").remove(); + //$(destdiv).html("Err: "+ errmsg); + alert("Err: "+ errmsg); + } + } + ).always(function( jqXHR ) { + $(".imageloader").remove(); + resmsg = "ALSWAST["+jqXHR.status+"]"; + $(destdiv).append( resmsg ); + } + ).complete( + function (jqXHR, msgstatus) { + alert("Comlpete " +jqXHR + " - " + msgstatus); + } + ); + return false; +} + + +/** + * New record + **/ +function rec_new( ) { + var recid = "rec-"+maxrec; + maxrec += 1; // increment number of active record + + console.log("[rec_new] New Rec " + recid); + + $("#buttonscontainer").append( "
" ); + console.log("[rec_new] add div TRXArea "+ rs_trxarea(recid) ); + + $("#"+rs_trxarea(recid)).append( "
" ); + console.log("[rec_new] add div ButtonArea "+ rs_buttonarea(recid) ); + + var formid = rs_formid( recid ); + + var str = "
"; + + str = str + ""; + + str = str + ""; + + str = str + ""; + + str = str + "
"; + + + $("#"+rs_buttonarea(recid)).append( str ); + + $("#"+trx_stopbut(recid)).hide(); + $("#"+trx_downbut(recid)).hide(); + + console.log("[rec_new] Hide Start Button"); + //$("#"+trx_startbut(recid)).css("display","none"); + + + console.log("[rec_new] add form "+ formid ); + + $("#"+rs_buttonarea(recid)).append( "\
cancella \" ); + $("#"+rs_buttonarea(recid)).append( "\
cancella \" ); + + // INSERT AND POPULATE BUTTON AREA + $("#"+rs_trxarea(recid)).append( "
Nuova trasmissione
" ); + + $("#"+trx_startbut(recid)).click(function(){ + ChangeState(recid, trx_startbut(recid) , trx_stopbut(recid)); + }); + + $("#"+trx_stopbut(recid)).click(function(){ + ChangeState(recid, trx_stopbut(recid) , trx_downbut(recid)); + }); + + // $("#"+trx_downbut(recid)).submit(function(e){ + $("#"+formid).submit(function(event){ + + event.preventDefault(); + dataString = $("#"+formid).serialize(); + + var request = $.ajax({ + type: "POST", + cache: false, + // url: "http://127.0.0.1:8000/sampleJSON", + url: "http://127.0.0.1:8000/sampleJSON", + data: dataString, + dataType: "json" + }); + + request.done( function(data) { + $.each(data, function(key, val) { + console.log("Key " + key + " > VAL " + val ); + $("#"+trx_logarea( recid )).append( "Key " + key + " > VAL " + val + "
" ); + }); + + console.log("Req OK: "+ data); + console.log("req"+ request); + } ); + + request.fail(function (jqXHR, textStatus, errorThrown){ + // log the error to the console + console.error("The following error occured: "+ + jqXHR.status, +"-"+ textStatus + "-" + errorThrown + ); + }); + + }); + + console.log("Form readyReady"); +} + +function ChangeState(eid, from, to) { + + console.log("ChangeState: " + from + " --> " + to ); + + $("#"+from).css("display", "none"); + $("#"+to).css("display", "inline"); + + // take the date + var myDate = new Date() + var displayDate = (myDate.getMonth()+1) + '/' + (myDate.getDate()) + '/' + myDate.getFullYear(); + displayDate = displayDate +' '+ myDate.getHours()+':'+myDate.getMinutes()+':'+myDate.getSeconds(); + + var formid = rs_formid( eid ); + var logdiv = trx_logarea( eid ); + + if ( from == trx_startbut(eid) ) { + var str = ""; + $("#"+formid).append( str ); + $("#"+logdiv).append("
Inizio: "+ displayDate); + } + + if ( from == trx_stopbut(eid) ) { + var str = "\"; + $("#"+formid).append( str ); + $("#"+logdiv).append("
Fine: "+ displayDate); + } + +} // End function ChangeState diff --git a/client/function.php b/client/trash/function.php similarity index 100% rename from client/function.php rename to client/trash/function.php diff --git a/client/techrecapi.php b/client/trash/techrecapi.php similarity index 100% rename from client/techrecapi.php rename to client/trash/techrecapi.php diff --git a/client/tempo.php b/client/trash/tempo.php similarity index 100% rename from client/tempo.php rename to client/trash/tempo.php diff --git a/client/utils.php b/client/trash/utils.php similarity index 100% rename from client/utils.php rename to client/trash/utils.php