Subversion Repositories LCARS

Compare Revisions

Last modification

Ignore whitespace Rev 235 → Rev 236

/branches/live/application/layouts/index/multi-display.phtml
1,4 → 1,5
<div id="LCARS">
 
<div id="LCARS">
<?php /*
<div id="button-grid" style="position: absolute; opacity: 0.3">
<a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
52,90 → 53,102
</div>
*/ ?>
<div id="bow">
<div id="bow-top">
<div class="separator-left">&nbsp;</div>
<div class="text"><span>PointedEars’ Website</span></div>
<div id="bow-top">
<div class="separator-left">&nbsp;</div>
<div class="text" lang="<?php echo $language; ?>">
<span><?php echo tr("PointedEars' Website"); ?></span>
</div>
</div>
<div id="bow-top-left">
<div class="concave">&nbsp;</div>
<div style="position: absolute; top: 3.2em; left: 0; background-color: black">
<div class="bow" style="margin-top: 0.2em; width: 8em; height: 1em">&nbsp;</div>
</div>
</div>
<div id="bottom">
<div id="bow-bottom">
<div class="concave">&nbsp;</div>
<div class="spacer">&nbsp;</div>
</div>
</div>
 
<div class="menu-container">
<nav class="menu">
<ul>
<?php foreach ($languages as $key => $name): ?>
<li><a href="index.<?php echo language_key_short($key); ?>?ani=0"
lang="<?php echo $key; ?>" hreflang="<?php echo $key; ?>"
class="button<?php if ($language === $key) { ?> selected<?php } ?>"
tabindex="2"
><span class="text"><?php echo language_name($key); ?></span></a></li>
<?php endforeach; ?>
</ul>
<div class="bow" style="margin-bottom: 0.4em; height: 0.4em">&nbsp;</div>
<ul style="margin-bottom: 1.2em">
<li><a href="<?php echo $menu['scripts']['path']; ?>"
target="_top" class="button" lang="<?php echo $language; ?>"
><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
<li><a href="<?php echo $menu['es-matrix']['path']; ?>"
target="_top" class="button"
title="<?php echo $menu['es-matrix']['title']; ?>"
><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>
<li><a href="<?php echo $menu['devel']['path']; ?>"
target="_top" class="button" lang="<?php echo $language; ?>"
><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
</ul>
<ul style="margin-bottom: 0.2em">
<li><a href="psf/" target="_top" class="button ancillary"><abbr
title="<?php echo tr("PointedEars' Standard Frases"); ?>"
class="text"
>psf</abbr></a></li>
<li><a href="<?php echo $menu['series']['path']; ?>"
target="_top" class="button ancillary"
title="<?php echo tr('List of recommended TV shows and episodes, with logos in CSS'); ?>"
><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
<li><a href="<?php echo $menu['ufpdb']['path']; ?>"
target="_top" class="button database"
><abbr title="<?php echo $menu['ufpdb']['title']; ?>" class="text"
><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
</ul>
<div style="position: relative; margin-bottom: 1.2em">
<div class="bow" style="height: 0.8em">&nbsp;</div>
</div>
<div id="bow-top-left">
<div class="concave">&nbsp;</div>
<div style="position: absolute; top: 3.2em; left: 0; background-color: black">
<div class="bow" style="margin-top: 0.2em; width: 8em; height: 1em">&nbsp;</div>
</div>
</div>
<div id="bottom">
<div id="bow-bottom">
<div class="concave">&nbsp;</div>
<div class="spacer">&nbsp;</div>
</div>
</div>
 
