NativeScript/tns-core-modules/ui/page/page.android.ts

import app = require("application");
import enums = require("ui/enums");
import pageCommon = require("./page-common");
import platform = require("platform");
import style = require("ui/styling/style");
import view = require("ui/core/view");
import * as actionBar from "ui/action-bar";
import * as gridLayout from "ui/layouts/grid-layout";
import * as traceModule from "trace";
import * as colorModule from "color";

global.moduleMerge(pageCommon, exports);

var trace: typeof traceModule;
function ensureTrace() {
    if (!trace) {
        trace = require("trace");
    }
}

var color: typeof colorModule;
function ensureColor() {
    if (!color) {
        color = require("color");
    }
}

export var DIALOG_FRAGMENT_TAG = "dialog";
const SYSTEM_UI_FLAG_LIGHT_STATUS_BAR = 0x00002000;
const STATUS_BAR_LIGHT_BCKG = "#F5F5F5";
const STATUS_BAR_DARK_BCKG = "#66000000";

interface DialogFragmentClass {
new (owner: Page, fullscreen: boolean, shownCallback: () => void, dismissCallback: () => void): android.app.DialogFragment;
}
var DialogFragmentClass: DialogFragmentClass;
    
function ensureDialogFragmentClass() { 
    if (DialogFragmentClass) {
        return;
    }

    class DialogFragmentClassInner extends android.app.DialogFragment {
        constructor(
            private _owner: Page,
            private _fullscreen: boolean,
            private _shownCallback: () => void,
            private _dismissCallback: () => void) {
            super();
            return global.__native(this);
        }

        public onCreateDialog(savedInstanceState: android.os.Bundle): android.app.Dialog {
            var dialog = new android.app.Dialog(this._owner._context);
            dialog.requestWindowFeature(android.view.Window.FEATURE_NO_TITLE);

            // Hide actionBar and adjust alignment based on _fullscreen value.
            this._owner.horizontalAlignment = this._fullscreen ? enums.HorizontalAlignment.stretch : enums.HorizontalAlignment.center;
            this._owner.verticalAlignment = this._fullscreen ? enums.VerticalAlignment.stretch : enums.VerticalAlignment.center;
            this._owner.actionBarHidden = true;

            dialog.setContentView(this._owner._nativeView, this._owner._nativeView.getLayoutParams());

            var window = dialog.getWindow();
            window.setBackgroundDrawable(new android.graphics.drawable.ColorDrawable(android.graphics.Color.TRANSPARENT));

            if (this._fullscreen) {
                window.setLayout(android.view.ViewGroup.LayoutParams.FILL_PARENT, android.view.ViewGroup.LayoutParams.FILL_PARENT);
            }

            return dialog;
        }

        public onStart() {
            super.onStart();
            if (!this._owner.isLoaded) {
                this._owner.onLoaded();
    }
            this._shownCallback();
        }
        
        public onDestroyView() {
            super.onDestroyView();

            if (this._owner.isLoaded) {
                this._owner.onUnloaded();
            }

            this._owner._isAddedToNativeVisualTree = false;
            this._owner._onDetached(true);

        }

        public onDismiss(dialog: android.content.IDialogInterface) {
            super.onDismiss(dialog);
            this._dismissCallback();
        }

    };

    DialogFragmentClass = DialogFragmentClassInner;
}

export class Page extends pageCommon.Page {
    private _isBackNavigation = false;
    private _grid: org.nativescript.widgets.GridLayout;

    get android(): android.view.ViewGroup {
        return this._grid;
    }

    get _nativeView(): android.view.ViewGroup {
        return this._grid;
    }

    public _createUI() {
        this._grid = new org.nativescript.widgets.GridLayout(this._context);
        this._grid.addRow(new org.nativescript.widgets.ItemSpec(1, org.nativescript.widgets.GridUnitType.auto));
        this._grid.addRow(new org.nativescript.widgets.ItemSpec(1, org.nativescript.widgets.GridUnitType.star));
    }

    public _addViewToNativeVisualTree(child: view.View, atIndex?: number): boolean {
        // Set the row property for the child 
        if (this._nativeView && child._nativeView) {
            if (child instanceof actionBar.ActionBar) {
                gridLayout.GridLayout.setRow(child, 0);
                child.horizontalAlignment = enums.HorizontalAlignment.stretch;
                child.verticalAlignment = enums.VerticalAlignment.top;
            }
            else {
                gridLayout.GridLayout.setRow(child, 1);
            }
        }

        return super._addViewToNativeVisualTree(child, atIndex);
    }

