manually reset scroll position to 0 on list update and refresh. Fix #55

Toolwatchapp · Jul 28, 2016 · 2d6d74a · 2d6d74a
1 parent 854f7ba
commit 2d6d74a
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 6 deletions.
diff --git a/app/pages/dashboard/dashboard.html b/app/pages/dashboard/dashboard.html
@@ -19,7 +19,7 @@ <h1>{{ 'no-watch' | translate:{value: param} }}</h1>
       </ion-refresher-content>
     </ion-refresher>
 
-      <ion-list  *ngIf="user && user.watches.length != 0" >
+      <ion-list id="dash-list" *ngIf="user && user.watches.length != 0">
         <ion-item-sliding #slidingItem *ngFor="let watch of user.watches">
 
           <ion-item>

diff --git a/app/pages/dashboard/dashboard.ts b/app/pages/dashboard/dashboard.ts
@@ -1,4 +1,4 @@
-import {Component, ElementRef, EventEmitter, ViewChild} from '@angular/core';
+import {Component, ElementRef, EventEmitter} from '@angular/core';
 import {Alert, Nav, Loading, NavController, NavParams, ActionSheet, ItemSliding} from 'ionic-angular';
 import {LoginComponent} from 'tw-common/dist/app/directives/login/login.component';
 import {TwAPIService} from 'tw-common/dist/app/services/twapi.service';
@@ -20,7 +20,7 @@ import {ArethmeticSign} from 'tw-common/dist/app/pipes/arethmetic-sign.pipe';
 	directives: [Footer, Header]
 })
 export class DashboardPage {
-
+	
 	user:User;
 	WatchStatus = WatchStatus;
 	MeasureStatus = MeasureStatus;
@@ -39,13 +39,18 @@ export class DashboardPage {
 		DashboardPage.userChanged.subscribe(
 			user => {
 				this.user = user;
+				this.resetScroll();
 				console.log("user", this.user);
 			}
 		);
 
 		this.user = this.navParams.get('user');
 	}
 
+	resetScroll(){
+		this.elementRef.nativeElement.querySelector('#dash-list').scrollTop = 0;
+	}
+
 	updateWatch(watch:Watch, slidingItem: ItemSliding){
 		console.log(watch);
 		this.nav.push(WatchPage, {
@@ -138,6 +143,7 @@ export class DashboardPage {
 		this.twapi.getWatches().then(
 			res => {
 				this.user.watches = res;
+				this.resetScroll();
 				refresher.complete();
 			}
 		)

diff --git a/app/pages/header/header.html b/app/pages/header/header.html
@@ -1,4 +1,4 @@
-<i style="z-index: 10; display: block; position:absolute; top:30px; color: white;">v0.6.25</i>
+<i style="z-index: 10; display: block; position:absolute; top:30px; color: white;">v0.6.42</i>
 <ion-icon (click)="onBack()"  *ngIf="back" class="header left" name="md-arrow-back"></ion-icon>
  <ion-icon (click)="onChat()" *ngIf="chat" class="header right" name="ios-chatbubbles"></ion-icon>
 

diff --git a/config.xml b/config.xml
@@ -1,5 +1,5 @@
 <?xml version='1.0' encoding='utf-8'?>
-<widget id="Toolwatch.Toolwatch" version="0.6.25" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+<widget id="Toolwatch.Toolwatch" version="0.6.42" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
     <name>Toolwatch</name>
     <description>Measure the precision of your mechanical watches</description>
     <author email="[email protected]" href="https://toolwatch.io/">Mathieu Nayrolles</author>

diff --git a/package.json b/package.json
@@ -43,6 +43,6 @@
   ],
   "cordovaPlatforms": [],
   "name": "Toolwatch",
-  "version": "0.6.25",
+  "version": "0.6.42",
   "description": "Measure the precision of your mechanical watches"
 }