<div class="menu-container">
<nav class="menu">
<ul>
<?php foreach ($languages as $key => $name): ?>
<li><a href="index.<?php echo language_key_short($key); ?>?ani=0"
lang="<?php echo $key; ?>" hreflang="<?php echo $key; ?>"
class="button<?php if ($language === $key) { ?> selected<?php } ?>"
tabindex="2"><span class="text"><?php echo language_name($key); ?></span></a></li>
<?php endforeach; ?>
</ul>
<div class="bow" style="margin-bottom: 0.4em; height: 0.4em">&nbsp;</div>
<ul style="margin-bottom: 1.2em">
<li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"
lang="<?php echo $language; ?>"
><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
<li><a href="<?php echo $menu['es-matrix']['path']; ?>" target="_top" class="button"
title="<?php echo $menu['es-matrix']['title']; ?>"
><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>
<li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"
lang="<?php echo $language; ?>"
><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
</ul>
<ul style="margin-bottom: 0.2em">
<li><a href="psf/" target="_top"
class="button ancillary"
><abbr title="<?php echo tr("PointedEars' Standard Frases"); ?>"
class="text">psf</abbr></a></li>
<li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button ancillary"
title="<?php echo tr('List of recommended TV shows and episodes, with logos in CSS'); ?>"
><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
<li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
><abbr title="<?php echo $menu['ufpdb']['title']; ?>"
class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
</ul>
<div style="position: relative; margin-bottom: 1.2em">
<div class="bow" style="height: 0.8em">&nbsp;</div>
</div>
<ul>
<li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
target="_top" class="button secondary"
title="<?php echo tr("The world’s largest climate forecasting experiment for the 21st century"); ?>"
><span class="text">climateprediction.net</span></a></li>
<li><a href="http://fah-web2.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn"
target="_top" class="button secondary"
title="<?php echo tr("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
><span class="text">Folding at home</span></a></li>
<li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
target="_top" class="button secondary"
title="<?php echo tr("Particle physics research with the Large Hadron Collider at CERN"); ?>"
><span class="text">LHC at home</span></a></li>
<li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
target="_top" class="button secondary"
title="<?php echo tr("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
><span class="text">SETI at home</span></a></li>
<li><a href="http://stackoverflow.com/users/855543/pointedears"
target="_top" class="button secondary"
title="<?php echo tr("Me on Stack Overflow"); ?>"
><span class="text">Stack Overflow</span></a></li>
<li><a href="https://twitter.com/PointedEars2"
target="_top" class="button secondary"
title="<?php echo tr("Me on Twitter"); ?>"
><span class="text">Twitter</span></a></li>
<li><a href="<?php echo tr("http://en.wikipedia.org/wiki/Special:Contributions/PointedEars"); ?>"
target="_top" class="button secondary"
title="<?php echo tr("My contributions to Wikipedia"); ?>"
><span class="text"><?php echo tr('Wikipedia'); ?></span></a></li>
</ul>
<ul>
<li><a
href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
target="_top" class="button secondary"
title="<?php echo tr("The world's largest climate forecasting experiment for the 21st century"); ?>"
><span class="text">climateprediction.net</span></a></li>
<li><a
href="http://fah-web2.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn"
target="_top" class="button secondary"
title="<?php echo tr("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
><span class="text">Folding at home</span></a></li>
<li><a
href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
target="_top" class="button secondary"
title="<?php echo tr("Particle physics research with the Large Hadron Collider at CERN"); ?>"
><span class="text">LHC at home</span></a></li>
<li><a
href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
target="_top" class="button secondary"
title="<?php echo tr("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
><span class="text">SETI at home</span></a></li>
<li><a
href="http://stackoverflow.com/users/855543/pointedears"
target="_top" class="button secondary"
title="<?php echo tr("Me on Stack Overflow"); ?>"
><span class="text">Stack Overflow</span></a></li>
<li><a href="https://twitter.com/PointedEars2" target="_top"
class="button secondary"
title="<?php echo tr("Me on Twitter"); ?>"
><span class="text">Twitter</span></a></li>
<li><a
href="<?php echo tr("http://en.wikipedia.org/wiki/Special:Contributions/PointedEars"); ?>"
target="_top" class="button secondary"
title="<?php echo tr("My contributions to Wikipedia"); ?>"
><span class="text"><?php echo tr('Wikipedia'); ?></span></a></li>
</ul>
<?php /*
<script type="text/javascript">
var sURL = location.href;
166,24 → 179,26
</script>
*/ ?>
</nav>
</div>
</div>
<div id="connectors">
<div class="bow top left">&nbsp;</div>
<div class="bow top right">&nbsp;</div>
 
<div class="bow mid left">&nbsp;</div>
<div class="bow mid right">&nbsp;</div>
</div>
<div class="multi-display">
<div class="upper">
<div class="content">
<div class="title" id="title" lang="<?php echo $language; ?>">
<span class="text"><?php echo tr('Home'); ?></span>
</div>
</div>
<div id="connectors">
<div class="bow top left">&nbsp;</div>
<div class="bow top right">&nbsp;</div>
 
