import { EventData } from "tns-core-modules/data/observable";
import { SubMainPageViewModel } from "../sub-main-page-view-model";
import { WrapLayout } from "tns-core-modules/ui/layouts/wrap-layout";
import { Page } from "tns-core-modules/ui/page";

export function pageLoaded(args: EventData) {
    const page = <Page>args.object;
    const wrapLayout = <WrapLayout>page.getViewById("wrapLayoutWithExamples");
    page.bindingContext = new SubMainPageViewModel(wrapLayout, loadExamples());
}

export function loadExamples() {
    const examples = new Map<string, string>();
    examples.set("bottom-navigation", "bottom-navigation/bottom-navigation-page");
    examples.set("issue-5470", "bottom-navigation/issue-5470-page");
    examples.set("background-color", "bottom-navigation/background-color-page");
    examples.set("color", "bottom-navigation/color-page");
    examples.set("events", "bottom-navigation/events-page");
    examples.set("font", "bottom-navigation/font-page");
    examples.set("text-transform", "bottom-navigation/text-transform-page");
    examples.set("icon-title-placement", "bottom-navigation/icon-title-placement-page");
    examples.set("icon-change", "bottom-navigation/icon-change-page");
    examples.set("binding", "bottom-navigation/binding-page");
    examples.set("font-icons", "bottom-navigation/font-icons-page");
    examples.set("fancy-fonts", "bottom-navigation/fancy-fonts-page");
    examples.set("css-text-transform", "bottom-navigation/bottom-navigation-css-page");
    examples.set("custom-tabstrip", "bottom-navigation/custom-tabstrip-page");
    examples.set("reselect", "bottom-navigation/reselect-page");
    examples.set("item-color", "bottom-navigation/item-color-page");
    examples.set("dynamic-color-change", "bottom-navigation/dynamic-color-change-page");

    return examples;
}