3.1.x Extensions Database 3.1 / 3.2 ⇒ [DEV] Live time clock

[all4phone]

Extension Name: Live time clock
Author: all4phone

Extension Description: This extension allows full configuration of format the day, date, year, and clock on index page and replaces static clock with live time clock.

IMPORTANT
This extension is't validated, so as always do not install on a live board!
Added for testing only.

../..

Screens:
none

Demo: demo board

Extension Download:

ltc_v_0.1.5.zip

Installation:

1. Download the latest release and unzip the content.
2. Copy the all4phone folder to your server, into the (forum root)/ext/ directory.
   (If done correctly, you will see the main extension class at (forum root)/ext/all4phone/ltc/composer.json)
3. Navigate in the ACP to `Customise -> Manage extensions`
4. Look for Live Time Clock under the Disabled Extensions list, and click its Enable link.

[dmzx]

Thanks for sharing this, nice to see some other extensions posted

[all4phone]

My pleasure

IMPORTANT
This extension is't validated, so as always do not install on a live board!
Added for testing only.

...because of denied revision 1.0.0 on phpbb.com
I submitted this extension to CDB but:

styles/prosilver/template/js/en/ltc_clock_12.js

Code: Select all

 var format ="am";
      if(hours > 11) { format="pm"; }
      if (hours > 12) { hours = hours - 12; }
      if (hours == 0) { hours = 12; }

   document.getElementById('clock').innerHTML =(" " + hours + ":" + minutes + ":" + seconds + " " + format);

Please detect if the current logged in user is using either AM/PM or the 24h time format.

styles/prosilver/template/js/en/ltc_short_days_short_month.js

Code: Select all

    var days = new Array("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat");
    var month = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");

Even though you've placed this into a folder called "en", it's still in /template/ and therefore considered hardcoded language. You can fill this array in the template file instead and use phpBB's default language strings for days and months located in phpBB's language/en/common.php.

No idea how to solve this.
I have no big experience, any help realy appreciated

[dmzx]

Need to check on this.

[all4phone]

Yes, please

[all4phone]

I change version to 0.1.0, I'll add a few more options soon.

Now new download availables:
- ACP added
- possibility change color of day, date and clock
- two options of clock (12/24)

[Sniper_E]

I threw a little throb from one of dmzx's extension in your css.

Code: Select all

@-webkit-keyframes throb {
from { text-shadow: 0 0 7px; }
50% { text-shadow: 0 0 2px; }
to { text-shadow: 0 0 7px; }
}

@-moz-keyframes throb {
from { text-shadow: 0 0 7px; }
50% { text-shadow: 0 0 2px; }
to { text-shadow: 0 0 7px; }
} 

.live-time-clock {
	font-size: 1.1em;
	font-family: Verdana;
	float: left;
	margin-top:4px
	-webkit-animation: throb 4s infinite;
	animation: throb 1s infinite; 
}

p.responsive-center {
	display: none;
	text-align: center;
	margin: 0;
}

@media only screen and (max-width: 500px), only screen and (max-device-width: 500px)
{
p.responsive-last-visit-date {
	text-align: center;
	float: none;
}

It is really standing out now... Your live time clock is much nicer than the normal.

[all4phone]

Thank you very much for this improvement. I think I can adopt it to the next release

[martin]

There must be 3 or 4 versions of the clock now

[all4phone]

Hmm, why?

[martin]

A few ppl have made an ext for a live clock but dont think they have posted it on phpbb,com

[all4phone]

Oh yes, I saw
So, I'm posted, w'll see

But all live clocs are different I hope

[zardos]

Nice work all4phone, thankyou.

[all4phone]

Nice work all4phone, thankyou.

thanks

First post updated:
- fixed known bugs
- added new download
- new screen
- Added changes suggested by Sniper_E, (thanks )

[zardos]