<div class="bow mid left">&nbsp;</div>
<div class="bow mid right">&nbsp;</div>
</div>
<div class="multi-display">
<div class="upper">
<div class="content">
<div class="title" id="title" lang="<?php echo $language; ?>"><span class="text"><?php echo tr('Home'); ?></span></div>
<div class="analysis" id="analysis">
<table>
<tr>
<th lang="<?php echo $language; ?>"><span class="text"><?php echo tr('Display'); ?>:</span></th>
<td lang="<?php echo $language; ?>"><script type="text/javascript">
<div class="analysis" id="analysis">
<table>
<tr>
<th lang="<?php echo $language; ?>"><span class="text"><?php echo tr('Display'); ?></span></th>
<td lang="<?php echo $language; ?>"><script type="text/javascript">
var _addEventListener = jsx.dom.addEventListener;
var _runAsync = jsx.dom.timeout.runAsync;
var ID_SCREEN_DIM = 'screenDim';
224,7 → 239,7
var innerDimText = dim.getInnerText();
var colorDepthText = dim.getColorDepthText();
var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText)
? (screenDimText ? <?php echo sprintf("'" . tr('%s pixels') . "'", "<span id=\"' + ID_SCREEN_DIM + '\">' + screenDimText + '<\/span>' + '"); ?> : "")
? (screenDimText ? <?php echo sprintf("'" . tr('%s pixels') . '"', "<span id=\"' + ID_SCREEN_DIM + '\">' + screenDimText + '<\/span>' + \""); ?> : "")
+ (availDimText ? ' (<span id="' + ID_AVAIL_DIM + '">' + availDimText + "<\/span>" : "")
+ (innerDimText ? '<span id="' + ID_INNER_DIM + '">' + innerDimText + "<\/span>)" : "")
+ (colorDepthText ? ' ×&nbsp;<span id="colorDepth">' + colorDepthText + "<\/span>" : "")
258,16 → 273,20
tColor = null;
});
}());
</script><noscript><?php echo tr('N/A'); ?></noscript></td>
</tr>
<tr>
<th><?php echo tr('User Agent'); ?>:</th>
<td><script type="text/javascript" src="application/scripts/ua.js"></script><noscript><?php
</script>
<noscript><?php echo tr('N/A'); ?></noscript></td>
</tr>
<tr>
<th lang="<?php echo $language; ?>"><span class="text"><?php echo tr('User Agent'); ?></span></th>
<td><script type="text/javascript"
src="application/scripts/ua.js"
></script>
<noscript><?php
echo tr('N/A'); ?></noscript></td>
</tr>
<tr>
<th><?php echo tr('Features'); ?>:</th>
<td><script type="text/javascript">
</tr>
<tr>
<th lang="<?php echo $language; ?>"><span class="text"><?php echo tr('Features'); ?></span></th>
<td><script type="text/javascript">
var fullscreen = jsx.dom.window.fullscreen;
 
(function () {
286,12 → 305,19
features.push('<a href="#" title="'
+ cookies.join("&#13;&#10;")
+ '"'
+ ' onclick="window.alert(\'<?php echo tr('Cookies for'); ?> ' + document.domain + '\\n\\n' + cookies.join("\\n") + '\'); return false">' + cookiesText + '<\/a>');
+ ' onclick=\'window.alert(<?php
echo htmlspecialchars(sprintf(tr('"Cookies for " + %s + "'), 'document.domain'), ENT_QUOTES);
?>'
+ '\\n\\n'
+ cookies.join("\\n")
+ '"); return false\'><span class=\'text\' lang=\'<?php
echo $language;
?>\'>' + cookiesText + '<\/span><\/a>');
}
else
{
features.push('<span class="unavailable"'
+ ' title="<?php echo tr('Cookies supported, but no data for this site'); ?>"'
+ ' title="<?php echo htmlspecialchars(tr('Cookies supported, but no data for this site'), ENT_QUOTES); ?>"'
+ '>' + cookiesText + '<\/span>');
}
}
298,7 → 324,7
else
{
features.push('<span class="offline"'
+ ' title="<?php echo tr('Cookies supported, but disabled'); ?>"'
+ ' title="<?php echo htmlspecialchars(tr('Cookies supported, but disabled'), ENT_QUOTES); ?>"'
+ '>' + cookiesText + '<\/span>');
}
}
305,19 → 331,20
 
if (fullscreen.isSupportedBy(document.documentElement))
{
features.push("<span lang='<?php echo $language; ?>'><span class='text'><?php echo tr('Fullscreen'); ?><\/span><\/span>");
features.push("<span class='text' lang='<?php echo $language; ?>'><?php echo tr('Fullscreen'); ?><\/span>");
}
 
if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length)
{
features.push("<?php echo tr('Gamepad'); ?>");
features.push("<span class='text' lang='<?php echo $language; ?>'><?php echo tr('Gamepad'); ?></span>");
}
 