    public _onDetached(force?: boolean) {
        var skipDetached = !force && this.frame.android.cachePagesOnNavigate && !this._isBackNavigation;

        if (skipDetached) {
            ensureTrace();
            // Do not detach the context and android reference.
            if (trace.enabled) {
                trace.write(`Caching ${this}`, trace.categories.NativeLifecycle);
            }
        }
        else {
            super._onDetached();
        }
    }

    public onNavigatedFrom(isBackNavigation: boolean) {
        this._isBackNavigation = isBackNavigation;
        super.onNavigatedFrom(isBackNavigation);
    }

    /* tslint:disable */
    private _dialogFragment: android.app.DialogFragment;
    /* tslint:enable */
    protected _showNativeModalView(parent: Page, context: any, closeCallback: Function, fullscreen?: boolean) {
        super._showNativeModalView(parent, context, closeCallback, fullscreen);
        if (!this.backgroundColor) {
            ensureColor();
            this.backgroundColor = new color.Color("White");
        }

        this._onAttached(parent._context);
        this._isAddedToNativeVisualTree = true;
        this._syncNativeProperties();

        ensureDialogFragmentClass();

        this._dialogFragment = new DialogFragmentClass(this, !!fullscreen, () => this._raiseShownModallyEvent(), () => this.closeModal());

        super._raiseShowingModallyEvent();

    this._dialogFragment.show(parent.frame.android.activity.getFragmentManager(), DIALOG_FRAGMENT_TAG);
    }

    protected _hideNativeModalView(parent: Page) {
        this._dialogFragment.dismissAllowingStateLoss();
        this._dialogFragment = null;

        parent._modal = undefined;

        super._hideNativeModalView(parent);
    }

    public _updateActionBar(hidden: boolean) {
        this.actionBar.update();
    }

    public _updateStatusBar () {
        this._updateStatusBarStyle(this.statusBarStyle);
        this._updateStatusBarBackground();
    }

    public _updateStatusBarStyle(value?: string) {
        if (value && platform.device.sdkVersion >= "23") {
            let window = app.android.startActivity.getWindow();
            let decorView = window.getDecorView();
            if (value === enums.StatusBarStyle.light) {
                let nativeColor = new colorModule.Color(STATUS_BAR_LIGHT_BCKG).android;
                window.setStatusBarColor(nativeColor);
                decorView.setSystemUiVisibility(SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);

            } else {
                let nativeColor = new colorModule.Color(STATUS_BAR_DARK_BCKG).android;
                window.setStatusBarColor(nativeColor);
                decorView.setSystemUiVisibility(0);
            }
        }
    }

    private _updateStatusBarBackground() {
         if (this.androidStatusBarBackground && platform.device.sdkVersion >= "23") {
            let window = app.android.startActivity.getWindow();
            
            let nativeColor = this.androidStatusBarBackground.android;

            window.setStatusBarColor(nativeColor);
         }
    }
}

export class PageStyler implements style.Styler {
    // statusBarStyle
     private static setStatusBarStyleProperty(v: view.View, newValue: any) {
        let page = <Page>v;
        page._updateStatusBarStyle(newValue);
    }

    private static resetStatusBarStyleProperty(v: view.View, nativeValue: any) {
        let page = <Page>v;
        page._updateStatusBarStyle(nativeValue);
    }

    private static getStatusBarStyleProperty(v: view.View): any {
        let page = <Page>v;
        return page.statusBarStyle;
    }

    // android-status-bar-background-property
    private static setAndroidStatusBarBackgroundProperty(v: view.View, newValue: any) {
        let window = app.android.startActivity.getWindow();
        let nativeColor = new colorModule.Color(newValue).android;
        window.setStatusBarColor(nativeColor);
    }

    private static resetAndroidStatusBarBackgroundProperty(v: view.View, nativeValue: any) {
        let window = app.android.startActivity.getWindow();
        let nativeColor = (nativeValue instanceof colorModule.Color) ? (<colorModule.Color>nativeValue).android : new colorModule.Color(nativeValue).android;
        window.setStatusBarColor(nativeColor);
    }

    private static getAndroidStatusBarBackgroundProperty(v: view.View): any {
        let page = <Page>v;
        return page.androidStatusBarBackground;
    }

    public static registerHandlers() {
       style.registerHandler(style.statusBarStyleProperty, new style.StylePropertyChangedHandler(
            PageStyler.setStatusBarStyleProperty,
            PageStyler.resetStatusBarStyleProperty,
            PageStyler.getStatusBarStyleProperty), "Page");

        style.registerHandler(style.androidStatusBarBackgroundProperty, new style.StylePropertyChangedHandler(
            PageStyler.setAndroidStatusBarBackgroundProperty,
            PageStyler.resetAndroidStatusBarBackgroundProperty,
            PageStyler.getAndroidStatusBarBackgroundProperty), "Page");
    }
}

PageStyler.registerHandlers();