From 81e22d3c73da4ac56a60bb9861e245659f18677c Mon Sep 17 00:00:00 2001 From: Nikolay Tsonev Date: Wed, 26 Apr 2017 14:00:29 +0300 Subject: [PATCH] move the typescript code snippet to external file --- .../app/ui/web-view/web-view-code-snippet.ts | 30 ++++++++++ tests/app/ui/web-view/web-view.md | 57 +------------------ 2 files changed, 32 insertions(+), 55 deletions(-) create mode 100644 tests/app/ui/web-view/web-view-code-snippet.ts diff --git a/tests/app/ui/web-view/web-view-code-snippet.ts b/tests/app/ui/web-view/web-view-code-snippet.ts new file mode 100644 index 000000000..b85f5cc63 --- /dev/null +++ b/tests/app/ui/web-view/web-view-code-snippet.ts @@ -0,0 +1,30 @@ +// >> web-view-loaded +import { EventData } from 'data/observable'; +import { Page } from 'ui/page'; +import { HelloWorldModel } from './main-view-model'; +import { WebView } from "ui/web-view"; +import { isAndroid } from "platform" + + +export function navigatingTo(args: EventData) { + + let page = args.object; + + page.bindingContext = new HelloWorldModel(); +} + +export function webViewTouch(args){ + console.log("touch event"); +} + +export function webViewPan(args){ + console.log("pan gesture"); +} + +export function webViewLoaded(args){ + var webview:WebView = args.object; + if(isAndroid){ + webview.android.getSettings().setDisplayZoomControls(false); + } +} +// >> web-view-loaded \ No newline at end of file diff --git a/tests/app/ui/web-view/web-view.md b/tests/app/ui/web-view/web-view.md index 2b3583cf6..303f4708f 100644 --- a/tests/app/ui/web-view/web-view.md +++ b/tests/app/ui/web-view/web-view.md @@ -27,64 +27,11 @@ Using a WebView requires the web-view module. - + ``` -```TypeScript -import { EventData } from 'data/observable'; -import { Page } from 'ui/page'; -import { HelloWorldModel } from './main-view-model'; -import { WebView } from "ui/web-view"; -import { isAndroid } from "platform" +{%snippet web-view-loaded%} - -export function navigatingTo(args: EventData) { - - let page = args.object; - - page.bindingContext = new HelloWorldModel(); -} - -export function webviewtouch(args){ - console.log("touch event"); -} - -export function webviewpan(args){ - console.log("pan gesture"); -} - -export function webviewloaded(args){ - var webview:WebView = args.object; - if(isAndroid){ - webview.android.getSettings().setDisplayZoomControls(false); - } -} -``` - -```JavaScript -var main_view_model_1 = require("./main-view-model"); -var platform_1 = require("platform"); -function navigatingTo(args) { - var page = args.object; - page.bindingContext = new main_view_model_1.HelloWorldModel(); -} -exports.navigatingTo = navigatingTo; -function webviewtouch(args) { - console.log("touch event"); -} -exports.webviewtouch = webviewtouch; -function webviewpan(args) { - console.log("pan gesture"); -} -exports.webviewpan = webviewpan; -function webviewloaded(args) { - var webview = args.object; - if (platform_1.isAndroid) { - webview.android.getSettings().setDisplayZoomControls(false); - } -} -exports.webviewloaded = webviewloaded; -``` >Note: to be able to use gestures in `WebView` component on Android, we should first disabled the zoom control. To do that we could access the `android` property and with the help of `setDisplayZoomControls` to set this controll to `false`. \ No newline at end of file