if (jsx.dom.geolocation.isAvailable())
{
features.push('<a href="#" title="<?php echo tr('Get location'); ?>"'
+ ' onclick="return lcars.multiDisplay.geolocate(\'<?php echo tr('Geolocation'); ?>\', \'<?php echo $language; ?>\')"'
+ '><?php echo tr('Geolocation'); ?><\/a>');
features.push('<a href="#" title="<?php echo htmlspecialchars(tr('Get location'), ENT_QUOTES); ?>"'
+ ' lang="<?php echo $language; ?>"'
+ ' onclick=\'return lcars.multiDisplay.geolocate("<?php echo htmlspecialchars(tr('Geolocation'), ENT_QUOTES); ?>", "<?php echo $language; ?>")\''
+ '><span class="text"><?php echo htmlspecialchars(tr('Geolocation'), ENT_QUOTES); ?><\/span><\/a>');
}
 
if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled())
334,12 → 361,12
{
features.push('<span title="'
+ navigator.plugins.length
+ ' <?php echo tr('plugins installed'); ?>">Plugins<\/span>');
+ ' <?php echo htmlspecialchars(tr('plugins installed'), ENT_QUOTES); ?>">Plugins<\/span>');
}
else
{
features.push('<span class="unavailable"'
+ ' title="<?php echo tr('Plugins supported, but none detected'); ?>"'
+ ' title="<?php echo htmlspecialchars(tr('Plugins supported, but none detected'), ENT_QUOTES); ?>"'
+ '>Plugins<\/span>');
}
}
355,7 → 382,7
 
function stripTags (s)
{
return s.replace(/<[^>]+>/g, "");
return s.replace(/<(br|p)\s*\/?>/ig, "\\n").replace(/<[^>]*>/g, "");
}
 
var sFeatures = getFeatures();
407,145 → 434,68
});
 
var windowText = "<?php echo tr("Window"); ?>";
</script><noscript><?php echo tr('N/A'); ?></noscript></td>
</tr>
</table>
</div>
<ul class="commands">
<li id="cmd1"><a href="index.php"
title="Language selection"
tabindex="1"
class="button left right"
onmouseover="return setStatus(this.title + ': ' + this.href)"
onmouseout="return resetStatus()"
onfocus="return this.onmouseover()"
onblur="return this.onmouseout()"
><abbr class="text" title="Language selection">Language</abbr></a></li>
<li id="cmd2"><a href="index.<?php echo $language; ?>?printable=1"
title="<?php echo tr('Printable version'); ?>"
tabindex="1"
class="button left right"
onmouseover="return setStatus(this.title + ': ' + this.href)"
onmouseout="return resetStatus()"
onfocus="return this.onmouseover()"
onblur="return this.onmouseout()"
lang="<?php echo $language; ?>"
><span class="text"><?php echo tr("Printable"); ?></span></a></li>
<li id="cmd3"><div class="button left right"
style="cursor: not-allowed !important"
onclick="fullscreen.requestOn(document.documentElement, this)"
onkeyup="if (event.keyCode == 13) { this.onclick(); }"
lang="<?php echo $language; ?>"
><span class="text"><script type="text/javascript">
var cmd3;
if (fullscreen.isSupportedBy(document.documentElement))
{
_addEventListener(window, "load", function () {
if (typeof cmd3 == "undefined")
{
cmd3 = jsx.dom.getElementById("cmd3");
}
 
if (cmd3)
{
cmd3.firstChild.tabIndex = "1";
}
});
 
var fullscreenText = "<?php echo tr("Fullscreen"); ?>";
document.write(fullscreenText);
}
 
var oScreenDim;
var oAvailDim;
var oInnerDim;
var _gEBI = jsx.dom.getElementById;
var previousIsFullscreen;
var oldHandler;
 
