RubyGems - closure - Versions diffs - 1.1.692 - Mend

closure 1.1.692

Files changed (1494) hide show

data/closure-library/closure/goog/demos/xpc/minimal/inner.html ADDED Viewed

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+<!--
+Copyright 2010 The Closure Library Authors. All Rights Reserved.
+Use of this source code is governed by the Apache License, Version 2.0.
+See the COPYING file for details.
+-->
+<head>
+<script type="text/javascript" src="../../../base.js"></script>
+<script type="text/javascript">
+goog.require('goog.dom');
+goog.require('goog.events');
+goog.require('goog.net.xpc.CrossPageChannel');
+</script>
+<script type="text/javascript">
+var channel;
+var logEl;
+/**
+ * Writes a message to the log.
+ * @param {string} msg The message text.
+ */
+function log(msg) {
+  logEl || (logEl = goog.dom.getElement('log'));
+  var msgEl = goog.dom.createDom('div');
+  msgEl.innerHTML = msg;
+  logEl.insertBefore(msgEl, logEl.firstChild);
+}
+goog.events.listen(window, 'load', function() {
+  // Get the channel configuration from the URI parameter.
+  var cfg = goog.json.parse(
+      (new goog.Uri(window.location.href)).getParameterValue('xpc'));
+  // Create the channel.
+  channel = new goog.net.xpc.CrossPageChannel(cfg);
+  channel.registerService('log', log);
+  channel.connect(function() {
+    log('Channel connected.');
+  });
+});
+</script>
+<style type="text/css">
+body {
+  background-color: #ddffff;
+  font-family: arial,verdana;
+  font-size: 12px;
+}
+</style>
+</head>
+<body>
+<h3><script type="text/javascript">document.write(location.href.replace(/\?.*/,'?...'))</script></h3>
+<p>
+<input type="text" id="msgInput" value="Hello from the iframe."
+    style="width:250px">
+<input type="button" value="Send" onclick="
+    channel.send('log', goog.dom.getElement('msgInput').value)">
+</p>
+<div id="log" style="border: 1px #000 solid"></div>
+</body>
+</html>

data/closure-library/closure/goog/demos/xpc/minimal/relay.html ADDED Viewed

@@ -0,0 +1,7 @@
+<script type="text/javascript" src="../../../net/xpc/relay.js"></script>
+<!--
+Copyright 2010 The Closure Library Authors. All Rights Reserved.
+Use of this source code is governed by the Apache License, Version 2.0.
+See the COPYING file for details.
+-->

data/closure-library/closure/goog/demos/xpc/relay.html ADDED Viewed

@@ -0,0 +1,7 @@
+<script type="text/javascript" src="../../net/xpc/relay.js"></script>
+<!--
+Copyright 2010 The Closure Library Authors. All Rights Reserved.
+Use of this source code is governed by the Apache License, Version 2.0.
+See the COPYING file for details.
+-->

data/closure-library/closure/goog/demos/xpc/xpcdemo.js ADDED Viewed

