[SOLVED] System Time in Header

[streaker69]

See if this makes a difference. It appears as though you have it in the wrong place.

[zivley]

Hmmm, nope, it didn't help, but I think the problem is somewhere else, I think I'm missing something here.
I've noticed in your first file code there are some things I don't have, the line that starts with

Code: Select all

<?php echo date("m\/d\/......

Now I'm thinking your proposal was an addition to a previous post solution, and not a full solution!
Is that right?
If yes, can someone post a last updated solution from beginning to end?

[streaker69]

Hmmm, nope, it didn't help, but I think the problem is somewhere else, I think I'm missing something here.
I've noticed in your first file code there are some things I don't have, the line that starts with

Code: Select all

<?php echo date("m\/d\/......

Now I'm thinking your proposal was an addition to a previous post solution, and not a full solution!
Is that right?
If yes, can someone post a last updated solution from beginning to end?

Ignore that, it's something else I'm working on.

Teaser: A countdown timer to when the next polling cycle begins, but I have to work on my Bloom code before I can finish that.

[zivley]

Ok, forgotten!
Anyway, I drilled down on the IE "Done with errors" message and only then I realized that when I pasted the code from the forum post to the server (I use VIM) a big part of the code, actually everything below the line "//change font size here" was pasted as commented out.
I happened to me in the past, sometimes VI automatically add new lines as commented lines, depending on the language...
Dumb me!!
It works great now, thanks!
BTW, how can I change that live clock time format to display in 24H format?
Another weird thing is that the last poller end time is later than the current time... meaning it finished polling in the future!!
Ziv

[streaker69]

Glad you got it working finally. I'm not really sure how to change the clock into 24 hour time, that code isn't mine, I got it from another source a long time ago and I don't remember where.

Here's a newer version. This one is kind of complicated, but it's built upon the previous version I posted so I'll start fresh.

This modification will give Current system time as well as a countdown timer until the next polling cycle begins. Once the counter reaches zero, it waits for 15 seconds for the poller to update the database with the poller end time and then refreshes the the Iframe. I had to use an Iframe or else it would refresh the entire window, if you have a script that's taking a long time to run, it would have refreshed the window and aborted the script. With the Iframe in place, it can just refresh itself without hurting any other process that may be running in the cacti browser window.

If you need more than 15 seconds to get the poller end time, it can be changed in the countdown.js file in the location indicated.

Modifying the top_header and top_header_graph files could get complicated so make sure you pay attention to where you're placing your files. It would probably be a good idea to make a back up copy of those two files before you attempt to edit them.

EDIT: Before anyone says anything: I know it's not dead on balls accurate between the realtime clock and the countdown clock, but it's close enough to let you know when the polling cycle is running.


This file "systime.php" goes inside the <cactiroot>/include directory.

Code: Select all

<?php
include_once("global.php");
print "<font size=1>";
print "<b>OS:</b > " . $config["cacti_server_os"] ." ";
print "<b>Version:</b> " . $config["cacti_version"] ." ";
/* $query="select end_time from poller_time where id=1";
$result=mysql_query($query);
$num=mysql_num_rows($result);
if($num == 0) {
$pinfo="<font color=red> The poller is running.. </font>";
}else{
$pinfo=" <b>Last poller end time:</b> ".mysql_result($result,"end_time");
} */
print "<b>Current Time:</b> ";
include_once("liveclock.js");
print "</font>";
?> 
<script language="JavaScript">
TargetDate = " <?php
$pollend = db_fetch_cell("select end_time from poller_time where id=1;");
$timestamp = strtotime("$pollend +5 minutes");
print date("m\/d\/Y h:i A", $timestamp);
?> ";
BackColor = "ltgrey";
ForeColor = "black";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "<font size=1><b>Next Poller in:</b> <font color=red>%%M%%:%%S%%</font></font>";
FinishMessage = "<font size=1>Poller is Running!</font>";
</script>

<script language="JavaScript" src="../../countdown.js"></script>

This file "liveclock.js" also goes inside the <cactiroot>/include directory

Code: Select all

<span id="clock">
<SCRIPT type="text/javascript" LANGUAGE="JavaScript">
<!-- Begin
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
{
 d = new Date();
 Time24H = new Date();
 Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000);
 InternetTime = Math.round((Time24H.getHours()*60+Time24H.getMinutes()) / 1.44);
 if (InternetTime < 10) InternetTime = '00'+InternetTime;
 else if (InternetTime < 100) InternetTime = '0'+InternetTime;
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here
var cdate=dayarray[day]+" "+montharray[month]+" "+daym+" "+year+" "+hours+":"+minutes+":"+seconds+" "+dn+""
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}



window.onload=goforit
//  End -->
</script></span>

This file "countdown.js" goes inside the Cactiroot directory.

Code: Select all

/*
Author: Robert Hashemian
http://www.hashemian.com/

You can use this code in any manner so long as the author's
name, Web address and this disclaimer is kept intact.
********************************************************
*/


function calcage(secs, num1, num2) {
  s = ((Math.floor(secs/num1))%num2).toString();
  if (LeadingZero && s.length < 2)
    s = "0" + s;
  return  s;
}

function Pause() {
	setTimeout("window.location.reload()",10000); //Change Wait Timer here 1000 = 1 sec
}

function CountBack(secs) {
  if (secs < 0) {
    document.getElementById("cntdwn").innerHTML = FinishMessage;
    setTimeout("window.location.reload()",15000);
    return;
  }
  DisplayStr = DisplayFormat.replace(/%%D%%/g, calcage(secs,86400,100000));
  DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24));
  DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60));
  DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60));

  document.getElementById("cntdwn").innerHTML = DisplayStr;
  if (CountActive)
    setTimeout("CountBack(" + (secs+CountStepper) + ")", SetTimeOutPeriod);
}

