test: demo app update

Author: farfromrefug

demo-vue/references.d.ts

@@ -1,5 +1,5 @@
-/// <reference path="./node_modules/tns-platform-declarations/ios.d.ts" />
-/// <reference path="./node_modules/tns-platform-declarations/android.d.ts" />
+/// <reference path="./node_modules/@nativescript/types-ios/lib/ios.d.ts" />
+/// <reference path="./node_modules/@nativescript/types-android/lib/android-26.d.ts" />
 /// <reference path="../src/references.d.ts" />
 
 // typings/custom.d.ts

demo/app/examples/appLogger.ts

@@ -4,7 +4,7 @@ import { Label } from '@nativescript/core/ui/label';
 
 export function writeToOutputLabel(imageView: Img, message: string) {
     const gridLayout = imageView.parent as GridLayout;
-    const label = gridLayout.getViewById('outputLabel');
+    const label = gridLayout.getViewById('outputLabel') as Label;
     console.log(message);
     label.text += '\n' + message;
 }

demo/app/examples/cache-fragment.ts

@@ -2,16 +2,16 @@ import { EventData } from '@nativescript/core/data/observable';
 import { Button } from '@nativescript/core/ui/button';
 import { GridLayout } from '@nativescript/core/ui/layouts/grid-layout';
 import { Label } from '@nativescript/core/ui/label';
-import * as imageModel from '@nativescript-community/ui-image';
+import { Img, getImagePipeline  } from '@nativescript-community/ui-image';
 import { writeToOutputLabel } from './appLogger';
 
 const src = 'https://raw.githubusercontent.com/nativescript-community/ui-image/master/examples-data/breakfast1.jpg';
 
 export function onCheckCache(args: EventData) {
     const button = args.object as Button;
     const gridLayout = button.parent as GridLayout;
-    const imageView = gridLayout.getViewById('imageView');
-    const imagePipeLine = imageModel.getImagePipeline();
+    const imageView = gridLayout.getViewById('imageView') as Img;
+    const imagePipeLine = getImagePipeline();
     const isInCache = imagePipeLine.isInBitmapMemoryCache(src);
     writeToOutputLabel(imageView, '>>>>> Image is in the Bitmap memory cache - ' + isInCache);
 
@@ -25,8 +25,8 @@ export function onCheckCache(args: EventData) {
 export function onClearCache(args: EventData) {
     const button = args.object as Button;
     const gridLayout = button.parent as GridLayout;
-    const imageView = gridLayout.getViewById('imageView');
-    const imagePipeLine = imageModel.getImagePipeline();
+    const imageView = gridLayout.getViewById('imageView') as Img;
+    const imagePipeLine = getImagePipeline();
     writeToOutputLabel(imageView, '>>>>> Clearning cache');
 
     imagePipeLine.clearCaches();
@@ -35,15 +35,15 @@ export function onClearCache(args: EventData) {
 export function onSetImage(args: EventData) {
     const button = args.object as Button;
     const gridLayout = button.parent as GridLayout;
-    const imageView = gridLayout.getViewById('imageView');
+    const imageView = gridLayout.getViewById('imageView') as Img;
     imageView.src = null;
     imageView.src = src;
 }
 
 export function onResetImage(args: EventData) {
     const button = args.object as Button;
     const gridLayout = button.parent as GridLayout;
-    const imageView = gridLayout.getViewById('imageView');
+    const imageView = gridLayout.getViewById('imageView') as Img;
     writeToOutputLabel(imageView, ">>>>> Refreshing cache and 'src'");
 
     imageView.updateImageUri();

demo/app/examples/nativecolorfilter-fragment.ts

@@ -2,7 +2,7 @@ import { Img } from '@nativescript-community/ui-image';
 
 export function onLoaded(args) {
     const imageView = args.object as Img;
-    if (imageView.android) {
+    if (global.isAndroid) {
         const matrix: android.graphics.ColorMatrix = new android.graphics.ColorMatrix();
         matrix.setSaturation(0);
         const filter: android.graphics.ColorMatrixColorFilter = new android.graphics.ColorMatrixColorFilter(

demo/app/examples/single-fragment.ts

@@ -1,4 +1,4 @@
-import { EventData } from '@nativescript/core/ui/page';
+import { EventData } from '@nativescript/core';
 
 export function onImageTap(args: EventData) {
     console.log('onImageTap', args);

demo/references.d.ts

@@ -1,3 +1,2 @@
-/// <reference path="./node_modules/tns-platform-declarations/android-26.d.ts" />
-/// <reference path="./node_modules/tns-platform-declarations/ios.d.ts" />
-/// <reference path="../src/references.d.ts" />
+/// <reference path="./node_modules/@nativescript/types-ios/lib/ios.d.ts" />
+/// <reference path="./node_modules/@nativescript/types-android/lib/android-26.d.ts" />