[NaCl SDK] Earth demo modifications for gonacl PNaCl.

native_client_sdk/src/gonacl_appengine/static/pnacl-demo/example.js

 // Copyright (c) 2013 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 'use strict';
 
 var naclModule = null;
 
 /**
  * MIME type for PNaCl
@@ skipping 48 matching lines @@
   var listenerDiv = document.getElementById('listener');
   listenerDiv.appendChild(moduleEl);
 }
 
 /**
  * Add the default event listeners to the element with id "listener".
  */
 function attachDefaultListeners() {
   var listenerDiv = document.getElementById('listener');
   listenerDiv.addEventListener('load', moduleDidLoad, true);
+  listenerDiv.addEventListener('error', moduleLoadError, true);
   listenerDiv.addEventListener('progress', moduleLoadProgress, true);
   listenerDiv.addEventListener('message', handleMessage, true);
   listenerDiv.addEventListener('crash', handleCrash, true);
   if (typeof window.attachListeners !== 'undefined') {
     window.attachListeners();
   }
 }
 
 /**
  * Called when the Browser can not communicate with the Module
@@ skipping 16 matching lines @@
 /**
  * Called when the NaCl module is loaded.
  *
  * This event listener is registered in attachDefaultListeners above.
  */
 function moduleDidLoad() {
   var bar = document.getElementById('progress');
   bar.value = 100;
   bar.max = 100;
   naclModule = document.getElementById('nacl_module');
-  updateStatus('RUNNING');
+  hideStatus();
+}
 
-  setAuxElementsVisibility(true);
+function hideStatus() {
+  document.getElementById('statusField').style.display = 'none';
+  document.getElementById('progress').style.display = 'none';
+}
+
+function moduleLoadError(event) {
+  updateStatus('Load failed.');
 }
 
 /**
  * Called when the plugin reports progress events.
  *
  * @param {Object} event
  */
 function moduleLoadProgress(event) {
+  document.getElementById('progress').style.display = 'block';
+
   var loadPercent = 0.0;
   var bar = document.getElementById('progress');
   bar.max = 100;
   if (event.lengthComputable && event.total > 0) {
     loadPercent = event.loaded / event.total * 100.0;
   } else {
     // The total length is not yet known.
     loadPercent = -1.0;
   }
   bar.value = loadPercent;
 }
 
 /**
  * Return true when |s| starts with the string |prefix|.
  *
  * @param {string} s The string to search.
  * @param {string} prefix The prefix to search for in |s|.
  * @return {bool}
  */
 function startsWith(s, prefix) {
   // indexOf would search the entire string, lastIndexOf(p, 0) only checks at
   // the first index. See: http://stackoverflow.com/a/4579228
   return s.lastIndexOf(prefix, 0) === 0;
 }
 
 /**
- * Add a message to an element with id "log".
- *
- * This function is used by the default "log:" message handler.
- *
- * @param {string} message The message to log.
- */
-function logMessage(message) {
-  document.getElementById('log').textContent = logMessageArray.join('');
-  console.log(message);
-}
-
-var defaultMessageTypes = {
-  'alert': alert,
-  'log': logMessage
-};
-
-/**
- * Called when the NaCl module sends a message to JavaScript (via
- * PPB_Messaging.PostMessage())
- *
- * This event listener is registered in createNaClModule above.
- *
- * @param {Event} message_event A message event. message_event.data contains
- *     the data sent from the NaCl module.
- */
-function handleMessage(message_event) {
-  if (typeof message_event.data === 'string') {
-    for (var type in defaultMessageTypes) {
-      if (defaultMessageTypes.hasOwnProperty(type)) {
-        if (startsWith(message_event.data, type + ':')) {
-          func = defaultMessageTypes[type];
-          func(message_event.data.slice(type.length + 1));
-          return;
-        }
-      }
-    }
-  }
-
-  if (typeof window.handleMessage !== 'undefined') {
-    window.handleMessage(message_event);
-    return;
-  }
-
-  logMessage('Unhandled message: ' + message_event.data + '\n');
-}
-
-/**
  * Called when the DOM content has loaded; i.e. the page's document is fully
  * parsed. At this point, we can safely query any elements in the document via
  * document.querySelector, document.getElementById, etc.
  *
  * @param {string} name The name of the example.
  * @param {number} width The width to create the plugin.
  * @param {number} height The height to create the plugin.
  * @param {Object} attrs Optional dictionary of additional attributes.
  */
 function domContentLoaded(name, width, height, attrs) {
-  // If the page loads before the Native Client module loads, then set the
-  // status message indicating that the module is still loading.  Otherwise,
-  // do not change the status message.
-  setAuxElementsVisibility(false);
-  updateStatus('Page loaded.');
+  updateStatus('Loading...');
   if (!browserSupportsPNaCl()) {
     updateStatus('Browser does not support PNaCl or PNaCl is disabled');
   } else if (naclModule == null) {
     // We use a non-zero sized embed to give Chrome space to place the bad
     // plug-in graphic, if there is a problem.
     width = typeof width !== 'undefined' ? width : 200;
     height = typeof height !== 'undefined' ? height : 200;
     createNaClModule(name, width, height, attrs);
     attachDefaultListeners();
   } else {
     // It's possible that the Native Client module onload event fired
     // before the page's onload event.  In this case, the status message
     // will reflect 'SUCCESS', but won't be displayed.  This call will
     // display the current message.
     updateStatus('Waiting.');
   }
 }
 
 /**
  * If the element with id 'statusField' exists, then set its HTML to the status
  * message as well.
  *
  * @param {string} opt_message The message to set.
  */
 function updateStatus(opt_message) {
   var statusField = document.getElementById('statusField');
   if (statusField) {
-    statusField.innerHTML = opt_message;
-  }
-}
-
-function postThreadFunc(numThreads) {
-  return function() {
-    naclModule.postMessage({'message' : 'set_threads',
-                            'value' : numThreads});
+    statusField.style.display = 'block';
+    statusField.textContent = opt_message;
   }
 }
 
 // Add event listeners after the NaCl module has loaded.  These listeners will
 // forward messages to the NaCl module via postMessage()
 function attachListeners() {
-  var threads = [0, 1, 2, 4, 6, 8, 12, 16, 24, 32];
-  for (var i = 0; i < threads.length; i++) {
-    document.getElementById('radio' + i).addEventListener('click',
-        postThreadFunc(threads[i]));
-  }
+  document.getElementById('threadCount').addEventListener('change',
+    function() {
+      var value = parseInt(document.getElementById('threadCount').value);
+      naclModule.postMessage({'message': 'set_threads',
+                              'value': value});
+    });
   document.getElementById('zoomRange').addEventListener('change',
     function() {
       var value = parseFloat(document.getElementById('zoomRange').value);
       naclModule.postMessage({'message' : 'set_zoom',
                               'value' : value});
     });
   document.getElementById('lightRange').addEventListener('change',
     function() {
       var value = parseFloat(document.getElementById('lightRange').value);
       naclModule.postMessage({'message' : 'set_light',
@@ skipping 80 matching lines @@
         var value = attr[1];
         attrs[key] = value;
       }
     }
 
     domContentLoaded(body.dataset.name,
                      body.dataset.width,
                      body.dataset.height, attrs);
   }
 });