_addEventListener(window, "resize", function () {
<?php /* FIXME: Also update title attribute value */ ?>
if (typeof oScreenDim == "undefined") oScreenDim = _gEBI(ID_SCREEN_DIM);
if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();
 
if (typeof oAvailDim == "undefined") oAvailDim = _gEBI(ID_AVAIL_DIM);
if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();
 
if (typeof oInnerDim == "undefined") oInnerDim = _gEBI(ID_INNER_DIM);
if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();
 
if (fullscreen.isSupportedBy(document.documentElement))
{
var nowIsFullscreen = fullscreen.isFullscreen();
if (nowIsFullscreen != previousIsFullscreen)
{
if (typeof cmd3 == "undefined")
{
cmd3 = document.getElementById("cmd3");
}
 
var target = cmd3.firstChild;
var textTarget = target.firstChild;
if (nowIsFullscreen)
{
oldHandler = target.onclick;
target.onclick = function () {
fullscreen.cancel();
};
textTarget.textContent = "<?php echo tr("Window"); ?>";
}
else
{
target.onclick = oldHandler;
textTarget.textContent = fullscreenText;
}
 
previousIsFullscreen = nowIsFullscreen;
}
}
});
</script></span></div></li>
<li id="cmd4"><script type="text/javascript">
var LANG_VULCAN = "<?php echo $vulcan; ?>";
</script><script type="text/javascript" src="application/scripts/vulcan-media-script.js"></script><div
class="button left right"<?php
if ($language == $vulcan)
{
?> tabindex="1" onclick="mediaScript(this)"<?php
}
else
{
?> style="cursor: not-allowed !important"<?php
}
?>><span class="text"><?php
echo $language == $vulcan ? 'Hitra-Zukitan' : '&nbsp;';
?></span></div></li>
</ul>
</div>
<div class="elbo-button">
<span class="text" title="<?php echo tr("Date of last modification"); ?>"
><?php echo gmdate('Ym.d', $modi); ?></span>
</div>
<div class="elbo" lang="<?php echo $language; ?>">
<span class="text"><abbr title="<?php echo tr('Library Computer Access and Retrieval System'); ?>"><?php echo tr('LCARS'); ?></abbr> PE-22A</span>
<div class="concave">&nbsp;</div>
</div>
<div class="border">
<div class="left">&nbsp;</div>
<div class="right">&nbsp;</div>
</div>
</script>
<noscript><?php echo tr('N/A'); ?></noscript></td>
</tr>
</table>
</div>
<div class="lower">
<div class="elbo">
<div class="concave">&nbsp;</div>
</div>
<div class="bg">&nbsp;</div>
<div class="border-container">
<div class="border">
<div class="left">&nbsp;</div>
<div class="right">&nbsp;</div>
</div>
</div>
<ul class="commands">
<li id="cmd1"><a href="index.php" title="Language selection"
tabindex="1" class="button left right"
onmouseover="return setStatus(this.title + ': ' + this.href)"
onmouseout="return resetStatus()"
onfocus="return this.onmouseover()"
onblur="return this.onmouseout()"
><abbr class="text" title="Language selection">Language</abbr></a></li>
<li id="cmd2"><a
href="index.<?php echo language_key_short($language); ?>?printable=1"
title="<?php echo tr('Printable version'); ?>" tabindex="1"
class="button left right"
onmouseover="return setStatus(this.title + ': ' + this.href)"
onmouseout="return resetStatus()"
onfocus="return this.onmouseover()"
onblur="return this.onmouseout()"
lang="<?php echo $language; ?>"
><span class="text"><?php echo tr("Printable"); ?></span></a></li>
<li id="cmd3"><div class="button left right"
style="cursor: not-allowed !important"
onclick="toggleFullscreen(this)"
onkeyup="if (event.keyCode == 13) { this.click(); }"
lang="<?php echo $language; ?>"
><span class="text"></span></div></li>
<li id="cmd4"><div class="button left right"
style="cursor: not-allowed !important"
onkeyup="if (event.keyCode == 13) { this.click(); }"
><span class="text" lang="<?php echo $language; ?>"></span></div></li>
</ul>
</div>
<div class="elbo-button">
<span class="text" lang="<?php echo $language; ?>"
title="<?php echo tr("Date of last modification"); ?>"
><?php echo gmdate('Ym.d', $modi); ?></span>
</div>
<div class="elbo" lang="<?php echo $language; ?>">
<span class="text"><abbr
title="<?php echo tr('Library Computer Access and Retrieval System'); ?>"
><?php echo tr('LCARS'); ?></abbr> <span lang="en">PE-</span>22<span style="text-transform: uppercase">a</span></span>
<div class="concave">&nbsp;</div>
</div>
<div class="border">
<div class="left">&nbsp;</div>
<div class="right">&nbsp;</div>
</div>
</div>
<div class="lower">
<div class="elbo">
<div class="concave">&nbsp;</div>
</div>
<div class="bg">&nbsp;</div>
<div class="border-container">
<div class="border">
<div class="left">&nbsp;</div>
<div class="right">&nbsp;</div>
</div>
</div>
</div>
</div>
</div>