Merge pull request #2 from mmnmm/master

add WebFM API app
mozillakr · Aug 8, 2013 · 085d082 · 085d082
2 parents cbe537c + 66c7519
commit 085d082
Show file tree

Hide file tree

Showing 68 changed files with 2,042 additions and 0 deletions.
diff --git a/WebFM/README.md b/WebFM/README.md
@@ -0,0 +1,8 @@
+WebFM API 사용하기
+=======================
+
+**소개**
+- WebFM API를 사용해서 샘플 앱을 작성합니다.
+
+**실행 방법**
+- Firefox OS Simulator를 이용하여, 구동해 볼 수 있습니다.
diff --git a/WebFM/index.html b/WebFM/index.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="pragma" content="no-cache" />
+    <title>FM Radio J</title>
+    <link rel="stylesheet" href="style/fm.css" type="text/css" />
+    <!--link rel="resource" type="application/l10n" href="locales/locales.ini" />
+    <script defer src="js/l10n.js"></script-->
+    <script defer src="js/async_storage.js"></script>
+    <script defer src="js/mouse_event_shim.js"></script>
+    <script defer src="js/fm.js"></script>
+
+  </head>
+
+  <body>
+    <div id="container">
+      <div id="frequency-bar">
+        <div id="frequency-display">
+          <div id="frequency-title"></div>
+          <a id="bookmark-button" href="#bookmark" data-bookmarked="false"></a>
+          <div id="frequency">0</div>
+        </div>
+      </div>
+      <div id="dialer-bar">
+        <div id="dialer-container">
+          <div id="frequency-indicator"></div>
+          <div id="frequency-dialer" class="animation-on"></div>
+        </div>
+      </div>
+      <div id="fav-list">
+        <div id="fav-list-container"></div>
+      </div>
+      <div id="action-bar">
+        <div>
+          <a id="frequency-op-seekdown" href="#seekdown"></a>
+        </div>
+        <div>
+          <a id="power-switch" href="#power-switch" data-enabled="false" data-enabling="false"><span></span></a>
+        </div>
+        <div>
+          <a id="frequency-op-seekup" href="#seekup"></a>
+        </div>
+      </div>
+    </div>
+    <div id="antenna-warning" class="warning" hidden>
+      <div></div>
+      <div id="antenna-warning-header" class="warning-header" data-l10n-id="noAntenna">헤드셋을 연결해주세요.</div>
+      <div id="antenna-warning-body" class="warning-body" data-l10n-id="noAntennaMsg">FM 라디오 신호를 수신하려면 헤드셋이 연결되어야 합니다.</div>
+    </div>
+    <div id="airplane-mode-warning" class="warning" hidden>
+      <div class="warning-header" data-l10n-id="airplaneModeHeader">비행 모드로 설정되어 있습니다.</div>
+      <div class="warning-body" data-l10n-id="airplaneModeMsg">FM 라디오를 사용하려면 비행 모드를 해지해주세요.</div>
+    </div>
+  </body>
+</html>
+
diff --git a/WebFM/js/async_storage.js b/WebFM/js/async_storage.js
@@ -0,0 +1,187 @@
+/* -*- Mode: Java; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- /
+/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab: */
+
+'use strict';
+
+/**
+ * This file defines an asynchronous version of the localStorage API, backed by
+ * an IndexedDB database.  It creates a global asyncStorage object that has
+ * methods like the localStorage object.
+ *
+ * To store a value use setItem:
+ *
+ *   asyncStorage.setItem('key', 'value');
+ *
+ * If you want confirmation that the value has been stored, pass a callback
+ * function as the third argument:
+ *
+ *  asyncStorage.setItem('key', 'newvalue', function() {
+ *    console.log('new value stored');
+ *  });
+ *
+ * To read a value, call getItem(), but note that you must supply a callback
+ * function that the value will be passed to asynchronously:
+ *
+ *  asyncStorage.getItem('key', function(value) {
+ *    console.log('The value of key is:', value);
+ *  });
+ *
+ * Note that unlike localStorage, asyncStorage does not allow you to store and
+ * retrieve values by setting and querying properties directly. You cannot just
+ * write asyncStorage.key; you have to explicitly call setItem() or getItem().
+ *
+ * removeItem(), clear(), length(), and key() are like the same-named methods of
+ * localStorage, but, like getItem() and setItem() they take a callback
+ * argument.
+ *
+ * The asynchronous nature of getItem() makes it tricky to retrieve multiple
+ * values. But unlike localStorage, asyncStorage does not require the values you
+ * store to be strings.  So if you need to save multiple values and want to
+ * retrieve them together, in a single asynchronous operation, just group the
+ * values into a single object. The properties of this object may not include
+ * DOM elements, but they may include things like Blobs and typed arrays.
+ *
+ * Unit tests are in apps/gallery/test/unit/asyncStorage_test.js
+ */
+
+this.asyncStorage = (function() {
+
+  var DBNAME = 'asyncStorage';
+  var DBVERSION = 1;
+  var STORENAME = 'keyvaluepairs';
+  var db = null;
+
+  function withStore(type, f) {
+    if (db) {
+      f(db.transaction(STORENAME, type).objectStore(STORENAME));
+    } else {
+      var openreq = indexedDB.open(DBNAME, DBVERSION);
+      openreq.onerror = function withStoreOnError() {
+        console.error("asyncStorage: can't open database:", openreq.error.name);
+      };
+      openreq.onupgradeneeded = function withStoreOnUpgradeNeeded() {
+        // First time setup: create an empty object store
+        openreq.result.createObjectStore(STORENAME);
+      };
+      openreq.onsuccess = function withStoreOnSuccess() {
+        db = openreq.result;
+        f(db.transaction(STORENAME, type).objectStore(STORENAME));
+      };
+    }
+  }
+
+  function getItem(key, callback) {
+    withStore('readonly', function getItemBody(store) {
+      var req = store.get(key);
+      req.onsuccess = function getItemOnSuccess() {
+        var value = req.result;
+        if (value === undefined)
+          value = null;
+        callback(value);
+      };
+      req.onerror = function getItemOnError() {
+        console.error('Error in asyncStorage.getItem(): ', req.error.name);
+      };
+    });
+  }
+
+  function setItem(key, value, callback) {
+    withStore('readwrite', function setItemBody(store) {
+      var req = store.put(value, key);
+      if (callback) {
+        req.onsuccess = function setItemOnSuccess() {
+          callback();
+        };
+      }
+      req.onerror = function setItemOnError() {
+        console.error('Error in asyncStorage.setItem(): ', req.error.name);
+      };
+    });
+  }
+
+  function removeItem(key, callback) {
+    withStore('readwrite', function removeItemBody(store) {
+      var req = store.delete(key);
+      if (callback) {
+        req.onsuccess = function removeItemOnSuccess() {
+          callback();
+        };
+      }
+      req.onerror = function removeItemOnError() {
+        console.error('Error in asyncStorage.removeItem(): ', req.error.name);
+      };
+    });
+  }
+
+  function clear(callback) {
+    withStore('readwrite', function clearBody(store) {
+      var req = store.clear();
+      if (callback) {
+        req.onsuccess = function clearOnSuccess() {
+          callback();
+        };
+      }
+      req.onerror = function clearOnError() {
+        console.error('Error in asyncStorage.clear(): ', req.error.name);
+      };
+    });
+  }
+
+  function length(callback) {
+    withStore('readonly', function lengthBody(store) {
+      var req = store.count();
+      req.onsuccess = function lengthOnSuccess() {
+        callback(req.result);
+      };
+      req.onerror = function lengthOnError() {
+        console.error('Error in asyncStorage.length(): ', req.error.name);
+      };
+    });
+  }
+
+  function key(n, callback) {
+    if (n < 0) {
+      callback(null);
+      return;
+    }
+
+    withStore('readonly', function keyBody(store) {
+      var advanced = false;
+      var req = store.openCursor();
+      req.onsuccess = function keyOnSuccess() {
+        var cursor = req.result;
+        if (!cursor) {
+          // this means there weren't enough keys
+          callback(null);
+          return;
+        }
+        if (n === 0) {
+          // We have the first key, return it if that's what they wanted
+          callback(cursor.key);
+        } else {
+          if (!advanced) {
+            // Otherwise, ask the cursor to skip ahead n records
+            advanced = true;
+            cursor.advance(n);
+          } else {
+            // When we get here, we've got the nth key.
+            callback(cursor.key);
+          }
+        }
+      };
+      req.onerror = function keyOnError() {
+        console.error('Error in asyncStorage.key(): ', req.error.name);
+      };
+    });
+  }
+
+  return {
+    getItem: getItem,
+    setItem: setItem,
+    removeItem: removeItem,
+    clear: clear,
+    length: length,
+    key: key
+  };
+}());
+