javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-11-05 13:26:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(tslint): update tslint rules and fix errors (#5747)

Browse Source 
* chore(tslint): fix tslint config & errors
* chore(tslint): enable double quotes, whitespace, and arrow-return-shorthand rules and fix errors
This commit is contained in:
Manol Donev
2018-04-26 18:36:32 +03:00
committed by GitHub
parent a767c8efd4
commit 03cfc0cee3
152 changed files with 2198 additions and 2185 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/app/css-perf-test/main-page.ts
View File

@@ -1,4 +1,4 @@
import {EventData as ObservableEventData} from "tns-core-modules/data/observable";
import {EventData as ObservableEventData } from "tns-core-modules/data/observable";
export function navigatedTo(args: ObservableEventData) {
setTimeout(() => {

2
apps/app/css-perf-test/root.ts
View File

@@ -1,4 +1,4 @@
import {Page} from "tns-core-modules/ui/page";
import { Page } from "tns-core-modules/ui/page";
export function onTap(args: any) {
(<any>global).startTime = (<any>global).time();

10
apps/app/cuteness.io/main-page.ts
View File

@@ -1,8 +1,8 @@
import {EventData as ObservableEventData} from "tns-core-modules/data/observable";
import {Page} from "tns-core-modules/ui/page";
import {ItemEventData as ListViewItemEventData} from "tns-core-modules/ui/list-view";
import {topmost as topmostFrame} from "tns-core-modules/ui/frame";
import {AppViewModel} from "./reddit-app-view-model";
import {EventData as ObservableEventData } from "tns-core-modules/data/observable";
import { Page } from "tns-core-modules/ui/page";
import {ItemEventData as ListViewItemEventData } from "tns-core-modules/ui/list-view";
import {topmost as topmostFrame } from "tns-core-modules/ui/frame";
import { AppViewModel } from "./reddit-app-view-model";
var appViewModel = new AppViewModel();

2
apps/app/devtools-app/main-page.ts
View File

@@ -30,7 +30,7 @@ export function navigate() {
frame.topmost().navigate("gallery-app/main-page");
}
export function change(args){
export function change(args) {
args.object.text = "hi " + Math.random();
}

2
apps/app/modaltest/main-page.ts
View File

@@ -26,7 +26,7 @@ export function onTap3(args: EventData) {
}
function closeModal() {
console.log('closeModal Called');
console.log("closeModal Called");
}
export function sync(args: EventData) {

2
apps/app/modaltest/modal-tab.ts
View File

@@ -1,6 +1,6 @@
import { View, EventData } from "tns-core-modules/ui/core/view";
const colors = ['red', 'orange', 'magenta'];
const colors = ["red", "orange", "magenta"];
let x = 0;
export function onLoaded(args) {

6
apps/app/navigation-app/main-page.ts
View File

@@ -1,6 +1,6 @@
import { EventData } from 'tns-core-modules/data/observable';
import { Page, NavigatedData } from 'tns-core-modules/ui/page';
import { topmost, NavigationEntry } from 'tns-core-modules/ui/frame';
import { EventData } from "tns-core-modules/data/observable";
import { Page, NavigatedData } from "tns-core-modules/ui/page";
import { topmost, NavigationEntry } from "tns-core-modules/ui/frame";
export function nav() {
const e: NavigationEntry = {

2
apps/app/perf-app/flexbox/main-page.ts
View File

@@ -1,4 +1,4 @@
import {TabView} from "tns-core-modules/ui/tab-view";
import { TabView } from "tns-core-modules/ui/tab-view";
import * as utils from "tns-core-modules/utils/utils";
const titles = ["Etiam lacinia", "Imperdiet ante", "A interdum", "Quisque tempus", "Sodales viverra"];

20
apps/app/perf-app/properties/tests.ts
View File

@@ -4,7 +4,7 @@ import { Label } from "tns-core-modules/ui/label";
const average = 3;
const noValue = "noValue";
const colors = ['red', 'green'];
const colors = ["red", "green"];
export function addRemove(counts: Array<number>, parent: LayoutBase): string {
let result = `addRemove`;
@@ -29,7 +29,7 @@ export function addRemove(counts: Array<number>, parent: LayoutBase): string {
}
export function setText(counts: Array<number>, parent?: LayoutBase): string {
let result = `setText ${parent ? 'with nativeView' : ''}`;
let result = `setText ${parent ? "with nativeView" : ""}`;
counts.forEach((count) => {
const lbl = setup(parent);
const time = executeTest(() => {
@@ -44,7 +44,7 @@ export function setText(counts: Array<number>, parent?: LayoutBase): string {
}
export function setBackgroundColor(counts: Array<number>, parent?: LayoutBase): string {
let result = `setBackgroundColor ${parent ? 'with nativeView' : ''}`;
let result = `setBackgroundColor ${parent ? "with nativeView" : ""}`;
counts.forEach((count) => {
if (parent && count > 10000) {
result += setResultTime(noValue);
@@ -66,7 +66,7 @@ export function setBackgroundColor(counts: Array<number>, parent?: LayoutBase):
const borders = [1, 2, 3];
export function setBorderWidths(counts: Array<number>, parent?: LayoutBase): string {
let result = `setBorderWidths ${parent ? 'with nativeView' : ''}`;
let result = `setBorderWidths ${parent ? "with nativeView" : ""}`;
counts.forEach((count) => {
if (count > 10000 && parent) {
result += setResultTime(noValue);
@@ -90,7 +90,7 @@ export function setBorderWidths(counts: Array<number>, parent?: LayoutBase): str
}
export function setColor(counts: Array<number>, parent?: LayoutBase): string {
let result = `setColor ${parent ? 'with nativeView' : ''}`;
let result = `setColor ${parent ? "with nativeView" : ""}`;
counts.forEach((count) => {
const lbl = setup(parent);
const style = lbl.style;
@@ -128,7 +128,7 @@ export function setColorWithParents(counts: Array<number>, parent: LayoutBase):
const fontSizes = [10, 20];
export function setFontSize(counts: Array<number>, parent?: LayoutBase): string {
let result = `setFontSize ${parent ? 'with nativeView' : ''}`;
let result = `setFontSize ${parent ? "with nativeView" : ""}`;
counts.forEach((count) => {
const lbl = setup(parent);
const style = lbl.style;
@@ -165,13 +165,13 @@ export function setFontSizeWithParents(counts: Array<number>, parent: LayoutBase
}
export function setFontWeight(counts: Array<number>, parent?: LayoutBase): string {
let result = `setFontWeight ${parent ? 'with nativeView' : ''}`;
let result = `setFontWeight ${parent ? "with nativeView" : ""}`;
counts.forEach((count) => {
const lbl = setup(parent);
const style = lbl.style;
const time = executeTest(() => {
for (let i = 0; i < count; i++) {
style.fontWeight = i % 2 === 0 ? 'bold' : 'normal';
style.fontWeight = i % 2 === 0 ? "bold" : "normal";
}
});
result += setResultTime(time);
@@ -192,7 +192,7 @@ export function setFontWeightWithParents(counts: Array<number>, parent: LayoutBa
setupParents(parent);
const time = executeTest(() => {
for (let i = 0; i < count; i++) {
style.fontWeight = i % 2 === 0 ? 'bold' : 'normal'
style.fontWeight = i % 2 === 0 ? "bold" : "normal"
}
});
result += setResultTime(time);
@@ -202,7 +202,7 @@ export function setFontWeightWithParents(counts: Array<number>, parent: LayoutBa
}
export function setBindingContext(counts: Array<number>, parent?: LayoutBase): string {
let result = `setBindingContext ${parent ? 'with nativeView' : ''}`;
let result = `setBindingContext ${parent ? "with nativeView" : ""}`;
counts.forEach((count) => {
const lbl = setup(parent);
const time = executeTest(() => {

2
apps/app/perf-app/recycling/main-page.ts
View File

@@ -56,7 +56,7 @@ export function onTap(args) {
result.text += line + "\n";
}
let text = '';//"Count";
let text = ""; //"Count";
// c.forEach(e => {
// text += `\t${e}`;
// });

406
apps/app/perf-app/recycling/tests.ts
View File

@@ -1,40 +1,40 @@
import { time } from 'tns-core-modules/profiling';
import { ActionBar } from 'tns-core-modules/ui/action-bar';
import { ActivityIndicator } from 'tns-core-modules/ui/activity-indicator';
import { Border } from 'tns-core-modules/ui/border';
import { Button } from 'tns-core-modules/ui/button';
import { ContentView } from 'tns-core-modules/ui/content-view';
import { DatePicker } from 'tns-core-modules/ui/date-picker';
import { HtmlView } from 'tns-core-modules/ui/html-view';
import { Image } from 'tns-core-modules/ui/image';
import { Label } from 'tns-core-modules/ui/label';
import { AbsoluteLayout } from 'tns-core-modules/ui/layouts/absolute-layout';
import { DockLayout } from 'tns-core-modules/ui/layouts/dock-layout';
import { FlexboxLayout } from 'tns-core-modules/ui/layouts/flexbox-layout';
import { GridLayout } from 'tns-core-modules/ui/layouts/grid-layout';
import { StackLayout } from 'tns-core-modules/ui/layouts/stack-layout';
import { WrapLayout } from 'tns-core-modules/ui/layouts/wrap-layout';
import { ListPicker } from 'tns-core-modules/ui/list-picker';
import { ListView } from 'tns-core-modules/ui/list-view';
import { Page } from 'tns-core-modules/ui/page';
import { Progress } from 'tns-core-modules/ui/progress';
import { Repeater } from 'tns-core-modules/ui/repeater';
import { SegmentedBar } from 'tns-core-modules/ui/segmented-bar';
import { Switch } from 'tns-core-modules/ui/switch';
import { TabView } from 'tns-core-modules/ui/tab-view';
import { TextField } from 'tns-core-modules/ui/text-field';
import { TextView } from 'tns-core-modules/ui/text-view';
import { TimePicker } from 'tns-core-modules/ui/time-picker';
import { View } from 'tns-core-modules/ui/core/view';
import { FormattedString, Span } from 'tns-core-modules/text/formatted-string';
import { _getProperties, _getStyleProperties } from 'tns-core-modules/ui/core/properties';
import { time } from "tns-core-modules/profiling";
import { ActionBar } from "tns-core-modules/ui/action-bar";
import { ActivityIndicator } from "tns-core-modules/ui/activity-indicator";
import { Border } from "tns-core-modules/ui/border";
import { Button } from "tns-core-modules/ui/button";
import { ContentView } from "tns-core-modules/ui/content-view";
import { DatePicker } from "tns-core-modules/ui/date-picker";
import { HtmlView } from "tns-core-modules/ui/html-view";
import { Image } from "tns-core-modules/ui/image";
import { Label } from "tns-core-modules/ui/label";
import { AbsoluteLayout } from "tns-core-modules/ui/layouts/absolute-layout";
import { DockLayout } from "tns-core-modules/ui/layouts/dock-layout";
import { FlexboxLayout } from "tns-core-modules/ui/layouts/flexbox-layout";
import { GridLayout } from "tns-core-modules/ui/layouts/grid-layout";
import { StackLayout } from "tns-core-modules/ui/layouts/stack-layout";
import { WrapLayout } from "tns-core-modules/ui/layouts/wrap-layout";
import { ListPicker } from "tns-core-modules/ui/list-picker";
import { ListView } from "tns-core-modules/ui/list-view";
import { Page } from "tns-core-modules/ui/page";
import { Progress } from "tns-core-modules/ui/progress";
import { Repeater } from "tns-core-modules/ui/repeater";
import { SegmentedBar } from "tns-core-modules/ui/segmented-bar";
import { Switch } from "tns-core-modules/ui/switch";
import { TabView } from "tns-core-modules/ui/tab-view";
import { TextField } from "tns-core-modules/ui/text-field";
import { TextView } from "tns-core-modules/ui/text-view";
import { TimePicker } from "tns-core-modules/ui/time-picker";
import { View } from "tns-core-modules/ui/core/view";
import { FormattedString, Span } from "tns-core-modules/text/formatted-string";
import { _getProperties, _getStyleProperties } from "tns-core-modules/ui/core/properties";
declare var __startCPUProfiler;
declare var __stopCPUProfiler;
const count = 200;
export function testSetup(layout: StackLayout): string {
setupSetters();
return '';
return "";
}
export function testFlexboxLayout(layout: StackLayout): string {
@@ -133,47 +133,47 @@ function test(layout: StackLayout, createView: () => View, count: number): strin
const viewMap1 = new Map<string, any>();
const cssMap1 = new Map<string, any>();
viewMap1.set('isEnabled', false);
viewMap1.set("isEnabled", false);
let result = execute(layout, createView, count, viewMap1, cssMap1)
viewMap1.set('text', 'text');
viewMap1.set('automationText', "automationText");
cssMap1.set('width', 100);
cssMap1.set('height', 100);
cssMap1.set('rotate', '90');
viewMap1.set("text", "text");
viewMap1.set("automationText", "automationText");
cssMap1.set("width", 100);
cssMap1.set("height", 100);
cssMap1.set("rotate", "90");
result += execute(layout, createView, count, viewMap1, cssMap1)
viewMap1.set('clipToBounds', false);
viewMap1.set('left', '20');
viewMap1.set('top', '20');
viewMap1.set('dock', 'top');
viewMap1.set('stretchLastChild', false);
viewMap1.set("clipToBounds", false);
viewMap1.set("left", "20");
viewMap1.set("top", "20");
viewMap1.set("dock", "top");
viewMap1.set("stretchLastChild", false);
cssMap1.set('paddingLeft', '30px');
cssMap1.set('paddingTop', '30px');
cssMap1.set('paddingRight', '30px');
cssMap1.set('paddingBottom', '30px');
cssMap1.set('horizontalAlignment', 'center');
cssMap1.set('verticalAlignment', 'center');
cssMap1.set("paddingLeft", "30px");
cssMap1.set("paddingTop", "30px");
cssMap1.set("paddingRight", "30px");
cssMap1.set("paddingBottom", "30px");
cssMap1.set("horizontalAlignment", "center");
cssMap1.set("verticalAlignment", "center");
result += execute(layout, createView, count, viewMap1, cssMap1)
viewMap1.set('row', '1');
viewMap1.set('rowSpan', '2');
viewMap1.set('col', '1');
viewMap1.set('colSpan', '2');
viewMap1.set("row", "1");
viewMap1.set("rowSpan", "2");
viewMap1.set("col", "1");
viewMap1.set("colSpan", "2");
cssMap1.set('rotate', '90');
cssMap1.set('scaleX', 2);
cssMap1.set('scaleY', 2);
cssMap1.set('translateX', 20);
cssMap1.set('translateY', 20);
cssMap1.set('clipPath', 'inset(100px 50px)');
cssMap1.set('color', 'red');
cssMap1.set('tintColor', 'green');
cssMap1.set('placeholderColor', 'green');
cssMap1.set('backgroundColor', 'red');
cssMap1.set('backgroundImage', '~/logo.png');
cssMap1.set("rotate", "90");
cssMap1.set("scaleX", 2);
cssMap1.set("scaleY", 2);
cssMap1.set("translateX", 20);
cssMap1.set("translateY", 20);
cssMap1.set("clipPath", "inset(100px 50px)");
cssMap1.set("color", "red");
cssMap1.set("tintColor", "green");
cssMap1.set("placeholderColor", "green");
cssMap1.set("backgroundColor", "red");
cssMap1.set("backgroundImage", "~/logo.png");
result += execute(layout, createView, count, viewMap1, cssMap1)
result += execute(layout, createView, count, setters, cssSetters);
@@ -214,10 +214,10 @@ function profile(layout: StackLayout, createView: () => View, count: number, rec
viewProps: Map<string, any>, cssProps: Map<string, any>): { time: number, count: number } {
const view = createView();
view.recycleNativeView = recycle ? 'always' : 'never';
view.recycleNativeView = recycle ? "always" : "never";
const style = view.style;
// DatePicker throws OOM
const c = view.typeName === 'DatePicker' ? 1 : 5;
const c = view.typeName === "DatePicker" ? 1 : 5;
let total = 0;
let x = 0;
for (let i = 0; i < c; i++) {
@@ -260,125 +260,125 @@ function setupSetters(): void {
setters = new Map<string, any>();
// view-base
setters.set('id', "someId");
setters.set('className', "someClassName");
setters.set('bindingContext', "someBindingContext");
setters.set("id", "someId");
setters.set("className", "someClassName");
setters.set("bindingContext", "someBindingContext");
// view
setters.set('automationText', "automationText");
setters.set('originX', 0.2);
setters.set('originY', 0.2);
setters.set('isEnabled', false);
setters.set('isUserInteractionEnabled', false);
setters.set("automationText", "automationText");
setters.set("originX", 0.2);
setters.set("originY", 0.2);
setters.set("isEnabled", false);
setters.set("isUserInteractionEnabled", false);
// action-bar
setters.set('title', 'title');
setters.set('text', 'text');
setters.set('icon', '~/logo.png');
setters.set('visibility', 'collapse');
setters.set("title", "title");
setters.set("text", "text");
setters.set("icon", "~/logo.png");
setters.set("visibility", "collapse");
// activity-indicator
setters.set('busy', true);
setters.set("busy", true);
// date-picker
setters.set('year', '2010');
setters.set('month', '2');
setters.set('day', '2');
setters.set('maxDate', '2100');
setters.set('minDate', '2000');
setters.set('date', new Date(2011, 3, 3));
setters.set("year", "2010");
setters.set("month", "2");
setters.set("day", "2");
setters.set("maxDate", "2100");
setters.set("minDate", "2000");
setters.set("date", new Date(2011, 3, 3));
// editable-text
setters.set('keyboardType', 'datetime');
setters.set('returnKeyType', 'done');
setters.set('editable', false);
setters.set('updateTextTrigger', 'focusLost');
setters.set('autocapitalizationType', 'words');
setters.set('autocorrect', true);
setters.set('hint', 'hint');
setters.set('maxLength', '10');
setters.set("keyboardType", "datetime");
setters.set("returnKeyType", "done");
setters.set("editable", false);
setters.set("updateTextTrigger", "focusLost");
setters.set("autocapitalizationType", "words");
setters.set("autocorrect", true);
setters.set("hint", "hint");
setters.set("maxLength", "10");
// html-view
setters.set('html', '<a></a>');
setters.set("html", "<a></a>");
// image-view
setters.set('imageSource', '');
setters.set('src', '');
setters.set('loadMode', 'async');
setters.set('isLoading', true);
setters.set('stretch', 'none');
setters.set("imageSource", "");
setters.set("src", "");
setters.set("loadMode", "async");
setters.set("isLoading", true);
setters.set("stretch", "none");
// layout-base
setters.set('clipToBounds', false);
setters.set("clipToBounds", false);
// absolute-layout
setters.set('left', '20');
setters.set('top', '20');
setters.set("left", "20");
setters.set("top", "20");
// dock-layout
setters.set('dock', 'top');
setters.set('stretchLastChild', false);
setters.set("dock", "top");
setters.set("stretchLastChild", false);
// grid-layout props
setters.set('row', '1');
setters.set('rowSpan', '2');
setters.set('col', '1');
setters.set('colSpan', '2');
setters.set("row", "1");
setters.set("rowSpan", "2");
setters.set("col", "1");
setters.set("colSpan", "2");
// stack-layout
setters.set('orientation', 'horizontal');
setters.set("orientation", "horizontal");
// wrap-layout
// custom orientation value
// setters.set('orientation', 'vertical');
setters.set('itemWidth', '50');
setters.set('itemHeight', '50');
setters.set("itemWidth", "50");
setters.set("itemHeight", "50");
// list-picker
setters.set('items', ['1', '2', '3']);
setters.set('selectedIndex', '1');
setters.set("items", ["1", "2", "3"]);
setters.set("selectedIndex", "1");
// list-view
setters.set('items', ['1', '2', '3']);
setters.set('itemTemplate', '<Label text="{{ $value }}" />');
setters.set('itemTemplates', '<template key="green"><Label text="{{ $value }}" style.backgroundColor="green" /></template><template key="red"><Label text="{{ $value }}" style.backgroundColor="red" /></template>');
setters.set('rowHeight', '50');
setters.set("items", ["1", "2", "3"]);
setters.set("itemTemplate", "<Label text=\"{{ $value }}\" />");
setters.set("itemTemplates", "<template key=\"green\"><Label text=\"{{ $value }}\" style.backgroundColor=\"green\" /></template><template key=\"red\"><Label text=\"{{ $value }}\" style.backgroundColor=\"red\" /></template>");
setters.set("rowHeight", "50");
// page
setters.set('actionBarHidden', 'true');
setters.set('backgroundSpanUnderStatusBar', 'true');
setters.set('enableSwipeBackNavigation', 'false');
setters.set("actionBarHidden", "true");
setters.set("backgroundSpanUnderStatusBar", "true");
setters.set("enableSwipeBackNavigation", "false");
// progress
setters.set('value', '1');
setters.set('maxValue', '99');
setters.set("value", "1");
setters.set("maxValue", "99");
// repeater
setters.set('items', ['1', '2', '3']);
setters.set('itemTemplate', '<Label text="{{ $value }}" />');
setters.set("items", ["1", "2", "3"]);
setters.set("itemTemplate", "<Label text=\"{{ $value }}\" />");
// setters.set('itemsLayout', new StackLayout());
setters.set('rowHeight', '50');
setters.set("rowHeight", "50");
// scroll-view
// custom orientation value
//setters.set('orientation', 'horizontal');
// search-bar
setters.set('textFieldHintColor', 'red');
setters.set('textFieldBackgroundColor', 'red');
setters.set("textFieldHintColor", "red");
setters.set("textFieldBackgroundColor", "red");
// segmented-bar
// custom items property
// slider
setters.set('minValue', '5');
setters.set("minValue", "5");
// switch
setters.set('checked', 'true');
setters.set("checked", "true");
// tab-view
// custom items property
setters.set('androidOffscreenTabLimit', '2');
setters.set("androidOffscreenTabLimit", "2");
// text-base
// const formattedText = new FormattedString();
@@ -388,105 +388,105 @@ function setupSetters(): void {
// setters.set('formattedText', formattedText);
// text-base
setters.set('secure', 'true');
setters.set("secure", "true");
// time-picker
setters.set('minHour', 1);
setters.set('hour', 2);
setters.set('maxHour', 11);
setters.set('minMinute', 1);
setters.set('minute', 2);
setters.set('maxMinute', 11);
setters.set('minuteInterval', 2);
setters.set('time', new Date(2011, 2, 2, 3, 3, 3));
setters.set("minHour", 1);
setters.set("hour", 2);
setters.set("maxHour", 11);
setters.set("minMinute", 1);
setters.set("minute", 2);
setters.set("maxMinute", 11);
setters.set("minuteInterval", 2);
setters.set("time", new Date(2011, 2, 2, 3, 3, 3));
cssSetters = new Map<string, any>();
// style
cssSetters.set('rotate', '90');
cssSetters.set('scaleX', 2);
cssSetters.set('scaleY', 2);
cssSetters.set('translateX', 20);
cssSetters.set('translateY', 20);
cssSetters.set("rotate", "90");
cssSetters.set("scaleX", 2);
cssSetters.set("scaleY", 2);
cssSetters.set("translateX", 20);
cssSetters.set("translateY", 20);
cssSetters.set('clipPath', 'inset(100px 50px)');
cssSetters.set('color', 'red');
cssSetters.set('tintColor', 'green');
cssSetters.set('placeholderColor', 'green');
cssSetters.set("clipPath", "inset(100px 50px)");
cssSetters.set("color", "red");
cssSetters.set("tintColor", "green");
cssSetters.set("placeholderColor", "green");
cssSetters.set('backgroundColor', 'red');
cssSetters.set('backgroundImage', '~/logo.png');
cssSetters.set('backgroundRepeat', 'repeat');
cssSetters.set('backgroundSize', '60px 120px');
cssSetters.set('backgroundPosition', 'center');
cssSetters.set('borderColor', 'blue');
cssSetters.set('borderTopColor', 'green');
cssSetters.set('borderRightColor', 'green');
cssSetters.set('borderBottomColor', 'green');
cssSetters.set('borderLeftColor', 'green');
cssSetters.set('borderWidth', '10px');
cssSetters.set('borderTopWidth', '5px');
cssSetters.set('borderRightWidth', '5px');
cssSetters.set('borderBottomWidth', '5px');
cssSetters.set('borderLeftWidth', '5px');
cssSetters.set('borderRadius', '10px');
cssSetters.set('borderTopLeftRadius', '5px');
cssSetters.set('borderTopRightRadius', '5px');
cssSetters.set('borderBottomRightRadius', '5px');
cssSetters.set('borderBottomLeftRadius', '5px');
cssSetters.set("backgroundColor", "red");
cssSetters.set("backgroundImage", "~/logo.png");
cssSetters.set("backgroundRepeat", "repeat");
cssSetters.set("backgroundSize", "60px 120px");
cssSetters.set("backgroundPosition", "center");
cssSetters.set("borderColor", "blue");
cssSetters.set("borderTopColor", "green");
cssSetters.set("borderRightColor", "green");
cssSetters.set("borderBottomColor", "green");
cssSetters.set("borderLeftColor", "green");
cssSetters.set("borderWidth", "10px");
cssSetters.set("borderTopWidth", "5px");
cssSetters.set("borderRightWidth", "5px");
cssSetters.set("borderBottomWidth", "5px");
cssSetters.set("borderLeftWidth", "5px");
cssSetters.set("borderRadius", "10px");
cssSetters.set("borderTopLeftRadius", "5px");
cssSetters.set("borderTopRightRadius", "5px");
cssSetters.set("borderBottomRightRadius", "5px");
cssSetters.set("borderBottomLeftRadius", "5px");
cssSetters.set('fontSize', '20');
cssSetters.set('fontFamily', 'monospace');
cssSetters.set('fontStyle', 'italic');
cssSetters.set('fontWeight', '100');
cssSetters.set('font', 'italic 2 "Open Sans", sans-serif');
cssSetters.set("fontSize", "20");
cssSetters.set("fontFamily", "monospace");
cssSetters.set("fontStyle", "italic");
cssSetters.set("fontWeight", "100");
cssSetters.set("font", "italic 2 \"Open Sans\", sans-serif");
// zIndex on android is not what you think...
// cssSetters.set('zIndex', '2');
cssSetters.set('opacity', '0.5');
cssSetters.set("opacity", "0.5");
// already set through view properties.
// cssSetters.set('visibility', 'collapse');
cssSetters.set('letterSpacing', '2');
cssSetters.set('textAlignment', 'center');
cssSetters.set('textDecoration', 'underline');
cssSetters.set('textTransform', 'capitalize');
cssSetters.set('whiteSpace', 'normal');
cssSetters.set("letterSpacing", "2");
cssSetters.set("textAlignment", "center");
cssSetters.set("textDecoration", "underline");
cssSetters.set("textTransform", "capitalize");
cssSetters.set("whiteSpace", "normal");
cssSetters.set('minWidth', 50);
cssSetters.set('minHeight', 50);
cssSetters.set('width', 100);
cssSetters.set('height', 100);
cssSetters.set('margin', '25');
cssSetters.set('marginLeft', '30px');
cssSetters.set('marginTop', '30px');
cssSetters.set('marginRight', '30px');
cssSetters.set('marginBottom', '30px');
cssSetters.set('padding', '25');
cssSetters.set('paddingLeft', '30px');
cssSetters.set('paddingTop', '30px');
cssSetters.set('paddingRight', '30px');
cssSetters.set('paddingBottom', '30px');
cssSetters.set('horizontalAlignment', 'center');
cssSetters.set('verticalAlignment', 'center');
cssSetters.set("minWidth", 50);
cssSetters.set("minHeight", 50);
cssSetters.set("width", 100);
cssSetters.set("height", 100);
cssSetters.set("margin", "25");
cssSetters.set("marginLeft", "30px");
cssSetters.set("marginTop", "30px");
cssSetters.set("marginRight", "30px");
cssSetters.set("marginBottom", "30px");
cssSetters.set("padding", "25");
cssSetters.set("paddingLeft", "30px");
cssSetters.set("paddingTop", "30px");
cssSetters.set("paddingRight", "30px");
cssSetters.set("paddingBottom", "30px");
cssSetters.set("horizontalAlignment", "center");
cssSetters.set("verticalAlignment", "center");
cssSetters.set('transform', 'translate(5, 10), scale(1.2, 1.2), rotate(45)');
cssSetters.set("transform", "translate(5, 10), scale(1.2, 1.2), rotate(45)");
// TabView-specific props
cssSetters.set('tabTextColor', 'red');
cssSetters.set('tabBackgroundColor', 'red');
cssSetters.set('selectedTabTextColor', 'red');
cssSetters.set('androidSelectedTabHighlightColor', 'red');
cssSetters.set("tabTextColor", "red");
cssSetters.set("tabBackgroundColor", "red");
cssSetters.set("selectedTabTextColor", "red");
cssSetters.set("androidSelectedTabHighlightColor", "red");
// ListView-specific props
cssSetters.set('separatorColor', 'red');
cssSetters.set("separatorColor", "red");
// SegmentedBar-specific props
cssSetters.set('selectedBackgroundColor', 'red');
cssSetters.set("selectedBackgroundColor", "red");
// Page-specific props
cssSetters.set('statusBarStyle', 'light');
cssSetters.set('androidStatusBarBackground', 'red');
cssSetters.set("statusBarStyle", "light");
cssSetters.set("androidStatusBarBackground", "red");
// Flexbox-layout props
// cssSetters.set('flexDirection', 'column');

16
apps/app/ui-tests-app/action-bar/modal-page.ts
View File

@@ -13,16 +13,16 @@ export function onTap() {
closeCallback("sample text\n");
}
export function change(args){
var button:Button =<Button>args.object;
export function change(args) {
var button: Button = <Button>args.object;
var page: Page = <Page>button.parent;
var page:Page =<Page> button.parent;
console.log("---------------------page-------------------------")
console.log(page)
var label:Label = <Label> page.getViewById("label1");
label.text="fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo";
var label: Label = <Label>page.getViewById("label1");
label.text = "fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo";
var label2:Label = <Label> page.getViewById("label2");
label2.text="foooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo";
var label2: Label = <Label>page.getViewById("label2");
label2.text = "foooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo";
}

12
apps/app/ui-tests-app/button/border-playground.ts
View File

@@ -8,29 +8,29 @@ import { ScrollView } from "tns-core-modules/ui/scroll-view";
let red = new Color("red");
let green = new Color("green");
export function onToggle(args: EventData){
export function onToggle(args: EventData) {
let button = <Button>args.object;
let target = button.page.getViewById<View>("target");
let debugConsole = button.page.getViewById<TextView>("debugConsole");
let scrollView = button.page.getViewById<ScrollView>("scrollView");
if (button.text === "Color"){
if (button.text === "Color") {
target[button.id] = target[button.id] ? undefined : red;
debugConsole.text += `> border-color: ${target.borderColor}\n`;
}
else if (button.text === "Width"){
else if (button.text === "Width") {
target[button.id] = target[button.id] ? 0 : 10;
debugConsole.text += `> border-width: ${target.borderWidth}\n`;
}
else if (button.text === "Radius"){
else if (button.text === "Radius") {
target[button.id] = target[button.id] ? 0 : 10;
debugConsole.text += `> border-radius: ${target.borderRadius}\n`;
}
else if (button.text === "BGColor"){
else if (button.text === "BGColor") {
target.backgroundColor = target.backgroundColor ? undefined : green;
debugConsole.text += `> background-color: ${target.backgroundColor}\n`;
}
else if (button.text === "BGImage"){
else if (button.text === "BGImage") {
target.backgroundImage = target.backgroundImage ? undefined : `~/ui-tests-app/resources/images/test2.png`;
debugConsole.text += `> background-image: ${target.backgroundImage}\n`;
}

8
apps/app/ui-tests-app/button/main-page.ts
View File

@@ -15,9 +15,9 @@ export function loadExamples() {
examples.set("button-border", "button/button-border");
examples.set("styles", "button/styles");
examples.set("background", "button/background");
examples.set("border-playground","button/border-playground");
examples.set("issue-4287","button/issue-4287");
examples.set("issue-4385","button/issue-4385");
examples.set("highlight-4740","button/highlight-4740/highlight-4740");
examples.set("border-playground", "button/border-playground");
examples.set("issue-4287", "button/issue-4287");
examples.set("issue-4385", "button/issue-4385");
examples.set("highlight-4740", "button/highlight-4740/highlight-4740");
return examples;
}

6
apps/app/ui-tests-app/css/all-non-uniform-border.ts
View File

@@ -1,12 +1,12 @@
import { EventData} from "tns-core-modules/data/observable";
import { EventData } from "tns-core-modules/data/observable";
import { Page } from "tns-core-modules/ui/page";
import { SearchBar } from "tns-core-modules/ui/search-bar";
import { isAndroid } from "tns-core-modules/platform";
export function onLoaded(args: EventData){
export function onLoaded(args: EventData) {
var page = <Page>args.object;
var searchBar = <SearchBar>page.getViewById("sb");
if(isAndroid){
if (isAndroid) {
searchBar.android.clearFocus();
}
}

6
apps/app/ui-tests-app/css/all-uniform-border.ts
View File

@@ -1,12 +1,12 @@
import { EventData} from "tns-core-modules/data/observable";
import { EventData } from "tns-core-modules/data/observable";
import { Page } from "tns-core-modules/ui/page";
import { SearchBar } from "tns-core-modules/ui/search-bar";
import { isAndroid } from "tns-core-modules/platform";
export function onLoaded(args: EventData){
export function onLoaded(args: EventData) {
var page = <Page>args.object;
var searchBar = <SearchBar>page.getViewById("sb");
if(isAndroid){
if (isAndroid) {
searchBar.android.clearFocus();
}
}

30
apps/app/ui-tests-app/css/background-shorthand.ts
View File

@@ -9,23 +9,23 @@ const tests = [
{ name: "black hex color only", background: "#000000" },
{ name: "yellow hex color only", background: "#ffff00" },
{ name: "blue color only", background: "blue" },
{ name: "repeat image only", background: 'url("~/ui-tests-app/resources/images/icon.png")' },
{ name: "repeat image only", background: "url(\"~/ui-tests-app/resources/images/icon.png\")" },
{ name: "[straight] image only, no-repeat ", background: 'url("~/ui-tests-app/resources/images/icon.png") no-repeat' },
{ name: "[straight] green color, image, no-repeat", background: 'green url("~/ui-tests-app/resources/images/icon.png") no-repeat' },
{ name: "[straight] yellow hex color, image, no-repeat, position pixels", background: '#ffff00 url("~/ui-tests-app/resources/images/icon.png") no-repeat 200px 200px' },
{ name: "[straight] yellow hex color, image, repeat-y, position pixels", background: '#ffff00 url("~/ui-tests-app/resources/images/icon.png") repeat-y 100px 500px' },
{ name: "[straight] orange hex color, image, no-repeat, position percents", background: '#F9791F url("~/ui-tests-app/resources/images/icon.png") no-repeat 100% 100%' },
{ name: "[straight] green color, image, repeat-x, position percents", background: 'green url("~/ui-tests-app/resources/images/icon.png") repeat-x 100% 100%' },
{ name: "[straight] blue color, image, repeat-x, position", background: 'blue url("~/ui-tests-app/resources/images/icon.png") repeat-x 150 150' },
{ name: "[straight] image only, no-repeat ", background: "url(\"~/ui-tests-app/resources/images/icon.png\") no-repeat" },
{ name: "[straight] green color, image, no-repeat", background: "green url(\"~/ui-tests-app/resources/images/icon.png\") no-repeat" },
{ name: "[straight] yellow hex color, image, no-repeat, position pixels", background: "#ffff00 url(\"~/ui-tests-app/resources/images/icon.png\") no-repeat 200px 200px" },
{ name: "[straight] yellow hex color, image, repeat-y, position pixels", background: "#ffff00 url(\"~/ui-tests-app/resources/images/icon.png\") repeat-y 100px 500px" },
{ name: "[straight] orange hex color, image, no-repeat, position percents", background: "#F9791F url(\"~/ui-tests-app/resources/images/icon.png\") no-repeat 100% 100%" },
{ name: "[straight] green color, image, repeat-x, position percents", background: "green url(\"~/ui-tests-app/resources/images/icon.png\") repeat-x 100% 100%" },
{ name: "[straight] blue color, image, repeat-x, position", background: "blue url(\"~/ui-tests-app/resources/images/icon.png\") repeat-x 150 150" },
{ name: "[shuffle] no-repeat, image only", background: 'no-repeat url("~/ui-tests-app/resources/images/icon.png")' },
{ name: "[shuffle] no-repeat, green color, image, ", background: 'no-repeat green url("~/ui-tests-app/resources/images/icon.png")' },
{ name: "[shuffle] yellow hex color, position pixels, image, no-repeat", background: '#ffff00 200px 200px url("~/ui-tests-app/resources/images/icon.png") no-repeat' },
{ name: "[shuffle] image, repeat-y, yellow hex color, position pixels", background: 'url("~/ui-tests-app/resources/images/icon.png") repeat-y #ffff00 100px 500px' },
{ name: "[shuffle] position percents, image, no-repeat, orange hex color", background: '100% 100% url("~/ui-tests-app/resources/images/icon.png") no-repeat #F9791F' },
{ name: "[shuffle] position percents, image, repeat-x, green color", background: '100% 100% url("~/ui-tests-app/resources/images/icon.png") repeat-x green' },
{ name: "[shuffle] image, repeat-x, position, blue color,", background: 'url("~/ui-tests-app/resources/images/icon.png") repeat-x 150 150 blue' },
{ name: "[shuffle] no-repeat, image only", background: "no-repeat url(\"~/ui-tests-app/resources/images/icon.png\")" },
{ name: "[shuffle] no-repeat, green color, image, ", background: "no-repeat green url(\"~/ui-tests-app/resources/images/icon.png\")" },
{ name: "[shuffle] yellow hex color, position pixels, image, no-repeat", background: "#ffff00 200px 200px url(\"~/ui-tests-app/resources/images/icon.png\") no-repeat" },
{ name: "[shuffle] image, repeat-y, yellow hex color, position pixels", background: "url(\"~/ui-tests-app/resources/images/icon.png\") repeat-y #ffff00 100px 500px" },
{ name: "[shuffle] position percents, image, no-repeat, orange hex color", background: "100% 100% url(\"~/ui-tests-app/resources/images/icon.png\") no-repeat #F9791F" },
{ name: "[shuffle] position percents, image, repeat-x, green color", background: "100% 100% url(\"~/ui-tests-app/resources/images/icon.png\") repeat-x green" },
{ name: "[shuffle] image, repeat-x, position, blue color,", background: "url(\"~/ui-tests-app/resources/images/icon.png\") repeat-x 150 150 blue" },
]
export function onLoaded(args) {

2
apps/app/ui-tests-app/events/gestures.ts
View File

@@ -85,7 +85,7 @@ export function createPage() {
var observer3 = longpressLabel.getGestureObservers(gestures.GestureTypes.longPress)[0];
swipeLabel.on(gestures.GestureTypes.swipe, function (args: gestures.SwipeGestureEventData) {
swipeLabel.text = "Swipe Direction: " + args.direction + ", " + (args.object === swipeLabel);// + getStateAsString(args.state);
swipeLabel.text = "Swipe Direction: " + args.direction + ", " + (args.object === swipeLabel); // + getStateAsString(args.state);
});
var observer4 = swipeLabel.getGestureObservers(gestures.GestureTypes.swipe)[0];

2
apps/app/ui-tests-app/events/touch-event.ts
View File

@@ -1,4 +1,4 @@
import {TextView} from "tns-core-modules/ui/text-view";
import { TextView } from "tns-core-modules/ui/text-view";
import * as gestures from "tns-core-modules/ui/gestures";
export function onTouch(args: gestures.TouchGestureEventData) {

2
apps/app/ui-tests-app/flexbox/flexbox-perf-comparison.ts
View File

@@ -1,4 +1,4 @@
import {TabView} from "tns-core-modules/ui/tab-view";
import { TabView } from "tns-core-modules/ui/tab-view";
import * as utils from "tns-core-modules/utils/utils";
const titles = ["Etiam lacinia", "Imperdiet ante", "A interdum", "Quisque tempus", "Sodales viverra"];

2
apps/app/ui-tests-app/font/font-awesome/issue-3654-2.ts
View File

@@ -1,5 +1,5 @@
import { topmost } from "tns-core-modules/ui/frame";
export function onTap(args){
export function onTap(args) {
topmost().goBack();
}

2
apps/app/ui-tests-app/font/font-awesome/issue-3654.ts
View File

@@ -1,5 +1,5 @@
import { topmost } from "tns-core-modules/ui/frame";
export function onTap(){
export function onTap() {
topmost().navigate("ui-tests-app/font/font-awesome/issue-3654-2");
}

4
apps/app/ui-tests-app/image-view/image-asset/view-model.ts
View File

@@ -1,7 +1,7 @@
import * as dialogs from "tns-core-modules/ui/dialogs";
import * as observable from "tns-core-modules/data/observable";
import * as imageAssetModule from "tns-core-modules/image-asset";
import { ImageSource } from 'tns-core-modules/image-source';
import { ImageSource } from "tns-core-modules/image-source";
let _cameraImageAsset = null;
let _cameraImageSrc = null;
@@ -10,7 +10,7 @@ export class ImageViewModel extends observable.Observable {
constructor() {
super();
let asset = new imageAssetModule.ImageAsset('~/splashscreen.png');
let asset = new imageAssetModule.ImageAsset("~/splashscreen.png");
asset.options = {
width: 300,
height: 300,

4
apps/app/ui-tests-app/image-view/mode-matrix.ts
View File

@@ -28,7 +28,7 @@ export function navigatingTo(args) {
grid.addChild(image);
switch(Math.floor(x / 4)) {
switch (Math.floor(x / 4)) {
case 1:
image.borderWidth = "3";
break;
@@ -38,7 +38,7 @@ export function navigatingTo(args) {
break;
}
switch(Math.floor(y / 4)) {
switch (Math.floor(y / 4)) {
case 1:
image.borderRadius = "12";
break;

2
apps/app/ui-tests-app/issues/issue-3164.ts
View File

@@ -4,7 +4,7 @@ import { Page } from "tns-core-modules/ui/page";
import { View } from "tns-core-modules/ui/core/view";
var page: Page;
var borderColor : Color = new Color("#ff0000");
var borderColor: Color = new Color("#ff0000");
export function navigatingTo(args: EventData) {
page = <Page>args.object;
}

6
apps/app/ui-tests-app/issues/issue-3714.ts
View File

@@ -1,5 +1,5 @@
import { EventData } from 'tns-core-modules/data/observable';
import { Page } from 'tns-core-modules/ui/page';
import { EventData } from "tns-core-modules/data/observable";
import { Page } from "tns-core-modules/ui/page";
import { Button } from "tns-core-modules/ui/button";
import { Label } from "tns-core-modules/ui/label";
import { StackLayout } from "tns-core-modules/ui/layouts/stack-layout";
@@ -8,7 +8,7 @@ import { GridLayout } from "tns-core-modules/ui/layouts/grid-layout";
export function toggle(args: EventData) {
const page = <Page>((<any>args.object).page);
const getElementById = id => { return page.getViewById(id); }
const getElementById = id => page.getViewById(id)
const toggleBtn = <Button>getElementById("toggleUserInteraction");
const isEnabled = toggleBtn.text === "disable" ? true : false;

2
apps/app/ui-tests-app/issues/main-page.ts
View File

@@ -23,7 +23,7 @@ export function loadExamples() {
examples.set("1639", "issues/issue-1639");
examples.set("3714", "issues/issue-3714");
examples.set("1657-ios", "issues/issue-1657-ios");
examples.set("tabview-with-scrollview_4022","issues/tabview-with-scrollview_4022");
examples.set("tabview-with-scrollview_4022", "issues/tabview-with-scrollview_4022");
examples.set("3354-ios", "issues/issue-3354");
examples.set("4450", "issues/issue-4450");

2
apps/app/ui-tests-app/layouts-percent/dock.ts
View File

@@ -8,7 +8,7 @@ export function onLoaded(args: { eventName: string, object: any }) {
export function onStretchLastChild(args: { eventName: string, object: any }) {
var layout = args.object.parent;
if(layout.stretchLastChild === true) {
if (layout.stretchLastChild === true) {
layout.stretchLastChild = false;
} else {
layout.stretchLastChild = true;

2
apps/app/ui-tests-app/layouts-percent/stack.ts
View File

@@ -9,7 +9,7 @@ export function onLoaded(args: { eventName: string, object: any }) {
export function onOrientation(args: { eventName: string, object: any }) {
var layout = args.object.parent;
if(layout.orientation === enums.Orientation.vertical) {
if (layout.orientation === enums.Orientation.vertical) {
layout.orientation = enums.Orientation.horizontal;
} else {
layout.orientation = enums.Orientation.vertical;

2
apps/app/ui-tests-app/layouts/absolute.ts
View File

@@ -12,7 +12,7 @@ export function onLoaded(args: { eventName: string, object: any }) {
export function onSetLeftSetTop(args: { eventName: string, object: any }) {
var layout = args.object.parent;
var child = layout.getViewById("setLeftSetTop");
if(++count % 2 === 1) {
if (++count % 2 === 1) {
absoluteLayout.AbsoluteLayout.setLeft(child, 175);
absoluteLayout.AbsoluteLayout.setTop(child, 375);
} else {

2
apps/app/ui-tests-app/layouts/dock.ts
View File

@@ -8,7 +8,7 @@ export function onLoaded(args: { eventName: string, object: any }) {
export function onStretchLastChild(args: { eventName: string, object: any }) {
var layout = args.object.parent;
if(layout.stretchLastChild === true) {
if (layout.stretchLastChild === true) {
layout.stretchLastChild = false;
} else {
layout.stretchLastChild = true;

2
apps/app/ui-tests-app/layouts/stack.ts
View File

@@ -9,7 +9,7 @@ export function onLoaded(args: { eventName: string, object: any }) {
export function onOrientation(args: { eventName: string, object: any }) {
var layout = args.object.parent;
if(layout.orientation === enums.Orientation.vertical) {
if (layout.orientation === enums.Orientation.vertical) {
layout.orientation = enums.Orientation.horizontal;
} else {
layout.orientation = enums.Orientation.vertical;

2
apps/app/ui-tests-app/list-picker/issue_2895.ts
View File

@@ -1,4 +1,4 @@
import { Page } from 'tns-core-modules/ui/page';
import { Page } from "tns-core-modules/ui/page";
import { Observable } from "tns-core-modules/data/observable";
import { EventData } from "tns-core-modules/ui/core/view";

4
apps/app/ui-tests-app/list-view/images-template.ts
View File

@@ -1,5 +1,5 @@
import { EventData, Observable } from 'tns-core-modules/data/observable';
import { Page } from 'tns-core-modules/ui/page';
import { EventData, Observable } from "tns-core-modules/data/observable";
import { Page } from "tns-core-modules/ui/page";
export function navigatingTo(args: EventData) {
let page = <Page>args.object;

12
apps/app/ui-tests-app/list-view/list-view.ts
View File

@@ -2,7 +2,7 @@ import { EventData } from "tns-core-modules/data/observable";
import { ObservableArray } from "tns-core-modules/data/observable-array";
import { View, KeyedTemplate } from "tns-core-modules/ui/core/view";
import { Page } from "tns-core-modules/ui/page";
import { ViewModel, Item } from './main-view-model';
import { ViewModel, Item } from "./main-view-model";
import { ListView } from "tns-core-modules/ui/list-view";
import { Label } from "tns-core-modules/ui/label";
import { GridLayout } from "tns-core-modules/ui/layouts/grid-layout";
@@ -35,24 +35,24 @@ export function pageLoaded(args: EventData) {
lv4.itemTemplates = new Array<KeyedTemplate>(
{
key: "red",
createView: () => { return createLabel(new Color("red")); }
createView: () => createLabel(new Color("red"))
},
{
key: "green",
createView: () => { return createLabel(new Color("green")); }
createView: () => createLabel(new Color("green"))
},
{
key: "yellow",
createView: () => { return createLabel(new Color("yellow")); }
createView: () => createLabel(new Color("yellow"))
}
);
}
let scrollToBottom = true;
export function onScroll(args: EventData){
export function onScroll(args: EventData) {
let page = (<View>args.object).page;
let gridLayout = page.getViewById<GridLayout>("grid-layout");
for (let i = 0, length = gridLayout.getChildrenCount(); i < length; i++){
for (let i = 0, length = gridLayout.getChildrenCount(); i < length; i++) {
let listView = <ListView>gridLayout.getChildAt(i);
listView.scrollToIndex(scrollToBottom ? listView.items.length - 1 : 0);
}

6
apps/app/ui-tests-app/list-view/main-view-model.ts
View File

@@ -18,7 +18,7 @@ export class Item extends Observable {
set name(value: string) {
if (this._name !== value) {
this._name = value;
this.notifyPropertyChange('name', value)
this.notifyPropertyChange("name", value)
}
}
@@ -29,7 +29,7 @@ export class Item extends Observable {
set id(value: number) {
if (this._id !== value) {
this._id = value;
this.notifyPropertyChange('id', value)
this.notifyPropertyChange("id", value)
}
}
@@ -43,7 +43,7 @@ export class ViewModel extends Observable {
get items(): ObservableArray<Item> {
this._items = new ObservableArray<Item>();
for (let i = 0; i < 100; i++){
for (let i = 0; i < 100; i++) {
this._items.push(new Item(`Item`, i));
}
return this._items;

8
apps/app/ui-tests-app/main-page.ts
View File

@@ -37,13 +37,13 @@ export function pageLoaded(args: EventData) {
examples.set("date-picker", "date-picker/date-picker");
page.bindingContext = new MainPageViewModel(wrapLayout, examples);
const parent = page.getViewById('parentLayout');
const searchBar = page.getViewById('textView');
const parent = page.getViewById("parentLayout");
const searchBar = page.getViewById("textView");
if (isAndroid) {
parent.android.setFocusableInTouchMode(true);
parent.android.setFocusable(true);
searchBar.android.clearFocus();
}else{
parent.style.marginBottom=10;
} else {
parent.style.marginBottom = 10;
}
}

4
apps/app/ui-tests-app/perf/memory-leaks/background-image.ts
View File

@@ -11,7 +11,7 @@ var images = ["gravatar", "gravatar2", "red"];
export function onLoad(args: EventData) {
let index = indexCounter++ % 3;
let page = <Page>args.object;
page.backgroundImage = '~/ui-tests-app/resources/images/' + images[index] + '.png';
page.backgroundImage = "~/ui-tests-app/resources/images/" + images[index] + ".png";
setLabelText(page, navCounter, "countInfo");
getMemoryUsage(args);
}
@@ -28,7 +28,7 @@ export function navigateBack(args: EventData) {
function setLabelText(page: Page, text: number, id: string) {
let label = <Label>page.getViewById(id);
label.text = text + '';
label.text = text + "";
}
function getMemoryUsage(args: EventData) {

20
apps/app/ui-tests-app/perf/properties/tests.ts
View File

@@ -4,7 +4,7 @@ import { Label } from "tns-core-modules/ui/label";
const average = 3;
const noValue = "noValue";
const colors = ['red', 'green'];
const colors = ["red", "green"];
export function addRemove(counts: Array<number>, parent: LayoutBase): string {
let result = `addRemove`;
@@ -29,7 +29,7 @@ export function addRemove(counts: Array<number>, parent: LayoutBase): string {
}
export function setText(counts: Array<number>, parent?: LayoutBase): string {
let result = `setText ${parent ? 'with nativeView' : ''}`;
let result = `setText ${parent ? "with nativeView" : ""}`;
counts.forEach((count) => {
const lbl = setup(parent);
const time = executeTest(() => {
@@ -44,7 +44,7 @@ export function setText(counts: Array<number>, parent?: LayoutBase): string {
}
export function setBackgroundColor(counts: Array<number>, parent?: LayoutBase): string {
let result = `setBackgroundColor ${parent ? 'with nativeView' : ''}`;
let result = `setBackgroundColor ${parent ? "with nativeView" : ""}`;
counts.forEach((count) => {
if (parent && count > 10000) {
result += setResultTime(noValue);
@@ -66,7 +66,7 @@ export function setBackgroundColor(counts: Array<number>, parent?: LayoutBase):
const borders = [1, 2, 3];
export function setBorderWidths(counts: Array<number>, parent?: LayoutBase): string {
let result = `setBorderWidths ${parent ? 'with nativeView' : ''}`;
let result = `setBorderWidths ${parent ? "with nativeView" : ""}`;
counts.forEach((count) => {
if (count > 10000 && parent) {
result += setResultTime(noValue);
@@ -90,7 +90,7 @@ export function setBorderWidths(counts: Array<number>, parent?: LayoutBase): str
}
export function setColor(counts: Array<number>, parent?: LayoutBase): string {
let result = `setColor ${parent ? 'with nativeView' : ''}`;
let result = `setColor ${parent ? "with nativeView" : ""}`;
counts.forEach((count) => {
const lbl = setup(parent);
const style = lbl.style;
@@ -128,7 +128,7 @@ export function setColorWithParents(counts: Array<number>, parent: LayoutBase):
const fontSizes = [10, 20];
export function setFontSize(counts: Array<number>, parent?: LayoutBase): string {
let result = `setFontSize ${parent ? 'with nativeView' : ''}`;
let result = `setFontSize ${parent ? "with nativeView" : ""}`;
counts.forEach((count) => {
const lbl = setup(parent);
const style = lbl.style;
@@ -165,13 +165,13 @@ export function setFontSizeWithParents(counts: Array<number>, parent: LayoutBase
}
export function setFontWeight(counts: Array<number>, parent?: LayoutBase): string {
let result = `setFontWeight ${parent ? 'with nativeView' : ''}`;
let result = `setFontWeight ${parent ? "with nativeView" : ""}`;
counts.forEach((count) => {
const lbl = setup(parent);
const style = lbl.style;
const time = executeTest(() => {
for (let i = 0; i < count; i++) {
style.fontWeight = i % 2 === 0 ? 'bold' : 'normal';
style.fontWeight = i % 2 === 0 ? "bold" : "normal";
}
});
result += setResultTime(time);
@@ -192,7 +192,7 @@ export function setFontWeightWithParents(counts: Array<number>, parent: LayoutBa
setupParents(parent);
const time = executeTest(() => {
for (let i = 0; i < count; i++) {
style.fontWeight = i % 2 === 0 ? 'bold' : 'normal'
style.fontWeight = i % 2 === 0 ? "bold" : "normal"
}
});
result += setResultTime(time);
@@ -202,7 +202,7 @@ export function setFontWeightWithParents(counts: Array<number>, parent: LayoutBa
}
export function setBindingContext(counts: Array<number>, parent?: LayoutBase): string {
let result = `setBindingContext ${parent ? 'with nativeView' : ''}`;
let result = `setBindingContext ${parent ? "with nativeView" : ""}`;
counts.forEach((count) => {
const lbl = setup(parent);
const time = executeTest(() => {

10
apps/app/ui-tests-app/search-bar/issue-5039-view-model.ts
View File

@@ -1,10 +1,10 @@
import { Observable } from 'tns-core-modules/data/observable'
import { ObservableArray } from 'tns-core-modules/data/observable-array'
import { SearchBar } from 'tns-core-modules/ui/search-bar';
import { Observable } from "tns-core-modules/data/observable"
import { ObservableArray } from "tns-core-modules/data/observable-array"
import { SearchBar } from "tns-core-modules/ui/search-bar";
export class Issue5039ViewModel extends Observable {
private _items = ['apple', 'apple cider', 'apple pie', 'orange', 'orange juice', 'strawberry', 'blueberry']
private _items = ["apple", "apple cider", "apple pie", "orange", "orange juice", "strawberry", "blueberry"]
public items = new ObservableArray()
constructor(private _searchBar: SearchBar) {
@@ -20,7 +20,7 @@ export class Issue5039ViewModel extends Observable {
this.filter();
}
filter(value: string = '') {
filter(value: string = "") {
this.items.splice(0, this.items.length) // remove all items
this.items.push(this._items.filter(i => -1 !== i.indexOf(value)))
}

2
apps/app/ui-tests-app/search-bar/issue-5039.ts
View File

@@ -1,4 +1,4 @@
import { Issue5039ViewModel } from './issue-5039-view-model'
import { Issue5039ViewModel } from "./issue-5039-view-model"
import { SearchBar } from "tns-core-modules/ui/search-bar";
import { Page } from "tns-core-modules/ui/page";

4
apps/app/ui-tests-app/tab-view/main-page.ts
View File

@@ -21,7 +21,7 @@ export function loadExamples() {
examples.set("tab-view-icons", "tab-view/tab-view-icon");
examples.set("tab-view-icon-change", "tab-view/tab-view-icon-change");
examples.set("text-transform", "tab-view/text-transform");
examples.set("tab-view-bottom-position","tab-view/tab-view-bottom-position");
examples.set("issue-5470","tab-view/issue-5470");
examples.set("tab-view-bottom-position", "tab-view/tab-view-bottom-position");
examples.set("issue-5470", "tab-view/issue-5470");
return examples;
}

8
apps/app/ui-tests-app/text-field/focus-blur-events.ts
View File

@@ -6,10 +6,10 @@ export function onLoaded(args) {
const textField = <TextField>page.getViewById("textField");
const textView = <TextView>page.getViewById("textView");
attachToEvent(textField,"blur");
attachToEvent(textField,"focus");
attachToEvent(textView,"blur");
attachToEvent(textView,"focus");
attachToEvent(textField, "blur");
attachToEvent(textField, "focus");
attachToEvent(textView, "blur");
attachToEvent(textView, "focus");
}
function attachToEvent(control, event) {

2
apps/app/ui-tests-app/text-view/hint-text-color.ts
View File

@@ -5,7 +5,7 @@ import { TextField } from "tns-core-modules/ui/text-field";
function exectuteOnAll(page: Page, callback: (txt: TextView | TextField) => void) {
page.getViewById("container").eachChild((child) => {
if(child instanceof TextView || child instanceof TextField) {
if (child instanceof TextView || child instanceof TextField) {
callback(child);
}
return true;