Changeset 354 for Dev/branches/rest-dojo-ui/client/rft/pages/index.html

Timestamp:

07/09/12 19:24:56 (13 years ago)

Author:

tjcschipper

Message:

• Made change to _Page.js to destroy the page's child widgets on page leave. This was causing widgets with identical names (such as "btnSave") to make regsitry throw a duplicate widget error.
• survey.js/html now sorts loaded questions into categories and topics and creates or adds them to the proper TabPane/Selectors?. TODO: Allow for spaces in category titles.
• Added "addQuestion()" method to Selector.js, to internalize question visualization logic.
• Included surveyAdvanced page in run.js
• Changes index to use proper button format, still need to figure out a way to bind content.goTo to the onclick field (since there is no index.js script being run!)
• Various css tweaks.

File:

• Dev/branches/rest-dojo-ui/client/rft/pages/index.html (modified) (1 diff)

Dev/branches/rest-dojo-ui/client/rft/pages/index.html

@@ -10 +10 @@
         <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'">
 
-            <div class="rftIndexMenuBlock">
+            <div class="rftIndexMenuBlock" title="Sessions">
                 <div class="rftIndexMenuMask">
                     <span class="rftIcon rftIconSession"></span><span class="label">Sessions</span>
                 </div>
-                <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'green twoHeight', iconClass: 'rftIcon rftIconPlus'" onClick="goToPage('mSessions');">Create and edit</button>
-                <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'green twoHeight', iconClass: 'rftIcon rftIconForward'" onClick="goToPage('mSessions');">Facilitate</button>
+                <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">
+            <div class="rftIndexMenuBlock" title="Content">
                 <div class="rftIndexMenuMask">
                     <span class="rftIcon rftIconInspect"></span><span class="label">Content</span>
                 </div>
-                <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'blue oneHeight', iconClass: 'rftIcon rftIconSurvey'" onClick="goToPage('mSurveys');">Surveys</button>
-                <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'orange oneHeight', iconClass: 'rftIcon rftIconQuestion'" onClick="goToPage('mQuestions');">Questions</button>
-                <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'purple oneHeight', iconClass: 'rftIcon rftIconApplication'" onClick="goToPage('mApplications');">Applications</button>
-                <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'red oneHeight', iconClass: 'rftIcon rftIconDashboard'" onClick="goToPage('mDashboards');">Dashboards</button>
-
+                <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">
-                <div data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftIndexMenuButton', class: 'blue fourHeight', iconClass: 'rftIcon rftIconGameData'" onClick="goToPage('mResults')">Results</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>