function putspan(backcolor, forecolor) {
 document.write("<span id='cntdwn' style='background-color:" + backcolor + 
                "; color:" + forecolor + "'></span>");
}

if (typeof(BackColor)=="undefined")
  BackColor = "white";
if (typeof(ForeColor)=="undefined")
  ForeColor= "black";
if (typeof(TargetDate)=="undefined")
  TargetDate = "12/31/2020 5:00 AM";
if (typeof(DisplayFormat)=="undefined")
  DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
if (typeof(CountActive)=="undefined")
  CountActive = true;
if (typeof(FinishMessage)=="undefined")
  FinishMessage = "";
if (typeof(CountStepper)!="number")
  CountStepper = -1;
if (typeof(LeadingZero)=="undefined")
  LeadingZero = true;


CountStepper = Math.ceil(CountStepper);
if (CountStepper == 0)
  CountActive = false;
var SetTimeOutPeriod = (Math.abs(CountStepper)-1)*1000 + 990;
putspan(BackColor, ForeColor);
var dthen = new Date(TargetDate);
var dnow = new Date();
if(CountStepper>0)
  ddiff = new Date(dnow-dthen);
else
  ddiff = new Date(dthen-dnow);
gsecs = Math.floor(ddiff.valueOf()/1000);
CountBack(gsecs);

This code needs to be added in the top_header.php and top_header_graph.php files. The attached images will indicate where to add this code. You will replace what's in the files with this code.

Code: Select all

	<tr height="12" bgcolor="#e9e9e9">
		<td colspan="3">
			<table width="100%">
				<tr>
					<td valign="top" width="20%"><?php draw_navigation_text();?></td>
						<td align="right" valign="top" width="60%">
						<iframe src="../../include/systime.php" frameborder="0" height="12" width="100%" scrolling="no" vspace="0" hspace="0" marginwidth="0" marginheight="0"></iframe>
						</td>
						<td valign="top" align="right" width="20%">

[zivley]

Dear streaker, I really appreciate your effort, but I guess I don't have luck with it, this time I did everything cautiosly and exactly as you said, but it doesn't work for me... So here I am, bugging you again!
I attach screencaps of the edit place in every file, as well as how it looks in my cacti, the weird thing is that as you will see in the images, the thold tab of the cacti does show something, incomplete though, but the rest of the tabs, such as console, only show a white strip that after a second turns light blue as seen here

[streaker69]

Right click inside that little box that's built up in the bar and select "View Source", I bet there's an error message in there indicating what the problem is. It's probably related to paths of the included files. You might have to play with the path's a little bit to get it to work on your system.

[zivley]

Ok, you were right, as always, and I've finally found the way to solve the path issues, the problem was that one thing worked on one of them, but the same way didn't work on the other, sometimes it needed ./include, sometimes ../../include did the job, and sometimes a different combination, so I've decided to go for sure, so I used

Code: Select all

<?php echo $config['url_path']; ?>include/

on every place needed (top_header.php, top_graph_header.php, systime.php)
The only little issue I still have and can't find what is causing it is that the iframe fonts look ugly, not like in your screencap, see for yourself.
Any ideas? Perhaps also something to do with paths to the stylesheet "main.css"? Or to the "global.php"?
Oh, another important thing! I run my poller every minute, so the countdown of 5 mins isn't right for me, I've found a setting in "systime.php"

Code: Select all

$timestamp = strtotime("$pollend +5 minutes");

So I've changed it to

Code: Select all

$timestamp = strtotime("$pollend +1 minutes");