@@ -0,0 +1,304 @@
+// Copyright 2007 The Closure Library Authors. All Rights Reserved.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS-IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+/**
+ * @fileoverview Contains application code for the XPC demo.
+ * This script is used in both the container page and the iframe.
+ *
+ */
+goog.require('goog.Uri');
+goog.require('goog.debug.Logger');
+goog.require('goog.dom');
+goog.require('goog.events');
+goog.require('goog.events.EventType');
+goog.require('goog.json');
+goog.require('goog.net.xpc.CrossPageChannel');
+/**
+ * Global function to kick off initialization in the containing document.
+ */
+goog.global.initOuter = function() {
+  goog.events.listen(window, 'load', function() { xpcdemo.initOuter(); });
+};
+/**
+ * Global function to kick off initialization in the iframe.
+ */
+goog.global.initInner = function() {
+  goog.events.listen(window, 'load', function() { xpcdemo.initInner(); });
+};
+/**
+ * Namespace for the demo. We don't use goog.provide here because it's not a
+ * real module (cannot be required).
+ */
+xpcdemo = {};
+/**
+ * Initializes XPC in the containing page.
+ */
+xpcdemo.initOuter = function() {
+  // Build the configuration object.
+  var cfg = {};
+  var ownUri = new goog.Uri(window.location.href);
+  var relayUri = ownUri.resolve(new goog.Uri('relay.html'));
+  var pollUri = ownUri.resolve(new goog.Uri('blank.html'));
+  // Determine the peer domain. Uses the value of the URI-parameter
+  // 'peerdomain'. If that parameter is not present, it falls back to
+  // the own domain so that the demo will work out of the box (but
+  // communication will of course not cross domain-boundaries).  For
+  // real cross-domain communication, the easiest way is to point two
+  // different host-names to the same webserver and then hit the
+  // following URI:
+  // http://host1.com/path/to/closure/demos/xpc/index.html?peerdomain=host2.com
+  var peerDomain = ownUri.getParameterValue('peerdomain') || ownUri.getDomain();
+  cfg[goog.net.xpc.CfgFields.LOCAL_RELAY_URI] = relayUri.toString();
+  cfg[goog.net.xpc.CfgFields.PEER_RELAY_URI] =
+      relayUri.setDomain(peerDomain).toString();
+  cfg[goog.net.xpc.CfgFields.LOCAL_POLL_URI] = pollUri.toString();
+  cfg[goog.net.xpc.CfgFields.PEER_POLL_URI] =
+      pollUri.setDomain(peerDomain).toString();
+  // Force transport to be used if tp-parameter is set.
+  var tp = ownUri.getParameterValue('tp');
+  if (tp) {
+    cfg[goog.net.xpc.CfgFields.TRANSPORT] = parseInt(tp, 10);
+  }
+  // Construct the URI of the peer page.
+  var peerUri = ownUri.resolve(
+      new goog.Uri('inner.html')).setDomain(peerDomain);
+  // Passthrough of verbose and compiled flags.
+  if (goog.isDef(ownUri.getParameterValue('verbose'))) {
+    peerUri.setParameterValue('verbose', '');
+  }
+  if (goog.isDef(ownUri.getParameterValue('compiled'))) {
+    peerUri.setParameterValue('compiled', '');
+  }
+  cfg[goog.net.xpc.CfgFields.PEER_URI] = peerUri;
+  // Instantiate the channel.
+  xpcdemo.channel = new goog.net.xpc.CrossPageChannel(cfg);
+  // Create the peer iframe.
+  xpcdemo.peerIframe = xpcdemo.channel.createPeerIframe(
+      goog.dom.getElement('iframeContainer'));
+  xpcdemo.initCommon_();
+  goog.dom.getElement('inactive').style.display = 'none';
+  goog.dom.getElement('active').style.display = '';
+};
+/**
+ * Initialization in the iframe.
+ */
+xpcdemo.initInner = function() {
+  // Get the channel configuration passed by the containing document.
+  var cfg = goog.json.parse(
+      (new goog.Uri(window.location.href)).getParameterValue('xpc'));
+  xpcdemo.channel = new goog.net.xpc.CrossPageChannel(cfg);
+  xpcdemo.initCommon_();
+};
+/**
+ * Initializes the demo.
+ * Registers service-handlers and connects the channel.
+ * @private
+ */
+xpcdemo.initCommon_ = function() {
+  var xpcLogger = goog.debug.Logger.getLogger('goog.net.xpc');
+  xpcLogger.addHandler(function(logRecord) {
+    xpcdemo.log('[XPC] ' + logRecord.getMessage());
+  });
+  xpcLogger.setLevel(window.location.href.match(/verbose/) ?
+      goog.debug.Logger.Level.ALL : goog.debug.Logger.Level.INFO);
+  // Register services.
+  xpcdemo.channel.registerService('log', xpcdemo.log);
+  xpcdemo.channel.registerService('ping', xpcdemo.pingHandler_);
+  xpcdemo.channel.registerService('events', xpcdemo.eventsMsgHandler_);
+  // Connect the channel.
+  xpcdemo.channel.connect(function() {
+    xpcdemo.channel.send('log', 'Hi from ' + window.location.host);
+    goog.events.listen(goog.dom.getElement('clickfwd'),
+                       'click', xpcdemo.mouseEventHandler_);
+  });
+};
+/**
+ * Kills the peer iframe and the disposes the channel.
+ */
+xpcdemo.teardown = function() {
+  goog.events.unlisten(goog.dom.getElement('clickfwd'),
+                       goog.events.EventType.CLICK, xpcdemo.mouseEventHandler_);
+  xpcdemo.channel.dispose();
+  delete xpcdemo.channel;
+  goog.dom.removeNode(xpcdemo.peerIframe);
+  xpcdemo.peerIframe = null;
+  goog.dom.getElement('inactive').style.display = '';
+  goog.dom.getElement('active').style.display = 'none';
+};
+/**
+ * Logging function. Inserts log-message into element with it id 'console'.
+ * @param {string} msgString The log-message.
+ */
+xpcdemo.log = function(msgString) {
+  xpcdemo.consoleElm || (xpcdemo.consoleElm = goog.dom.getElement('console'));
+  var msgElm = goog.dom.createDom('div');
+  msgElm.innerHTML = msgString;
+  xpcdemo.consoleElm.insertBefore(msgElm, xpcdemo.consoleElm.firstChild);
+};
+/**
+ * Sends a ping request to the peer.
+ */
+xpcdemo.ping = function() {
+  // send current time
+  xpcdemo.channel.send('ping', goog.now() + '');
+};
+/**
+ * The handler function for incoming pings (messages sent to the service
+ * called 'ping');
+ * @param {string} payload The message payload.
+ * @private
+ */
+xpcdemo.pingHandler_ = function(payload) {
+  // is the incoming message a response to a ping we sent?
+  if (payload.charAt(0) == '#') {
+    // calculate roundtrip time and log
+    var dt = goog.now() - parseInt(payload.substring(1), 10);
+    xpcdemo.log('roundtrip: ' + dt + 'ms');
+  } else {
+    // incoming message is a ping initiated from peer
+    // -> prepend with '#' and send back
+    xpcdemo.channel.send('ping', '#' + payload);
+    xpcdemo.log('ping reply sent');
+  }
+};
+/**
+ * Counter for mousemove events.
+ * @type {number}
+ * @private
+ */
+xpcdemo.mmCount_ = 0;
+/**
+ * Holds timestamp when the last mousemove rate has been logged.
+ * @type {number}
+ * @private
+ */
+xpcdemo.mmLastRateOutput_ = 0;
+/**
+ * Start mousemove event forwarding. Registers a listener on the document which
+ * sends them over the channel.
+ */
+xpcdemo.startMousemoveForwarding = function() {
+  goog.events.listen(document, goog.events.EventType.MOUSEMOVE,
+                     xpcdemo.mouseEventHandler_);
+  xpcdemo.mmLastRateOutput_ = goog.now();
+};
+/**
+ * Stop mousemove event forwarding.
+ */
+xpcdemo.stopMousemoveForwarding = function() {
+  goog.events.unlisten(document, goog.events.EventType.MOUSEMOVE,
+                       xpcdemo.mouseEventHandler_);
+};
+/**
+ * Function to be used as handler for mouse-events.
+ * @param {goog.events.BrowserEvent} e The mouse event.
+ * @private
+ */
+xpcdemo.mouseEventHandler_ = function(e) {
+  xpcdemo.channel.send('events',
+                   [e.type, e.clientX, e.clientY, goog.now()].join(','));
+};
+/**
+ * Handler for the 'events' service.
+ * @param {string} payload The string returned from the xpcdemo.
+ * @private
+ */
+xpcdemo.eventsMsgHandler_ = function(payload) {
+  var now = goog.now();
+  var args = payload.split(',');
+  var type = args[0];
+  var pageX = args[1];
+  var pageY = args[2];
+  var time = parseInt(args[3], 10);
+  var msg = type + ': (' + pageX + ',' + pageY + '), latency: ' + (now - time);
+  xpcdemo.log(msg);
+  if (type == goog.events.EventType.MOUSEMOVE) {
+    xpcdemo.mmCount_++;
+    var dt = now - xpcdemo.mmLastRateOutput_;
+    if (dt > 1000) {
+      msg = 'RATE (mousemove/s): ' + (1000 * xpcdemo.mmCount_ / dt);
+      xpcdemo.log(msg);
+      xpcdemo.mmLastRateOutput_ = now;
+      xpcdemo.mmCount_ = 0;
+    }
+  }
+};
+/**
+ * Send multiple messages.
+ * @param {number} n The number of messages to send.
+ */
+xpcdemo.sendN = function(n) {
+  xpcdemo.count_ || (xpcdemo.count_ = 1);
+  for (var i = 0; i < n; i++) {
+    xpcdemo.channel.send('log', '' + xpcdemo.count_++);
+  }
+};

