firka/flutter
firka/flutter
5
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add city-list example tests to sky

Browse Source 
BUG=
R=abarth@chromium.org

Review URL: https://codereview.chromium.org/708633002
This commit is contained in:
Rafael Weinstein 2014-11-05 17:58:57 -08:00
parent f1f2a12b97
commit 4fd0160716
1 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
examples/city-list/city-list.sky
View File

@ -7,7 +7,7 @@
<import src="city-data-service.sky" as="CityDataService" /> <import src="city-data-service.sky" as="CityDataService" />
<import src="city-sequence.sky" as="CitySequence" /> <import src="city-sequence.sky" as="CitySequence" />
<template> <template>
<style> <style>
div { div {
font-size: 16px; font-size: 16px;
@ -158,7 +158,8 @@ SkyElement({
var LOAD_BUFFER_PRE = LOAD_LENGTH * 4; var LOAD_BUFFER_PRE = LOAD_LENGTH * 4;
var LOAD_BUFFER_POST = LOAD_LENGTH * 4; var LOAD_BUFFER_POST = LOAD_LENGTH * 4;
function Loader() { function Loader(cityList) {
this.cityList = cityList;
this.loadingData = false; this.loadingData = false;
this.data = null; this.data = null;
this.zeroIndex = 0; this.zeroIndex = 0;
@ -177,8 +178,8 @@ SkyElement({
return this.data ? this.data.items : []; return this.data ? this.data.items : [];
} }
Loader.prototype.maybeLoadMoreData = function(dataloadedCallback, Loader.prototype.maybeLoadMoreData =
firstVisible) { function(dataloadedCallback, firstVisible) {
if (this.loadingData) if (this.loadingData)
return; return;
@ -197,7 +198,14 @@ SkyElement({
} }
var loadTime; var loadTime;
if (loadedPre >= LOAD_BUFFER_PRE && loadedPost >= LOAD_BUFFER_POST) { if (loadedPre >= LOAD_BUFFER_PRE &&
loadedPost >= LOAD_BUFFER_POST) {
var cityList = this.cityList;
setTimeout(function() {
cityList.dispatchEvent(new Event('load'));
});
if (window.startLoad) { if (window.startLoad) {
loadTime = new Date().getTime() - window.startLoad; loadTime = new Date().getTime() - window.startLoad;
console.log('Load: ' + loadTime + 'ms'); console.log('Load: ' + loadTime + 'ms');
@ -537,7 +545,7 @@ SkyElement({
attached: function() { attached: function() {
this.views = {}; this.views = {};
this.loader = new Loader(); this.loader = new Loader(this);
this.scroller = new Scroller(); this.scroller = new Scroller();
this.tiler = new Tiler( this.tiler = new Tiler(
this.shadowRoot.getElementById('contentarea'), this.views, { this.shadowRoot.getElementById('contentarea'), this.views, {
@ -547,11 +555,12 @@ SkyElement({
}); });
this.dataLoaded = this.dataLoaded.bind(this); this.dataLoaded = this.dataLoaded.bind(this);
this.shadowRoot.getElementById('scroller') this.scrollerElement = this.shadowRoot.getElementById('scroller');
.addEventListener('scroll', this.handleScroll.bind(this)); this.scrollerElement.addEventListener('scroll',
this.handleScroll.bind(this));
var self = this; var self = this;
requestAnimationFrame(function() { setTimeout(function() {
self.domReady(); self.domReady();
self.loader.maybeLoadMoreData(self.dataLoaded); self.loader.maybeLoadMoreData(self.dataLoaded);
}); });