Add initial SkyElement & city-list example

BUG= R=eseidel@chromium.org Review URL: https://codereview.chromium.org/698653002

Add initial SkyElement & city-list example
BUG= R=eseidel@chromium.org Review URL: https://codereview.chromium.org/698653002
fe0d6c74 · Rafael Weinstein · bcb84129 · fe0d6c74 · fe0d6c74 · fe0d6c74
Commit fe0d6c74 authored Oct 31, 2014 by Rafael Weinstein
4 changed files
--- a/examples/city-list/city-data-service.sky
+++ b/examples/city-list/city-data-service.sky
--- a/examples/city-list/city-list.sky
+++ b/examples/city-list/city-list.sky
--- a/examples/city-list/city-sequence.sky
+++ b/examples/city-list/city-sequence.sky
+<!--
+// Copyright 2014 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.
+-->
+<script>
+function StateHeader(state) {
+  this.state = state;
+  this.headerOrder = 1;
+};
+
+function LetterHeader(letter) {
+  this.letter = letter;
+  this.headerOrder = 2;
+}
+
+function CitySequence(cities)
+{
+  this.items = [];
+  this.cursor = 0;
+
+  var lastState;
+  var lastLetter;
+
+  for (var i = 0; i < cities.length; i++) {
+    var city = cities[i];
+    if (!lastState || lastState.state != city.state) {
+      lastState = new StateHeader(city.state);
+      this.items.push(lastState);
+      lastLetter = undefined;
+    }
+    if (!lastLetter || lastLetter.letter != city.name[0]) {
+      lastLetter = new LetterHeader(city.name[0]);
+      this.items.push(lastLetter);
+    }
+    this.items.push(city);
+  }
+};
+
+CitySequence.prototype = {
+  append: function(other) {
+    var lastCity = this.items[this.items.length - 1];
+    var firstOtherCity = other.items[2];
+
+    var index = 0;
+    if (firstOtherCity.state == lastCity.state) {
+      // skip StateHeader
+      if (firstOtherCity.name[0] == lastCity.name[0]) {
+        // skip LetterHeader
+        index = 2;
+      } else {
+        index = 1;
+      }
+    }
+
+    for (; index < other.items.length; index++) {
+      this.items.push(other.items[index]);
+    }
+  }
+};
+
+module.exports = CitySequence;
+
+</script>
--- a/examples/city-list/index.sky
+++ b/examples/city-list/index.sky
+<!--
+// Copyright 2014 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.
+-->
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport"
+      content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes, width=device-width">
+<link rel="import" href="city-list.sky" />
+<style>
+html, body {
+    margin: 0;
+    padding: 0;
+    font-family: "Roboto", "HelveticaNeue",sans-serif;
+    -webkit-font-smoothing: antialiased;
+    font-size: 13px;
+    color: #222;
+    width: 100%;
+    height: 100%;
+    -webkit-user-select: none;
+}
+</style>
+</head>
+<script>
+window.startLoad = new Date().getTime();
+</script>
+<body>
+  <city-list></city-list>
+</body>
+</html>