frodovdr/octonet
1
0
Fork 0
mirror of https://github.com/DigitalDevices/octonet.git synced 2023-10-10 13:36:52 +02:00
Code Issues Releases Wiki Activity

Browser EPG: use HTML5 features to display date,time

Browse Source
This commit is contained in:
mvoelkel 2016-02-03 14:10:10 +01:00
parent d672e8c4c3
commit ca2f2ef10c
1 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
octoserve/var/www/epg.html
View File

@ -172,6 +172,21 @@ function EPGResponse(response)
} }
var hasTimeInput = false; var hasTimeInput = false;
var hasIntl = false;
var DateOptions = {
weekday:"long",
day:"numeric",
month:"long",
year:"numeric"
};
var TimeOptions = {
hour:"2-digit",
minute:"2-digit",
hour12:false
};
var Locale;
function OnLoad() function OnLoad()
{ {
@ -182,6 +197,15 @@ function OnLoad()
input.form.style.display = "none"; input.form.style.display = "none";
} }
if( window.Intl && typeof window.Intl === "object" )
{
hasIntl = true;
var Region = new Intl.DateTimeFormat();
var o = Region.resolvedOptions();
Locale = o.locale;
// document.getElementById("searchtext").value = Locale;
}
document.getElementById("events").style.display = "none"; document.getElementById("events").style.display = "none";
EPG = null; EPG = null;
var msg = document.getElementById("message"); var msg = document.getElementById("message");
@ -252,7 +276,8 @@ function ShowEvent(event,index)
if( ch ) Channel = ch.Title; if( ch ) Channel = ch.Title;
if( event.Text ) Text = event.Text; if( event.Text ) Text = event.Text;
if( event.Name ) Name = event.Name; if( event.Name ) Name = event.Name;
box.getElementsByClassName("event_date")[0].firstChild.nodeValue = d.toLocaleString(); box.getElementsByClassName("event_date")[0].firstChild.nodeValue =
d.toLocaleDateString(Locale,DateOptions) + " - " + d.toLocaleTimeString(Locale,TimeOptions);
box.getElementsByClassName("event_duration")[0].firstChild.nodeValue = event.Duration; box.getElementsByClassName("event_duration")[0].firstChild.nodeValue = event.Duration;
box.getElementsByClassName("event_channel")[0].firstChild.nodeValue = Channel; box.getElementsByClassName("event_channel")[0].firstChild.nodeValue = Channel;
box.getElementsByClassName("event_name")[0].firstChild.nodeValue = Name; box.getElementsByClassName("event_name")[0].firstChild.nodeValue = Name;
@ -283,6 +308,7 @@ function ScrollTo()
{ {
if( input.type == "datetime-local" ) if( input.type == "datetime-local" )
{ {
// document.getElementById("searchtext").value = input.value;
d = new Date(Date.parse(input.value) + d.getTimezoneOffset() * 60000); d = new Date(Date.parse(input.value) + d.getTimezoneOffset() * 60000);
} }
Position = Search(d) Position = Search(d)