Dev: added header to the list view

Author: SonoIo

lib/listviews/ListView.js

@@ -61,7 +61,8 @@ export default class ListView extends BaseView {
 			emptyText: '',
 			delayedRender: 0,
 			headerView: null, // view to print on the header
-			headerSize: 0 // height of the header in a vertical listview or width in an horizontal listview
+			headerSize: 0, // height of the header in a vertical listview or width in an horizontal listview
+			changeDirectionPan: 50
 		});
 
 		this.items = [];
@@ -84,6 +85,7 @@ export default class ListView extends BaseView {
 		this.touchY = 0;
 		this.direction = null;
 		this.previousDirection = null;
+		this.startChangeDirectionAt = null;
 
 		this.setCollection(this.collection);
 
@@ -481,6 +483,12 @@ export default class ListView extends BaseView {
 		// TODO: animate scroll
 		this.pause();
 		this.el.scrollTop = 0;
+		// Trigger change:direction when user taps the status bar
+		this.direction = DOWN_TOP;
+		if (this.direction != this.previousDirection) {
+			this.trigger('change:direction', this.direction);
+			this.previousDirection = this.direction;
+		}
 		this.resume();
 	}
 
@@ -500,9 +508,15 @@ export default class ListView extends BaseView {
 			let y = this.y = -this.el.scrollTop;
 			this.direction = y < this.previousY ? TOP_DOWN : DOWN_TOP;
 			if (this.direction != this.previousDirection && y < 0) {
-				this.trigger('change:direction', this.direction);
+				this.startChangeDirectionAt = y;
 				this.previousDirection = this.direction;
 			}
+
+			if (this.startChangeDirectionAt !== null && Math.abs(this.startChangeDirectionAt - y) > this.options.changeDirectionPan) {
+				this.startChangeDirectionAt = null;
+				this.trigger('change:direction', this.direction);
+			}
+
 			this.previousY = y;
 			startIndex = this.getStartIndex();
 			endIndex   = this.getEndIndex();