It indeed changed the countdown, but it starts from around 2:43 mins instead of 0:59 secs as it's supposed. In the "countdown.js" script there's a pause setting that is 15000ms, which makes sense to me that if 2:43 plus another 0:15 it makes it around 3:00 min, which is a setting I didn't find where to change
Is there any other place I need to tweak in order to make it work right for me?
Thanks,
Ziv

[streaker69]

It looks different cause you're using IE and I'm using Firefox.

I knew someone was gonna bring up 1 minute polling cycles. I don't use them, so I didn't test them. Don't know how it's going to react to that.

[zivley]

It looks different cause you're using IE and I'm using Firefox.

I knew someone was gonna bring up 1 minute polling cycles. I don't use them, so I didn't test them. Don't know how it's going to react to that.

Darn! That's the kind of answers I don't like to get!!!!

I'm not into Java, so I don't know exactly how, but I'm sure it's related to the countdown.js script...
Thanks anyway,
Ziv

EDIT:
I've found a workaround for the countdown issue, it's not perfect, but quite accurate.
The setting I've mentioned before in systime.php

Code: Select all

$timestamp = strtotime("$pollend +5 minutes");

that I've changed to +1 minutes instead brought me close but not enough, I've payed attention that the system time the script brings to the page is not the same ssytem time my machine, and the poller use, it's exactly 2 minutes earlier, so those two minutes +1 minute makes the poller countdown start from 3:00, right? So i used my mathemathic brain and tried this:

Code: Select all

$timestamp = strtotime("$pollend -1 minutes");

2-1=1, there you go, 1 min countdown to the next poll...

[streaker69]

It looks different cause you're using IE and I'm using Firefox.

I knew someone was gonna bring up 1 minute polling cycles. I don't use them, so I didn't test them. Don't know how it's going to react to that.

Darn! That's the kind of answers I don't like to get!!!!

I'm not into Java, so I don't know exactly how, but I'm sure it's related to the countdown.js script...
Thanks anyway,
Ziv

I doubt that it's related to the countdown script. The stuff I wrote basically takes the last poller cycle that's written to the database and adds 5 minutes to it. Chances are, with 1 minute polling cycles, the new value isn't written to the database in time, so it's probably taking the old value.

From what I understand about the polling cycle, and this is just based upon what I deduced from some code that I read, that once the polling cycle begins, it removes the value from the database, and once it completes, and updates the value again.

If you want to see where your last poller was written to the database in an effort to troubleshoot this, put this in systime.php after line 3.

Code: Select all

print "<b>Last Poll: </b>". trim(db_fetch_cell("select end_time from poller_time where id=1"));

[zivley]

Check my previous post, I've added my solution there.
The "ugliness" of the text in my server doesn't have nothing to do with the browser, I also have Firefox and it looks equally ugly there too!
Besides, the rest of the top frame looks good on both, the "Logged in as..." part, isn't the time supposed to look similar? In your server it loos like it's using the same fonts and theme.
I WANT IT TOO!
Thanks,
Ziv

[streaker69]

Check my previous post, I've added my solution there.
The "ugliness" of the text in my server doesn't have nothing to do with the browser, I also have Firefox and it looks equally ugly there too!
Besides, the rest of the top frame looks good on both, the "Logged in as..." part, isn't the time supposed to look similar? In your server it loos like it's using the same fonts and theme.
I WANT IT TOO!
Thanks,
Ziv

glad you figured it out.

The font issue, I have my Firefox set to use Tahoma as it's default font, forgot I had made that change. I generally always use Tahoma as my font on everything as it's a nice clean font that scales well.

[zivley]

glad you figured it out.

The font issue, I have my Firefox set to use Tahoma as it's default font, forgot I had made that change. I generally always use Tahoma as my font on everything as it's a nice clean font that scales well.

Nice to know there are other people that think like me, I generally use Tahoma for everything too, it's very neat and because I also use hebrew, there are fonts I like that aren't working good with hebrew, Tahoma, in my opinion, is the nicest font for hebrew too!
I'll try that, but anyway, do you think is there a way to make the font settings look different without having to change settings in my browser?

[streaker69]

glad you figured it out.

The font issue, I have my Firefox set to use Tahoma as it's default font, forgot I had made that change. I generally always use Tahoma as my font on everything as it's a nice clean font that scales well.

Nice to know there are other people that think like me, I generally use Tahoma for everything too, it's very neat and because I also use hebrew, there are fonts I like that aren't working good with hebrew, Tahoma, in my opinion, is the nicest font for hebrew too!
I'll try that, but anyway, do you think is there a way to make the font settings look different without having to change settings in my browser?

Not without messing around with trying to get the Cacti Style sheet implemented into the systime.php file. I did a little messing around with it and just gave up. Figured it looked good the way it was.