jdb/personal-display
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: jdb:1.2
Branches Tags
jdb:main
jdb:1.4 jdb:1.3 jdb:1.2 jdb:1.1 jdb:1.0
..
compare: jdb:1.4
Branches Tags
jdb:main
jdb:1.4 jdb:1.3 jdb:1.2 jdb:1.1 jdb:1.0

3 Commits
1.2 ... 1.4

Author SHA1 Message Date
Jonathan Bernard
bf20564858 Added fullscreen button. 2013-10-28 12:05:49 -05:00
Jonathan Bernard
0a083ba8cc Added button to allow the user to open the config dialog on command. 2013-10-28 11:09:36 -05:00
Jonathan Bernard
9bd00cdab7 Added versioning to HTML and JavaScript. 2013-10-09 14:22:17 -05:00
4 changed files with 39 additions and 3 deletions
Expand all files Collapse all files

2
Makefile
View File

@ -1,4 +1,4 @@
VERSION =1.2 VERSION =1.4
BUILD_NUMBER_FILE = build-number.txt BUILD_NUMBER_FILE = build-number.txt
BUILD_NUMBER = $$(cat $(BUILD_NUMBER_FILE)) BUILD_NUMBER = $$(cat $(BUILD_NUMBER_FILE))

2
build-number.txt
View File

@ -1 +1 @@
0 4

4
src/www/index.html
View File

@ -1,6 +1,7 @@
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html> <html>
<head> <head>
<meta charset="utf-8">
<title>What I am Doing</title> <title>What I am Doing</title>
<link rel="stylesheet" href="css/personal-display.css" type="text/css"> <link rel="stylesheet" href="css/personal-display.css" type="text/css">
<link href='//fonts.googleapis.com/css?family=Play|Advent+Pro' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Play|Advent+Pro' rel='stylesheet' type='text/css'>
@ -20,6 +21,7 @@
<script src="js/personal-display.js" type="text/javascript" defer></script> <script src="js/personal-display.js" type="text/javascript" defer></script>
<meta name="viewport" content="width=device-width, user-scalable=no"> <meta name="viewport" content="width=device-width, user-scalable=no">
<meta name=version content="1.4">
</head> </head>
<body> <body>
<section id=current-task> <section id=current-task>
@ -34,6 +36,8 @@
<ul> <ul>
<li><a href="#" class=pause-continue>Pause Monitoring</a></li> <li><a href="#" class=pause-continue>Pause Monitoring</a></li>
<li><a href="#" class=refresh>Refresh Now</a></li> <li><a href="#" class=refresh>Refresh Now</a></li>
<li><a href="#" class=show-config>Config</a></li>
<li><a href="#" class=toggle-fullscreen>Go Fullscreen</a></li>
</ul> </ul>
</section> </section>
<section id=config-dialog> <section id=config-dialog>

34
src/www/js/personal-display.js
View File

@ -2,6 +2,7 @@
var root = this; var root = this;
var PD = root.PersonalDisplay = {}; var PD = root.PersonalDisplay = {};
PD.version = "1.4"
PD.hasHTML5LocalStorage = function() { PD.hasHTML5LocalStorage = function() {
try { try {
@ -339,7 +340,9 @@
events: { events: {
"click a.refresh" : "refresh", "click a.refresh" : "refresh",
"click a.pause-continue" : "toggleSync" }, "click a.pause-continue" : "toggleSync",
"click a.show-config" : "showConfig",
"click a.toggle-fullscreen" : "toggleFullscreen" },
initialize: function() { initialize: function() {
@ -371,6 +374,7 @@
// Schedule future refreshes. // Schedule future refreshes.
PD.refreshIntervalId = setInterval(this.refresh, PD.refreshPeriod ? PD.refreshPeriod : 15000); PD.refreshIntervalId = setInterval(this.refresh, PD.refreshPeriod ? PD.refreshPeriod : 15000);
}, },
refresh: function(evt) { refresh: function(evt) {
@ -500,6 +504,34 @@
if (evt) evt.preventDefault(); if (evt) evt.preventDefault();
}, },
showConfig: function() { PD.configDialog.show(); },
toggleFullscreen: function(evt) {
var $button = $(evt.target);
if ($button.text() == "Go Fullscreen") {
if (document.documentElement.requestFullscreen) {
document.documentElement.requestFullscreen(); }
else if (document.documentElement.webkitRequestFullscreen) {
document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT); }
else if (document.documentElement.mozRequestFullScreen) {
document.documentElement.mozRequestFullScreen(); }
else { alert ("Not supported by this browser."); }
$button.text("Leave Fullscreen"); }
else {
if (document.exitFullscreen) {
document.exitFullscreen(); }
else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen(); }
else if (document.mozCancelFullscreen) {
document.documentElement.mozCancelFullscreen(); }
else { alert ("Not supported by this browser."); }
$button.text("Go Fullscreen"); } },
toggleSync: function(evt) { toggleSync: function(evt) {
if (PD.refreshIntervalId == null) { if (PD.refreshIntervalId == null) {
PD.refreshIntervalId = setInterval(this.refresh, PD.refreshIntervalId = setInterval(this.refresh,