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"
], function (
    ExampleStyleGuideModelProvider,
    MCTExample,
    introTemplate,
    standardsTemplate,
    colorsTemplate,
    statusTemplate,
    glyphsTemplate,
    controlsTemplate,
    inputTemplate,
    menusTemplate
) {
    return {
        name: "example/styleguide",
        definition: {
            "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": "noneditable.folder",
                        "name": "Style Guide Home",
                        "location": "ROOT",
                        "composition": [
                            "intro",
                            "standards",
                            "colors",
                            "status",
                            "glyphs",
                            "styleguide:ui-elements"
                        ]
                    }
                },
                {
                    "id": "styleguide:ui-elements",
                    "priority": "preferred",
                    "model": {
                        "type": "noneditable.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"
                    ]
                }
            ]
        }
        }
    };
});