Check new version and more

Author: ouzhenkun

config.xml

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8" standalone="yes"?>
-<widget id="me.zko.ionicnodeclub" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+<widget id="me.zko.ionicnodeclub" version="0.0.4" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
   <name>Ionic Nodeclub</name>
   <description>
-    一个Nodeclub开源社区系统的手机客户端；
+    一个Nodeclub开源社区系统的手机客户端;
     一个基于Ionic框架的hybrid HTML5 app。
   </description>
   <author email="i@zko.me" href="http://zko.me">

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ionic-nodeclub",
-  "version": "0.0.1",
+  "version": "0.0.4",
   "description": "An Ionic project",
   "dependencies": {},
   "devDependencies": {
@@ -19,10 +19,11 @@
     "org.apache.cordova.inappbrowser",
     "com.phonegap.plugins.barcodescanner",
     "com.verso.cordova.clipboard",
-    "nl.x-services.plugins.toast"
+    "nl.x-services.plugins.toast",
+    "uk.co.whiteoctober.cordova.appversion"
   ],
   "cordovaPlatforms": [
     "android",
     "ios"
   ]
-}
+}

www/app/settings/settings.controller.coffee

@@ -3,13 +3,42 @@ angular.module('ionic-nodeclub')
 .controller 'SettingsCtrl', (
   $scope
   settings
+  Restangular
+  $cordovaAppVersion
 ) ->
 
+  versionCompare = (v1, v2) ->
+    return 0 if !v1 or !v2
+    v1parts = v1.split('.').map(Number)
+    v2parts = v2.split('.').map(Number)
+    if v1parts.length > v2parts.length
+      return 1
+    if v1parts.length < v2parts.length
+      return -1
+    for i in [0...v1parts.length]
+      if v1parts[i] is v2parts[i]
+        continue
+      else if v1parts[i] > v2parts[i]
+        return 1
+      else
+        return -1
+    return 0
+
+  if window.cordova
+    $cordovaAppVersion.getAppVersion()
+      .then (version) ->
+        $scope.appVersion = version
+
   angular.extend $scope,
     settings: settings.get()
+    appVersion: null
+    newVersionData: null
     updateSettings: ->
       settings.set($scope.settings)
 
-  # TODO
-  # 1.打包的时候设置当前版本
-  # 2.自动检查更新: http://fir.im/api/v2/app/version/5540b7aefe9978f3100002f4
+  Restangular
+    .oneUrl('getNewVersion', 'http://fir.im/api/v2/app/version/5540b7aefe9978f3100002f4')
+    .get()
+    .then (newVersionData) ->
+      $scope.newVersionData = newVersionData
+      $scope.hasNewVersion = versionCompare($scope.newVersionData.versionShort, $scope.appVersion)

www/app/settings/settings.html

@@ -28,8 +28,19 @@
        </label>
       </div>
 
-      <div class="item">
-        当前版本<span class="item-note">v0.001</span>
+      <div class="item"
+           ng-if="appVersion">
+        当前版本<span class="item-note">{{::appVersion}}</span>
+      </div>
+      <div class="item"
+           ng-if="appVersion && hasNewVersion">
+        <a class="button button-positive button-full"
+           external-link="{{::newVersionData.installUrl}}">
+          下载更新
+          <small class="text-note">
+            {{::newVersionData.versionShort}}
+          </small>
+        </a>
       </div>
 
     </div>