<!DOCTYPE html>
<html>

<head>
    <title>ME 4.0 on WODA 1.0.0</title>
    <meta charset="utf-8">
    <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0">

    <script src="/EAMD.ucp/Components/tla/EAM/layer1/Thinglish/Once/1.0.0/src/js/Once.class.js" type="text/javascript"></script>
    <link href="/EAMD.ucp/Components/com/twitter/Bootstrap/3.3.7/Bootstrap.component.xml" rel="ucpComponent" type="text/html">
    <script>
        class App {
            static get implements() {
                return [];
            };
            static start() {
                window["app"] = new App();
                app.models = [];
                ONCE.eventSupport.addEventListener("newInstance", app, app.newInstance.bind(app));

            }
            static init() {
                console.debug("start loading App components...");
                return "start loading App components...";
            }

            newInstance(event, thing) {
                app.models.push(thing);
            }
        }
    </script>
</head>

<body>
    <div class="panel-group" id="accordeon_1" role="tablist">
        <div class="panel panel-default">
            <div class="panel-heading" role="tab">
                <h4 class="panel-title"><a role="button" href="#accordeon_1 .item-1" data-parent="#accordeon_1" data-toggle="collapse">Properties</a></h4>
            </div>
            <div class="panel-collapse collapse item-1 in" role="tabpanel">
                <div class="panel-body">
                    <div class="list-group"></div>
                </div>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading" role="tab">
                <h4 class="panel-title"><a role="button" href="#accordeon_1 .item-2" data-parent="#accordeon_1" data-toggle="collapse">Navigation</a></h4>
            </div>
            <div class="panel-collapse collapse item-2" role="tabpanel">
                <div class="panel-body">
                    <div class="list-group"></div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>