Merge pull request #42 from NativeScript/tsonevn_orientationchange

check device orientation

Author: tsonevn

nativescript-imagepicker/images.ios.js

@@ -1,12 +1,21 @@
 "use strict";
 var ui_frame = require("ui/frame");
+var application = require("application");
+var platform = require("platform");
 var page;
 var list;
 var album;
 function pageLoaded(args) {
     page = args.object;
     page.bindingContext = page.navigationContext;
     list = page.getViewById("images-list");
+    list.listViewLayout.spanCount = Math.floor(platform.screen.mainScreen.widthDIPs / 80);
+    application.on("orientationChanged", function (e) {
+        var currentPageWidth = platform.screen.mainScreen.heightDIPs;
+        console.log(currentPageWidth);
+        console.log(currentPageWidth);
+        list.listViewLayout.spanCount = Math.floor(currentPageWidth / 80);
+    });
 }
 exports.pageLoaded = pageLoaded;
 function done(args) {

nativescript-imagepicker/images.ios.ts

@@ -1,4 +1,6 @@
 import ui_frame = require("ui/frame");
+import application = require("application");
+import platform = require("platform");
 
 var page;
 var list;
@@ -10,9 +12,14 @@ export function pageLoaded(args) {
     list = page.getViewById("images-list");
 
     // Get the current Size, and then adjust the number of columns based on it...
-    var size = iOSProperty(UIScreen, UIScreen.mainScreen).bounds.size.width;
-    list.listViewLayout.spanCount = Math.floor(size / 80);
+    list.listViewLayout.spanCount = Math.floor(platform.screen.mainScreen.widthDIPs/80);
 
+    application.on("orientationChanged", function(e:application.OrientationChangedEventData){
+            var currentPageWidth = platform.screen.mainScreen.heightDIPs
+            console.log(currentPageWidth);
+            console.log(currentPageWidth);
+            list.listViewLayout.spanCount = Math.floor(currentPageWidth/80);
+    });
 }
 
 export function done(args) {
@@ -21,13 +28,4 @@ export function done(args) {
     topmost.goBack();
 
     page.bindingContext.imagePicker.done();
-}
-
-function iOSProperty(_this, property) {
-    if (typeof property === "function") {
-        return property.call(_this);
-    }
-    else {
-        return property;
-    }
 }

nativescript-imagepicker/package.json

@@ -18,7 +18,7 @@
   },
   "main": "viewmodel.js",
   "devDependencies": {
-    "tns-platform-declarations": "*",
+    "tns-platform-declarations": "next",
     "typescript": "^2.0.3"
   },
   "scripts": {

nativescript-imagepicker/viewmodel.ios.js

@@ -28,7 +28,7 @@ var ImagePicker = (function (_super) {
     ImagePicker.prototype.present = function () {
         var _this = this;
         if (this._resolve || this._reject) {
-            return Promise.reject(new Error("Selection is allready in progress..."));
+            return Promise.reject(new Error("Selection is already in progress..."));
         }
         else {
             return new Promise(function (resolve, reject) {
@@ -83,6 +83,13 @@ var ImagePicker = (function (_super) {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(ImagePicker.prototype, "newestFirst", {
+        get: function () {
+            return this._options && !!this._options.newestFirst;
+        },
+        enumerable: true,
+        configurable: true
+    });
     ImagePicker.prototype.cancel = function () {
         this.notifyCanceled();
     };
@@ -367,7 +374,12 @@ var AlbumPH = (function (_super) {
             this._setThumb = true;
             this.imagePicker.createPHImageThumb(this, asset);
         }
-        this.assets.push(item);
+        if (this.imagePicker.newestFirst) {
+            this.assets.unshift(item);
+        }
+        else {
+            this.assets.push(item);
+        }
     };
     return AlbumPH;
 }(Album));