Initial commit. Add infinite scroll component. Demo working.

Author: lujakob

.editorconfig

@@ -0,0 +1,17 @@
+# EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+
+# We recommend you to keep these unchanged
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.gitignore

@@ -0,0 +1,34 @@
+# Specifies intentionally untracked files to ignore when using Git
+# http://git-scm.com/docs/gitignore
+
+*~
+*.sw[mnpcod]
+*.log
+*.tmp
+*.tmp.*
+log.txt
+*.sublime-project
+*.sublime-workspace
+.vscode/
+npm-debug.log*
+
+.idea/
+.sass-cache/
+.tmp/
+.versions/
+coverage/
+dist/
+node_modules/
+tmp/
+temp/
+hooks/
+platforms/
+plugins/
+plugins/android.json
+plugins/ios.json
+www/
+$RECYCLE.BIN/
+
+.DS_Store
+Thumbs.db
+UserInterfaceState.xcuserstate

README.md

@@ -0,0 +1,17 @@
+# Ionic2 two way infinite scroll component example
+
+### Description
+
+This is a custom infinite scroll component implementation that works in two ways and replaces data instead of adding to it, to prevent DOM stuffing. Basically it's a duplication of the original Ionic2 infinite scroll component (http://ionicframework.com/docs/v2/api/components/infinite-scroll/InfiniteScroll/). After reloading the new data, the content scrolls automatically the the first visible list item before loading. For testing purposes there is a node server that mocks data from a json file.
+
+### How to run demo
+
+* Download the repo and run npm install to install dependencies
+* change directory into 'mock-backend' and run 'node server.js'
+* try to open 'http://localhost:3333/clients' to test the server
+* run 'ionic serve' to run the ionic application 
+
+### Problems
+
+* If the infinite is loaded twice, maybe the browser height is to high.
+* Maybe adjust the constants in content.utils.js 

config.xml

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<widget id="com.ionicframework.ionicinfinitescrollexample355670" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+  <name>ionic-infinite-scroll-example</name>
+  <description>An awesome Ionic/Cordova app.</description>
+  <author email="hi@ionicframework" href="http://ionicframework.com/">Ionic Framework Team</author>
+  <content src="index.html"/>
+  <access origin="*"/>
+  <allow-intent href="http://*/*"/>
+  <allow-intent href="https://*/*"/>
+  <allow-intent href="tel:*"/>
+  <allow-intent href="sms:*"/>
+  <allow-intent href="mailto:*"/>
+  <allow-intent href="geo:*"/>
+  <platform name="android">
+    <allow-intent href="market:*"/>
+  </platform>
+  <platform name="ios">
+    <allow-intent href="itms:*"/>
+    <allow-intent href="itms-apps:*"/>
+  </platform>
+  <preference name="webviewbounce" value="false"/>
+  <preference name="UIWebViewBounce" value="false"/>
+  <preference name="DisallowOverscroll" value="true"/>
+  <preference name="android-minSdkVersion" value="16"/>
+  <preference name="BackupWebStorage" value="none"/>
+  <preference name="SplashMaintainAspectRatio" value="true"/>
+  <preference name="FadeSplashScreenDuration" value="300"/>
+  <feature name="StatusBar">
+    <param name="ios-package" onload="true" value="CDVStatusBar"/>
+  </feature>
+</widget>

ionic.config.json

@@ -0,0 +1,6 @@
+{
+  "name": "ionic-infinite-scroll-example",
+  "app_id": "",
+  "v2": true,
+  "typescript": true
+}