source: Dev/branches/rest-dojo-ui/client/rft/pages/index.html @ 354

<div>
    <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'center'" style="height: 600px;">
        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'top'">
            <h2>
                <span class="rftIcon rftIconUser"></span>
                <span class="headerText">Main Menu</span>
            </h2>
        </div>

        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'">

            <div class="rftIndexMenuBlock" title="Sessions">
                <div class="rftIndexMenuMask">
                    <span class="rftIcon rftIconSession"></span><span class="label">Sessions</span>
                </div>
                <button id="btnContentCreate" data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'green twoHeight', iconClass: 'rftIcon rftIconPlus'">Create and edit</button>
                <button id="btnContentFacilitate" data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'green twoHeight', iconClass: 'rftIcon rftIconForward'">Facilitate</button>
            </div>

            <div class="rftIndexMenuBlock" title="Content">
                <div class="rftIndexMenuMask">
                    <span class="rftIcon rftIconInspect"></span><span class="label">Content</span>
                </div>
                <button id="btnSurveys" data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'blue oneHeight', iconClass: 'rftIcon rftIconSurvey'">Surveys</button>
                <button id="btnQuestions" data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'orange oneHeight', iconClass: 'rftIcon rftIconQuestion'">Questions</button>
                <button id="btnApplications" data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'purple oneHeight', iconClass: 'rftIcon rftIconApplication'">Applications</button>
                <button id="btnDashboards" data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'red oneHeight', iconClass: 'rftIcon rftIconDashboard'">Dashboards</button>
            </div>

            <div class="rftIndexMenuBlock" title="results">
                <div class="rftIndexMenuMask">
                    <span class="rftIcon rftIconGameData"></span><span class="label">Results</span>
                </div>
                <button id="btnResults" data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'blue fourHeight', iconClass: 'rftIcon rftIconGameData'">Results</button>
            </div>
        </div>
    </div>

    <script>
    require([
        'dojo/on',
        'dojo/query',
        'dijit/registry',
        'rft/content'
        ], function(on, query, registry, content){
            registry.byId("btnSessionsCreate").on("click", function(){
                content.goTo("sessions", null);
            });
            registry.byId("btnSessionsFacilitate").on("click", function(){
                content.goTo("sessions", null);
            });
            
            registry.byId("btnSurveys").on("click", function(){
                content.goTo("surveys", null);
            });
            registry.byId("btnQuestions").on("click", function(){
                content.goTo("questions", null);
            });
            registry.byId("btnApplications").on("click", function(){
                content.goTo("applications", null);
            });
            registry.byId("btnDashboards").on("click", function(){
                content.goTo("dashboards", null);
            });

            registry.byId("btnResults").on("click", function(){
                content.goTo("results", null);
            });

        });
</script>
</div>