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("formatted", "css/decoration-transform-formattedtext-page");
    examples.set("radius", "css/radius-page");
    examples.set("spacing", "css/letter-spacing-page");
    examples.set("line-height", "css/line-height-page");
    examples.set("decoration", "css/text-decoration-page");
    examples.set("transform", "css/text-transform-page");
    examples.set("whitespace", "css/white-space-page");
    examples.set("progress-switch", "css/progress-switch-page");
    examples.set("zindex", "css/zindex-page");
    examples.set("clipPath", "css/clip-path-page");
    examples.set("clipPathInset", "css/clip-path-inset-page");
    examples.set("padding", "css/padding-page");
    examples.set("pixels", "css/pixels-page");
    examples.set("label-background-image", "css/label-background-image-page");
    examples.set("transform-decoration-color", "css/transform-decoration-color-page");
    examples.set("layout-border", "css/layout-border-page");
    examples.set("label-border", "css/label-border-page");
    examples.set("text-view-border", "css/text-view-border-page");
    examples.set("image-border", "css/image-border-page");
    examples.set("gradient-border", "css/gradient-border-page");
    examples.set("layouts-border-overlap", "css/layouts-border-overlap-page");
    examples.set("measure-tests", "css/measure-tests-page");
    examples.set("all-uniform-border", "css/all-uniform-border-page");
    examples.set("all-non-uniform-border", "css/all-non-uniform-border-page");
    examples.set("margins-paddings-with-percentage", "css/margins-paddings-with-percentage-page");
    examples.set("padding-and-border", "css/padding-and-border-page");
    examples.set("combinators", "css/combinators-page");
    examples.set("elevation", "css/elevation-page");
    examples.set("styled-formatted-text", "css/styled-formatted-text-page");
    examples.set("non-uniform-radius", "css/non-uniform-radius-page");
    examples.set("missing-background-image", "css/missing-background-image-page");
    examples.set("background-shorthand", "css/background-shorthand-page");
    examples.set("background-image-linear-gradient", "css/background-image-linear-gradient-page");
    examples.set("background-image", "css/background-image-page");
    examples.set("styles", "css/styles-page");

    return examples;
}