import * as frame from "tns-core-modules/ui/frame";
import { EventData } from "tns-core-modules/ui/frame";
import { Button } from "tns-core-modules/ui/button";
import { ActionBar } from "tns-core-modules/ui/action-bar";

const iconModes = ["automatic", "alwaysOriginal", "alwaysTemplate", undefined];

export function navigate(args) {
    frame.topmost().navigate("ui-tests-app/action-bar/clean");
}

export function onChangeRenderingMode(args: EventData) {
    const button = <Button>args.object;
    const actionBar = <ActionBar>button.page.actionBar
    actionBar.iosIconRenderingMode = <"automatic" | "alwaysOriginal" | "alwaysTemplate">iconModes[(iconModes.indexOf(actionBar.iosIconRenderingMode) + 1) % iconModes.length];
    button.text = "" + actionBar.iosIconRenderingMode;
}