WebSVN - LCARS - Diff - Rev 153 and 158 - /branches/live/application/layouts/index/index.phtml

             <div class="analysis">
               <table>
                 <tr>
                   <th><?php echo tr('Display'); ?>:</th>
                   <td><script type="text/javascript">
+                    var _addEventListener = jsx.dom.addEventListener;
-                    var runAsync = jsx.dom.timeout.runAsync;
+                    var _runAsync = jsx.dom.timeout.runAsync;
                     var ID_SCREEN_DIM = 'screenDim';
                     var ID_AVAIL_DIM = 'availDim';
                     var ID_INNER_DIM = 'innerDim';
+                    var TEXT_NOT_AVAILABLE = "<?php echo tr('N/A'); ?>";
                     var dim = (function () {
                       var screenInfo = jsx.dom.window.screenInfo;
                       return {
+                        }
                       };
                     }());
                     (function () {
                       var screenDimText = dim.getScreenText();
                       var availDimText = dim.getAvailText();
                       var innerDimText = dim.getInnerText();
                       var colorDepthText = dim.getColorDepthText();
                       var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText)
                         ?   (screenDimText ? '<span id="' + ID_SCREEN_DIM + '">' + screenDimText + '<\/span> <?php echo tr('pixels'); ?>' : "")
                           + (availDimText ? ' (<span id="' + ID_AVAIL_DIM + '">' + availDimText + "<\/span>" : "")
                           + (innerDimText ? '<span id="' + ID_INNER_DIM + '">' + innerDimText + "<\/span>)" : "")
                           + (colorDepthText ? ' ×&nbsp;<span id="colorDepth">' + colorDepthText + "<\/span>" : "")
-                        : "<?php echo tr('N/A'); ?>";
+                        : TEXT_NOT_AVAILABLE;
                       /* FIXME: Convert HTML to text, update whole title text */
                       document.write('<span>' + displayInfo + '<\/span>');
                       var oColorDepth;
-                      runAsync(function () {
+                      var tColor = _runAsync(function () {
                         if (typeof oColorDepth == "undefined")
+                        {
                           oColorDepth = document.getElementById("colorDepth");
+                        }
                         if (oColorDepth)
+                        {
                           var colorDepthText = dim.getColorDepthText();
-                          /* FIXME: Also update title attribute value */
+                          <?php /* FIXME: Also update title attribute value */ ?>
                           if (oColorDepth.innerHTML != colorDepthText)
+                          {
                             oColorDepth.innerHTML = colorDepthText;
+                          }
+                        }
-                        this.run();
+                        tColor = this.run();
                       }, 1000);
+                      _addEventListener(document, "unload", function () {
+                        tColor.unset();
+                        tColor = null;
+                      });
                     }());
                   </script><noscript><?php echo tr('N/A'); ?></noscript></td>
                 </tr>
                 <tr>
                   <th><?php echo tr('User Agent'); ?>:</th>
                     (function () {
                       var ua = navigator.userAgent;
                       document.write('<span id="ua" title="' + ua + '">' + ua + '<\/span>');
                       var oUA;
-                      runAsync(function () {
+                      var tUA = _runAsync(function () {
                         if (typeof oUA == "undefined")
+                        {
                           oUA = document.getElementById("ua");
+                        }
                           if (oUA.innerHTML != ua)
+                          {
                             oUA.innerHTML = ua;
+                          }
-                          /* Converts CREs */
+                          <?php /* Converts CREs */ ?>
                           var oUAhtml = oUA.innerHTML
                           if (oUA.title != oUAhtml)
+                          {
                             oUA.title = oUAhtml;
+                          }
+                        }
-                        this.run();
+                        tUA = this.run();
                       }, 1000);
+                      _addEventListener(document, "unload", function () {
+                        tUA.unset();
+                        tUA = null;
+                      });
                     }());
                   </script><noscript><?php echo tr('N/A'); ?></noscript></td>
                 </tr>
                 <tr>
                   <th><?php echo tr('Features'); ?>:</th>
                   <td><script type="text/javascript">
                     var fullscreen = jsx.dom.window.fullscreen;
+                    jsx.dom.geolocation = {
+                      getText: function (position) {
+                        var coords = position.coords;
+                        var latitude = coords.latitude;
+                        var longitude = coords.longitude;
+                        var altitude = coords.altitude;
+                        var altitudeAccuracy = coords.altitudeAccuracy;
+                        var speed = coords.speed;
+                        var heading = coords.heading;
+                        return [
+                          "<?php echo tr('Latitude:'); ?> " + (latitude != null ? latitude + "°" : TEXT_NOT_AVAILABLE),
+                          "<?php echo tr('Longitude:'); ?> " + (longitude != null ? longitude + "°" : TEXT_NOT_AVAILABLE),
+                          "<?php echo tr('Lat/Lng Accuracy:'); ?> " + coords.accuracy + " m",
+                          "<?php echo tr('Altitude:'); ?> " + (altitude != null ? altitude + " m": TEXT_NOT_AVAILABLE),
+                          "<?php echo tr('Alt. Accuracy:'); ?> " + (altitudeAccuracy != null ? altitudeAccuracy + " m": TEXT_NOT_AVAILABLE),
+                          "<?php echo tr('Speed:'); ?> " + (speed != null && !isNaN(speed) ? speed + " m∕s": TEXT_NOT_AVAILABLE),
+                          "<?php echo tr('Heading:'); ?> " + (heading != null && !isNaN(heading) ? heading + "°" : TEXT_NOT_AVAILABLE)
+                        ].join("\n");
+                      },
+                      show: function (position) {
+                        window.alert("<?php echo tr('Your current coordinates on Terra'); ?>\n\n" + this.getText(position));
+                      }
+                    };
                     (function () {
                       function getFeatures ()
+                      {
                         var features = [];
                         if (typeof document.cookie != "undefined")
                           var cookiesText = "<?php echo tr('Cookies'); ?>"
                           if (navigator.cookieEnabled)
+                          {
                             if (document.cookie)
+                            {
+                              var cookies = document.cookie;
+                              cookies = cookies.split(/\s*;\s*/);
-                              features.push(cookiesText);
+                              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>');
+                            }
                             else
+                            {
                               features.push('<span class="unavailable"'
                                 + ' title="<?php echo tr('Cookies supported, but no data for this site'); ?>"'
                           features.push("<?php echo tr('Gamepad'); ?>");
+                        }
                         if (navigator.geolocation)
+                        {
-                          features.push("<?php echo tr('Geolocation'); ?>");
+                          features.push('<a href="#" title="<?php echo tr('Get location'); ?>"'
+                            + ' onclick="navigator.geolocation.getCurrentPosition('
+                            + 'function (position) { jsx.dom.geolocation.show(position); }); return false"'
+                            + '><?php echo tr('Geolocation'); ?><\/a>');
+                        }
                         if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled())
+                        {
                           features.push("Java");
                         return features.join(" &#8226; ");
+                      }
                       function stripTags (s)
+                      {
-                        return s.replace(/<[^>]+>/g, "")
+                        return s.replace(/<[^>]+>/g, "");
+                      }
                       var sFeatures = getFeatures();
-                      document.write('<span id="features" title="'
+                      document.write('<span id="features" title="' + stripTags(sFeatures) + '">' + sFeatures + '<\/span>');
-                        + stripTags(sFeatures) + '">' + sFeatures
-                        + '<\/span>');
                       var oFeatures;
                       var oFeaturesHtml;
-                      var tFeatures = runAsync(function () {
+                      var tFeatures = _runAsync(function () {
                         if (typeof oFeatures == "undefined")
+                        {
                           oFeatures = document.getElementById("features");
+                        }
                         tFeatures = this.run();
                       }, 1000);
                     }());
+                    _addEventListener(document, "unload", function () {
+                      tFeatures.unset();
+                      tFeatures = null;
+                    });
                     var windowText = "<?php echo tr("Window"); ?>";
                   </script><noscript><?php echo tr('N/A'); ?></noscript></td>
                 </tr>
               </table>
             </div>
                    onkeyup="if (event.keyCode == 13) { this.onclick(); }"
                    ><span class="text"><script type="text/javascript">
                      var cmd3;
                      if (fullscreen.isSupportedBy(document.documentElement))
+                     {
-                       jsx.dom.addEventListener(window, "load", function () {
+                       _addEventListener(window, "load", function () {
                          if (typeof cmd3 == "undefined")
+                         {
                            cmd3 = jsx.dom.getElementById("cmd3");
+                         }
                      var oInnerDim;
                      var _gEBI = jsx.dom.getElementById;
                      var previousIsFullscreen;
                      var oldHandler;
-                     jsx.dom.addEventListener(window, "resize", function () {
+                     _addEventListener(window, "resize", function () {
-                       /* FIXME: Also update title attribute value */
+                       <?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();
           </div>
         </div>
       </div>
     </div>
   </body>
 </html>

Subversion Repositories LCARS

(root)/branches/live/application/layouts/index/index.phtml @ 283 - Rev 153 → 158