1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
149.
150.
151.
152.
153.
154.
155.
156.
157.
158.
159.
160.
161.
162.
163.
164.
165.
166.
167.
168.
169.
170.
171.
172.
173.
174.
175.
176.
177.
178.
179.
180.
181.
182.
183.
184.
185.
186.
187.
188.
189.
190.
191.
192.
193.
194.
195.
196.
197.
198.
199.
200.
201.
202.
203.
204.
205.
206.
207.
208.
209.
210.
211.
212.
213.
214.
215.
216.
217.
218.
219.
220.
221.
222.
223.
224.
225.
226.
227.
228.
229.
230.
231.
232.
233.
234.
235.
236.
237.
238.
239.
240.
241.
242.
243.
244.
245.
246.
247.
248.
249.
250.
251.
252.
253.
254.
255.
256.
257.
258.
259.
260.
261.
262.
263.
264.
265.
266.
267.
268.
269.
270.
271.
272.
273.
274.
275.
276.
277.
278.
279.
280.
281.
282.
283.
284.
285.
286.
287.
288.
289.
290.
291.
292.
293.
294.
295.
296.
297.
298.
299.
300.
301.
302.
303.
304.
305.
306.
307.
308.
309.
310.
311.
312.
313.
314.
315.
316.
317.
318.
319.
320.
321.
322.
323.
324.
325.
326.
327.
328.
329.
330.
331.
332.
333.
334.
335.
336.
337.
338.
339.
340.
341.
342.
343.
344.
345.
346.
347.
348.
349.
350.
<script type="text/javascript" src="/i/themes/tiara_j/jQuery/js/jquery.tree.js"></script>
<script type="text/javascript" src="/i/libraries/Highcharts-2.1.6/js/highcharts.js"></script>
<script>
var options ;
var chart;
var dlabels;
Date.prototype.addDays = function( d ) {
this.setDate( this.getDate() + d ) ;
};
function date2str(aDate){
var dd=aDate.getDate();
if (dd<10) dd='0'+dd;
var mm=aDate.getMonth()+1;
if (mm<10) mm='0'+mm;
var yyyy=aDate.getFullYear();
var hh=aDate.getHours();
if (hh<10) hh='0'+hh;
var mi=aDate.getMinutes();
if (mi<10) mi='0'+mi;
return (dd+'.'+mm+'.'+yyyy+' '+hh+':'+mi);
}
function getStrPerios(aDate){
var db=aDate.getDate();
if (db<10) db='0'+db;
var mb=aDate.getMonth()+1;
if (mb<10) mb='0'+mb;
var yb=aDate.getFullYear();
return (db+'.'+mb+'.'+yb+' 00:00');
}
function lastDay(dDay){
var tme=new Date();
var tmb=new Date();tmb.addDays(dDay);
var db=getStrPerios(tmb);
var de=getStrPerios(tme);
$s('P13_BEGIN',db);
$s('P13_END',de);
prnAll();
}
function editPeriod(){
var tme=new Date();
var calcDE=getStrPerios(tme);
var factDE=$v('P13_END');
if (calcDE==factDE){
var factDB=$v('P13_BEGIN');
var tme=new Date();tme.addDays(-1);
var calcDB=getStrPerios(tme);
if (calcDB==factDB) {$s('P13_PERIOD',1)
}else {
var tme=new Date();tme.addDays(-7);
var calcDB=getStrPerios(tme);
if (calcDB==factDB){ $s('P13_PERIOD',2)
}else {
var tme=new Date();tme.addDays(-30);
var calcDB=getStrPerios(tme);
if (calcDB==factDB){ $s('P13_PERIOD',3)
}else {
$s('P13_PERIOD',0);
}
}
}
}else{
$s('P13_PERIOD',0);
}
}
function selPeriod(obj) {
if (obj.value==1) {
lastDay(-1);
// $('#P1199_BEGIN').attr('disabled', 'disabled');
// $('#P1199_END').attr('disabled', 'disabled');
}else if (obj.value==2) {
lastDay(-7);
// $('#P1199_BEGIN').attr('disabled', 'disabled');
// $('#P1199_END').attr('disabled', 'disabled');
}else if (obj.value==3) {
lastDay(-30);
// $('#P1199_BEGIN').attr('disabled', 'disabled');
// $('#P1199_END').attr('disabled', 'disabled');
}else{
$('#P999_BEGIN').attr('disabled', '');
$('#P999_END').attr('disabled', '');
}
}
function addCollect(aId){
var get = new htmldb_Get(null,html_GetElement('pFlowId').value,'APPLICATION_PROCESS=addGr',13);
gReturn = get.get();
}
function delCollect(aId){
var get = new htmldb_Get(null,html_GetElement('pFlowId').value,'APPLICATION_PROCESS=delGr',13);
gReturn = get.get();
}
function chCollect(obj,val){
if (obj.checked){
addCollect(val);
}else{
delCollect(val);
}
prnGraph();
}
function OnSelectNode(Node,TREE_OBJ){
// if(Node.id.indexOf('rm_') + 1) {
$('#Header_graph').html(TREE_OBJ.get_text(Node));
$s('P13_OBJ_TYPE',$(Node).attr('obj_t'));
$s('P13_OBJ_ID',$(Node).attr('obj_id'));
prnAll();
//}
}
function zoomGraph(aBegin, aEnd){
aDate=new Date(); aDate.setTime(aBegin-(1000*60*60*6));
$s('P13_BEGIN',date2str(aDate));
aDate=new Date(); aDate.setTime(aEnd-(1000*60*60*6));
$s('P13_END',date2str(aDate));
prnAll();
}
function prnGraph(){
var get = new htmldb_Get(null,html_GetElement('pFlowId').value,'APPLICATION_PROCESS=graph',13);
get.addParam('x01',$v('P13_OBJ_TYPE'));
get.addParam('x02',$v('P13_OBJ_ID'));
get.addParam('x03',$v('P13_BEGIN'));
get.addParam('x04',$v('P13_END'));
get.addParam('x05',$v('P13_INT'));
get.addParam('x06',$v('P13_RES'));
gReturn = get.get();
if (gReturn){
var jsonobj=jQuery.parseJSON(gReturn);
// var datas=jsonobj.row[0].graph[0];
var datas=jsonobj.row[0].graph;
var l=chart.series.length;
for (i=0;i<l;i++){
chart.series[0].remove();
}
l=datas.length;
for (i=0;i<l;i++){
chart.addSeries(datas[i]);
}
}
}
function prnAvgTable(){
var get = new htmldb_Get(null,html_GetElement('pFlowId').value,'APPLICATION_PROCESS=avg_table',13);
get.addParam('x01',$v('P13_OBJ_TYPE'));
get.addParam('x02',$v('P13_OBJ_ID'));
get.addParam('x03',$v('P13_BEGIN'));
get.addParam('x04',$v('P13_END'));
get.addParam('x06',$v('P13_RES'));
gReturn = get.get();
$("#table_avg").width($("#table_avg").parent().width()-40);
$("#table_avg").html(gReturn);
}
function prnSumTable(){
var get = new htmldb_Get(null,html_GetElement('pFlowId').value,'APPLICATION_PROCESS=sum_table',999);
get.addParam('x01',$v('P13_OBJ_TYPE'));
get.addParam('x02',$v('P13_OBJ_ID'));
get.addParam('x03',$v('P13_BEGIN'));
get.addParam('x04',$v('P13_END'));
get.addParam('x06',$v('P13_RES'));
gReturn = get.get();
$("#table_sum").html(gReturn);
$("#tabs_sum").tabs();
$("#tabs_sum").tabs("select",0);
}
function prnAll(){
$("#tabs").tabs("select",0);
prnAvgTable();
dlabels = 'enabled: false';
if ($v('P13_DLABELS') == 'Y') { dlabels = 'enabled: true';}
prnGraph();
prnSumTable();
}
$(function () {
options = {
series: {
lines: { show: true },
points: { show: false }
},
legend:{
noColumns: 4,
container: $('#graph_legend')
},
xaxis: { mode: "time", timeformat: "%d.%m.%y %H:%M",labelWidth:20},
yaxis:{color:"#ff0000"},
y2axis:{color:"#0000ff"},
selection: { mode: "x" }
};
$("#graph_avg").bind("plotselected", function (event, ranges) {
zoomGraph(ranges.xaxis.from,ranges.xaxis.to);
});
/*
$("#listUU").jstree({
"core" : {
"animation":0
},
"themes" : {
"theme" : "apple"
},
"plugins" : [ "themes", "ui", "html_data" ]
});
$("#listUU").bind("select_node.jstree", function ( event, data ) {
alert(data.args[2].attr('id'));
//OnSelectNode();
})
*/
$("#listUU").tree({
ui : {
theme_name : "apple"
},
types : {
// all node types inherit the "default" node type
"default" : {
draggable : false,
deletable : false,
renameable : false
},
"areas" : {
icon : {
image : "/i/jquery/imgs/buildings.png"
}
},
"ps" : {
icon : {
image : "/i/jquery/imgs/water-arrow.png"
}
},
"ch" : {
icon : {
image : "/i/jquery/imgs/clock.png"
}
},
"rm" : {
icon : {
image : "/i/jquery/imgs/home.png"
}
}
},
callback : {
onselect : function(NODE, TREE_OBJ) {
OnSelectNode(NODE,TREE_OBJ);
}
}
});
$("#tabs").tabs();
chart = new Highcharts.Chart({
chart: {
renderTo: 'chart',
zoomType: 'x',
type: 'line'
},
title:'',
yAxis: {
title: null
},
xAxis: {
type: 'datetime',
title: null,
maxZoom: 3 * 24 * 3600000,
dateTimeLabelFormats: { // don't display the dummy year
minute: '%H:%M',
hour: '%H:%M',
day: '%d.%m.%Y',
week: '%d.%m.%Y',
month: '%m.%Y',
year: '%Y'
}
},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
Highcharts.dateFormat('%d.%m.%Y %H:%M', this.x) +': '+ this.y;
}
},
plotOptions: {
line: {
dataLabels: {
enabled: false
},
enableMouseTracking: true
},
series: {
marker: {
enabled: false,
states: {
hover: {
enabled: true,
radius: 3
}
}
}
}
}
});
});
</script>
