index.js 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. /*
  2. * Licensed to the Apache Software Foundation (ASF) under one
  3. * or more contributor license agreements. See the NOTICE file
  4. * distributed with this work for additional information
  5. * regarding copyright ownership. The ASF licenses this file
  6. * to you under the Apache License, Version 2.0 (the
  7. * "License"); you may not use this file except in compliance
  8. * with the License. You may obtain a copy of the License at
  9. *
  10. * http://www.apache.org/licenses/LICENSE-2.0
  11. *
  12. * Unless required by applicable law or agreed to in writing,
  13. * software distributed under the License is distributed on an
  14. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  15. * KIND, either express or implied. See the License for the
  16. * specific language governing permissions and limitations
  17. * under the License.
  18. */
  19. var app = {
  20. // Application Constructor
  21. initialize: function() {
  22. this.bindEvents();
  23. },
  24. // Bind Event Listeners
  25. //
  26. // Bind any events that are required on startup. Common events are:
  27. // 'load', 'deviceready', 'offline', and 'online'.
  28. bindEvents: function() {
  29. document.addEventListener('deviceready', this.onDeviceReady, false);
  30. },
  31. // deviceready Event Handler
  32. //
  33. // The scope of 'this' is the event. In order to call the 'receivedEvent'
  34. // function, we must explicitly call 'app.receivedEvent(...);'
  35. onDeviceReady: function() {
  36. app.receivedEvent('deviceready');
  37. },
  38. // Update DOM on a Received Event
  39. receivedEvent: function(id) {
  40. var parentElement = document.getElementById(id);
  41. var listeningElement = parentElement.querySelector('.listening');
  42. var receivedElement = parentElement.querySelector('.received');
  43. listeningElement.setAttribute('style', 'display:none;');
  44. receivedElement.setAttribute('style', 'display:block;');
  45. console.log('Received Event: ' + id);
  46. }
  47. };
  48. app.initialize();