openmct/example/styleguide/bundle.js

define([
    "./src/ExampleStyleGuideModelProvider",
    "./src/MCTExample",
    "./res/templates/intro.html",
    "./res/templates/standards.html",
    "./res/templates/colors.html",
    "./res/templates/status.html",
    "./res/templates/glyphs.html",
    "./res/templates/controls.html",
    "./res/templates/input.html",
    "./res/templates/menus.html",
    'legacyRegistry'
], function (
    ExampleStyleGuideModelProvider,
    MCTExample,
    introTemplate,
    standardsTemplate,
    colorsTemplate,
    statusTemplate,
    glyphsTemplate,
    controlsTemplate,
    inputTemplate,
    menusTemplate,
    legacyRegistry
) {
    legacyRegistry.register("example/styleguide", {
        "name": "Open MCT Style Guide",
        "description": "Examples and documentation illustrating UI styles in use in Open MCT.",
        "extensions":
        {
            "types": [
                { "key": "styleguide.intro", "name": "Introduction", "cssClass": "icon-page", "description": "Introduction and overview to the style guide" },
                { "key": "styleguide.standards", "name": "Standards", "cssClass": "icon-page", "description": "" },
                { "key": "styleguide.colors", "name": "Colors", "cssClass": "icon-page", "description": "" },
                { "key": "styleguide.status", "name": "status", "cssClass": "icon-page", "description": "Limits, telemetry paused, etc." },
                { "key": "styleguide.glyphs", "name": "Glyphs", "cssClass": "icon-page", "description": "Glyphs overview" },
                { "key": "styleguide.controls", "name": "Controls", "cssClass": "icon-page", "description": "Buttons, selects, HTML controls" },
                { "key": "styleguide.input", "name": "Text Inputs", "cssClass": "icon-page", "description": "Various text inputs" },
                { "key": "styleguide.menus", "name": "Menus", "cssClass": "icon-page", "description": "Context menus, dropdowns" }
            ],
            "views": [
                { "key": "styleguide.intro", "type": "styleguide.intro", "template": introTemplate, "editable": false },
                { "key": "styleguide.standards", "type": "styleguide.standards", "template": standardsTemplate, "editable": false },
                { "key": "styleguide.colors", "type": "styleguide.colors", "template": colorsTemplate, "editable": false },
                { "key": "styleguide.status", "type": "styleguide.status", "template": statusTemplate, "editable": false },
                { "key": "styleguide.glyphs", "type": "styleguide.glyphs", "template": glyphsTemplate, "editable": false },
                { "key": "styleguide.controls", "type": "styleguide.controls", "template": controlsTemplate, "editable": false },
                { "key": "styleguide.input", "type": "styleguide.input", "template": inputTemplate, "editable": false },
                { "key": "styleguide.menus", "type": "styleguide.menus", "template": menusTemplate, "editable": false }
            ],
            "roots": [
                {
                    "id": "styleguide:home"
                }
            ],
            "models": [
                {
                    "id": "styleguide:home",
                    "priority" : "preferred",
                    "model": {
                        "type": "folder",
                        "name": "Style Guide Home",
                        "location": "ROOT",
                        "composition": [
                            "intro",
                            "standards",
                            "colors",
                            "status",
                            "glyphs",
                            "styleguide:ui-elements"
                        ]
                    }
                },
                {
                    "id": "styleguide:ui-elements",
                    "priority" : "preferred",
                    "model": {
                        "type": "folder",
                        "name": "UI Elements",
                        "location": "styleguide:home",
                        "composition": [
                            "controls",
                            "input",
                            "menus"
                        ]
                    }
                }
            ],
            "directives": [
                {
                    "key": "mctExample",
                    "implementation": MCTExample
                }
            ],
            "components": [
                {
                    "provides": "modelService",
                    "type": "provider",
                    "implementation": ExampleStyleGuideModelProvider,
                    "depends": [
                        "$q"
                    ]
                }
            ]
        }
    });
});