data/closure-library/closure/goog/demos/zippy.html ADDED Viewed

@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html>
+<!--
+Copyright 2010 The Closure Library Authors. All Rights Reserved.
+Use of this source code is governed by the Apache License, Version 2.0.
+See the COPYING file for details.
+-->
+<head>
+  <title>goog.ui.Zippy</title>
+  <meta charset="utf-8">
+  <script src="../base.js"></script>
+  <script>
+    goog.require('goog.ui.AnimatedZippy');
+    goog.require('goog.ui.Zippy');
+    goog.require('goog.ui.ZippyEvent');
+  </script>
+  <link rel="stylesheet" href="css/demo.css">
+  <style>
+    h2 {
+      background: #C0C0FF;
+      margin-top: 10px;
+      margin-bottom: 0px;
+      cursor: pointer;
+      padding: 1px 3px;
+    }
+    div {
+      margin: 0px;
+      padding: 0px;
+    }
+    p {
+      background: #DEDEFF;
+      border: solid #C0C0FF;
+      border-width: 0px 3px 3px 3px;
+      margin-top: 0px;
+      padding: 3px;
+      text-align: justify;
+      overflow: hidden;
+    }
+    img {
+      width: 19px;
+      height: 16px;
+    }
+    .goog-zippy-expanded img {
+      background-image: url('../images/minus.png');
+    }
+    .goog-zippy-collapsed img {
+      background-image: url('../images/plus.png');
+    }
+  </style>
+</head>
+<body>
+  <h1>goog.ui.Zippy</h1>
+  <h2 id="header1">Zippy 1</h2>
+  <p id="content1">
+    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras et nisi id
+    lorem tempor semper. Suspendisse ante. Integer ligula urna, venenatis quis,
+    placerat vitae, commodo quis, sapien. Quisque nec lectus. Sed non dolor. Sed
+    congue, nisi in pharetra consequat, odio diam pulvinar arcu, in laoreet elit
+    risus id ipsum. Class aptent taciti sociosqu ad litora torquent per conubia
+    nostra, per inceptos hymenaeos. Praesent tellus enim, imperdiet a, sagittis
+    id, pulvinar vel, tortor. Integer nulla. Sed nulla augue, lacinia id,
+    vulputate eu, rhoncus non, ante. Integer lobortis eros vitae quam. Phasellus
+    sagittis, ipsum sollicitudin bibendum laoreet, arcu erat luctus lacus, vel
+    pharetra felis metus tincidunt diam. Cras ac augue in enim ultricies aliquam.
+  </p>
+  <div style="width: 400px; float: left;">
+    <h2 id="header2"><img src="../images/blank.gif" />Zippy 2</h2>
+    <p id="content2">
+      Nunc et eros. Aliquam felis lectus, sagittis ac, sagittis eu, accumsan
+      vitae, leo. Maecenas suscipit, arcu eget elementum tincidunt, erat ligula
+      porttitor dui, quis ornare nisi turpis at ipsum. Vivamus magna tortor,
+      porttitor eu, cursus ut, vulputate in, nulla. Quisque nonummy feugiat
+      turpis. Cras lobortis lobortis elit. Aliquam congue, pede suscipit
+      condimentum convallis, diam purus dictum lacus, eu scelerisque mi est
+      molestie libero. Duis luctus dapibus nibh. Sed condimentum iaculis metus.
+      Pellentesque habitant morbi tristique senectus et netus et malesuada fames
+      ac turpis egestas. In pharetra dolor porta eros facilisis pellentesque.
+      Proin quam mi, sodales vel, tincidunt sit amet, convallis vel, eros.
+      Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
+      cubilia Curae; Phasellus velit augue, rutrum sit amet, posuere nec, euismod
+      ac, elit. Etiam nisi.
+    </p>
+  </div>
+  <div style="width: 400px; float: left; margin-left: 5px; ">
+    <h2 id="header3"><img src="../images/blank.gif" />Zippy 3</h2>
+    <p id="content3">
+      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas commodo
+      convallis nisi. Cras rhoncus elit non dolor. Vivamus gravida ultricies arcu.
+      Praesent ipsum erat, vehicula et, ultrices at, dignissim at, ipsum. Aenean
+      venenatis. Fusce blandit laoreet urna. Aliquam et pede condimentum lorem
+      posuere molestie. Pellentesque habitant morbi tristique senectus et netus et
+      malesuada fames ac turpis egestas. Fusce euismod, justo in feugiat feugiat,
+      urna metus sagittis felis, in varius neque mauris vitae dui. Nunc vel sapien
+      in diam laoreet euismod. Mauris quis felis ut ipsum auctor feugiat. Nulla
+      facilisi. Proin vitae urna. Quisque dignissim commodo nisl. Curabitur
+      bibendum.
+    </p>
+  </div>
+  <div style="clear: both;">
+    Zippy 2 sets the expanded state of zippy 3 to the inverted expanded state of
+    itself. Hence expanding zippy 2 collapses zippy 3 and vice verse.
+  </div>
+  <div>
+    Zippy 2 and 3 are animated, zippy 1 is not.
+  </div>
+  <script>
+    var z1 = new goog.ui.Zippy('header1', 'content1');
+    var z2 = new goog.ui.AnimatedZippy('header2', 'content2', true);
+    var z3 = new goog.ui.AnimatedZippy('header3', 'content3', false);
+    z1.expand();
+    function zippyToggle(event) {
+      z3.setExpanded(!event.expanded);
+    }
+    goog.events.listen(z2, goog.ui.Zippy.Events.TOGGLE, zippyToggle);
+  </script>
+</body>
+</html>