vakrilov

function pageLoaded(args) {
    var page = args.object;
    
    if (page.android) {
        setGradientAndroid(page);
    }
    else if (page.ios) {
        setGradientIOS(page);
    }
}

vakrilov

import frame = require("ui/frame");
import view = require("ui/core/view");
import utils = require("utils/utils");
import platform = require("platform");

export function shareTap(args) {
    share("here we go");
}

function share(text: string) {

vakrilov

import utils = require("utils/utils");

var systemFontFamilies = utils.ios.collections.nsArrayToJSArray(UIFont.familyNames());
for (var i = 0; i < systemFontFamilies.length; i++) {
    console.log("Family: " + systemFontFamilies[i]);
    var fonts = utils.ios.collections.nsArrayToJSArray(UIFont.fontNamesForFamilyName(systemFontFamilies[i]));
    for (var j = 0; j < fonts.length; j++) {
        console.log("    Font: " + fonts[j]);
    }
}

vakrilov

var __extends = this.__extends || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    __.prototype = b.prototype;
    d.prototype = new __();
};
var view = require("ui/core/view");
var CELLIDENTIFIER = "cell";
function pageLoaded(args) {
    var page = args.object;

vakrilov

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:android="http://schemas.android.com/apk/res/android">
	<style name="AppThemeBase" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Set the text color used for ActionItems to white-->
    <item name="actionMenuTextColor">#FFFFFF</item>
    
    <!-- ... -->
  </style>
  
  <!-- ... -->

vakrilov

.title {
    font-size: 30;
    horizontal-align: center;
    margin:20;
}

vakrilov

<Page loaded="pageLoaded">
  <ActionBar title="Title">
    <GridLayout>        
      <Button text="centerd" horizontalAlignment="center" />
    </GridLayout>
  </ActionBar>

  <StackLayout>
    <Button text="do nothing" />
  </StackLayout>

vakrilov

import {Component} from 'angular2/core';

@Component({
    selector: 'app-test',
    template: `
    <ActionBar title="First Page Title"></ActionBar>
    <Button text="Hi there"></Button>
    `
})
export class AppComponent {

vakrilov

@keyframes fly {
    0%   { transform: translate(0, 0), rotate(0); }
    15%  { transform: translate(60, 0), rotate(10); }
    35%  { transform: translate(-300, 0), rotate(50); }
    36%  { transform: translate(-300, -60), rotate(-30), scale(-0.7, 0.7); }
    60%  { transform: translate(300, -60), rotate(-30), scale(-0.7, 0.7); }
    61%  { transform: translate(300, 0), rotate(50), scale(1,1); }
    100%  { transform: translate(0, 0), rotate(0); }
}

vakrilov

label {
    vertical-align: center;
    text-align: center;
    color: #3C5AFD;
    font-size: 24;
    margin-bottom: 160;
}