@@ -3,123 +3,166 @@ var htmlDateClient = document.getElementById("DateClient");
var htmlDateServer = document . getElementById ( "DateServer" ) ;
var htmlDateSynch = document . getElementById ( "DateSynch" ) ;
var htmlErrMSG = document . getElementById ( "Error_Message" ) ;
var canvas = document . getElementsByTagName ( "canvas" ) [ 0 ] ;
var ctx = canvas . getContext ( "2d" ) ;
var diagram = new Diagram ( 0 , 0 , canvas . width , canvas . height ) ;
diagram . BuildDefault ( ) ;
diagram . Cycle ( true ) ;
var update _button = document . getElementById ( "Update_Button" ) ;
//Global Params
//Start Show Date Now
//Show Date Now \/ \/ \/
function FNL ( a , b ) { for ( var d = "" + a ; d . length < b ; ) d = "0" + d ; return d }
function DateToString ( date ) { return date . getFullYear ( ) + "." + FNL ( date . getMonth ( ) + 1 , 2 ) + "." + FNL ( date . getDate ( ) , 2 ) + " " + FNL ( date . getHours ( ) , 2 ) + ":" + FNL ( date . getMinutes ( ) , 2 ) + ":" + FNL ( date . getSeconds ( ) , 2 ) ; }
var dateClient = null ;
var dateServer = null ;
var dateSynch = null ;
function PrintDateNow ( ) {
var tmp = new Date ( ) ;
htmlDateClient . innerHTML = DateToString ( tmp ) ;
if ( dateServer !== null )
if ( dateClient !== null )
tmp =
htmlDateServer . innerHTML = timeNow ;
htmlDateSynch . innerHTML = timeNow ;
var dn = new Date ( ) ;
if ( dateServer != =null && dateClient !== null )
dateServer . setMilliseconds ( dateServer . getMilliseconds ( ) + ( dn - dateClient ) ) ;
dateClient = dn ;
htmlDateClient . innerHTML = DateToString ( dateClient ) ;
if ( dateServer != null )
htmlDateServer . innerHTML = DateToString ( dateServer ) ;
if ( dateSynch !== null )
htmlDateSynch . innerHTML = DateToString ( dateSynch ) ;
setTimeout ( PrintDateNow , 1000 ) ;
}
function updateDateServer ( date ) {
if ( typeof date . getMonth === 'function' ) {
dateClient = null ;
dateServer = date ;
} else
dateServer = null ;
}
function updateDateSynch ( date ) {
if ( typeof date . getMonth === 'function' ) {
dateSynch = date ;
} else
dateSynch = null ;
}
PrintDateNow ( ) ;
/*
//End Show Date Now
//Show Date Now /\ /\ /\
//Start Resize Canvas
// Resize Canvas \/ \/ \/
function Resize ( ) {
if ( window. innerWidth > window. innerHeight) {
canvas. height = window.innerHeight - 20
- document.getElementById("First_Head").offsetHeight
- document. getElementById("Second_Head"). offsetHeight
- document. getElementById("Third_Head"). offsetHeight;
canvas.width = document. getElementById("Canvas_Body").offsetWidth;
diagramStove.Rotate = 0;
diagramStove.RectParam(0, 0, canvas.width, canvas.height);
}
else {
canvas.height = diagramStove.ProcessCount() * 25;
canvas.width = document.getElementById("Canvas_Body").offsetWidth;
diagramStove.Rotate = 1;
diagramStove.RectParam(0, 0, canvas.height, canvas.width);
}
ctx = canvas.getContext("2d");
diagramStove.Print(ctx);
if ( . > . ) {
. =
window . innerHeight - 20
- . ( "First_Head" ) .
- . ( "Second_Head" ) .
- . ( "Third_Head" ) . offsetHeight ;
canvas . width = document . getElementById ( "Canvas_Body" ) . offsetWidth ;
. Rotate ( false ) ;
diagram . RectParam ( 0.5 , 0.5 , canvas . width - 1 , canvas . height - 1 ) ;
}
else {
. height = diagram . ProcCount ( ) * 25 ;
canvas . width = document . getElementById ( "Canvas_Body" ) . offsetWidth ;
. Rotate ( true ) ;
diagram . RectParam ( 0.5 , 0.5 , canvas . width - 1 , canvas . height - 1 ) ;
}
ctx = canvas . getContext ( "2d" ) ;
diagram . Print ( ctx ) ;
}
window . addEventListener ( "load" , Resize , false ) ;
window . addEventListener ( "resize" , Resize , false ) ;
//End Resize Canvas
// Resize Canvas /\ /\ /\
//Start Update Status
diagramStove.BuildDefault();
//Autoprint diagram \/ \/ \/
function PrintCycle ( ) {
diagram . Print ( ctx ) ;
setTimeout ( PrintCycle , 1000 ) ;
}
PrintCycle ( ) ;
//Autoprint diagram /\ /\ /\
//Update Status \/ \/ \/
function UpdateStatus ( ) {
var xhr = new XMLHttpRequest();
xhr.open('POST', 'getinfo', true);
xhr.send();
xhr. onreadystatechange = function () {
if (xhr.readyState != 4) return;
if (xhr.status != 200) {
document.getElementById("Error_Message"). innerHTML = "Н е ;
$("#Error_Border").show();
$("#Update_Button").show();
return;
}
else
$("#Error_Border").hide();
var Pech = JSON.parse(xhr.responseText);
ctx.clearRect(0, 0, canvas.width, canvas.height);
for (var i = 1; i <= diagramStove.ProcessCount(); i++) {
diagramStove.ChangeStatBlink(i, Pech[i].Bstatus);
diagramStove.ChangeStatProc(i, Pech[i].Pstatus);
diagramStove.ChangeStartDate(i, ConvDate(Pech[i].Start));
diagramStove.ChangeEndDate(i, ConvDate(Pech[i].EndTeor));
}
var b = ConvDate(Pech[0].DateNow);
dateUpdateHTML.innerHTML =
b.getFullYear() + "." +
FNL(b.getMonth() + 1, 2) + "." +
FNL(b.getDate(), 2) + " " +
FNL(b.getHours(), 2) + ":" +
FNL(b.getMinutes(), 2) + ":" +
FNL(b.getSeconds(), 2);
if (Math.abs(b - new Date()) > 60000) {
document.getElementById("Error_Message").innerHTML = "Разница между системным и серверным временем " + Math.floor(Math.abs(b - new Date()) / 1000) + " сек";
$("#Error_Border").show();
$("#Update_Button").hide();
}
else
$("#Error_Border").hide();
setTimeout(UpdateStatus, 60000);
diagramStove.Print(ctx);
var xhr = new ( ) ;
. open ( 'POST' , 'https://test1.mbucb.ru/api/currcycles' , true ) ;
. send ( ) ;
xhr . = ( ) {
if ( xhr . readyState != 4 ) ;
( xhr . status != 200 ) {
htmlErrMSG . = Н е ;
$ ( "#Error_Border" ) . show ( ) ;
$ ( "#Update_Button" ) . show ( ) ;
;
}
else
$ ( "#Error_Border" ) . hide ( ) ;
var data = JSON . parse ( xhr . responseText ) ;
if ( data . currTime === undefined ) {
htmlErrMSG . innerHTML = "Ошибка в полученных данных" ;
$ ( "#Error_Border" ) . show ( ) ;
$ ( "#Update_Button" ) . show ( ) ;
return ;
}
updateDateSynch ( new Date ( ) ) ;
updateDateServer ( new Date ( data . currTime ) ) ;
/*
ctx.clearRect(0, 0, canvas.width, canvas.height);
for (var i = 1; i <= diagramStove.ProcessCount(); i++) {
diagramStove.ChangeStatBlink(i, Pech[i].Bstatus);
diagramStove.ChangeStatProc(i, Pech[i].Pstatus);
diagramStove.ChangeStartDate(i, ConvDate(Pech[i].Start));
diagramStove.ChangeEndDate(i, ConvDate(Pech[i].EndTeor));
}
var b = ConvDate(Pech[0].DateNow);
dateUpdateHTML.innerHTML =
b.getFullYear() + "." +
FNL(b.getMonth() + 1, 2) + "." +
FNL(b.getDate(), 2) + " " +
FNL(b.getHours(), 2) + ":" +
FNL(b.getMinutes(), 2) + ":" +
FNL(b.getSeconds(), 2);
if (Math.abs(b - new Date()) > 60000) {
document.getElementById("Error_Message").innerHTML = "Разница между системным и серверным временем " + Math.floor(Math.abs(b - new Date()) / 1000) + " сек";
$("#Error_Border").show();
$("#Update_Button").hide();
}
else
$("#Error_Border").hide();
*/
diagram . Print ( ) ;
setTimeout ( UpdateStatus , 60 * 1000 ) ;
}
}
UpdateStatus ( ) ;
function PrintCycle() {
diagramStove.Print(ctx);
setTimeout(PrintCycle, 1000);
}
PrintCycle();
function ConvDate ( a ) {
a = a.split(".")[0].split("T");
var d = a[0].split("-");
var h = a[1].split(":");
var date = new Date(d[0], parseInt(d[1]) - 1, d[2], h[0], h[1], h[2]);
return date;
a = a . split ( "." ) [ 0 ] . split ( "T" ) ;
d = a [ 0 ] . split ( "-" ) ;
h = a [ 1 ] . split ( ":" ) ;
= new Date ( d [ 0 ] , parseInt ( d [ 1 ] ) - 1 , d [ 2 ] , h [ 0 ] , h [ 1 ] , h [ 2 ] ) ;
;
}
update _button . onclick = function ( ) {
UpdateStatus();
( ) ;
}
//Update Status /\ /\ /\
//End Update Status
/*
//End Show Date Now
*/
