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

Last change on this file since 354 was 354, checked in by tjcschipper, 13 years ago
  • 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 size: 2.7 KB
Line 
1<div data-dojo-type="rft.pages.survey" id="survey">
2    <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'center'" style="height: 500px;">
3        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'top'">
4            <h2>
5                <span class="rftIcon rftIconSurvey"></span>
6                <span class="headerText" data-dojo-attach-point="header">Survey A [editing]</span>
7            </h2>
8        </div>
9        <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'center'">
10            <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'top'">
11                Presets
12            </div>
13            <div id="tabList" data-dojo-type="dijit.layout.TabContainer" class="blue" data-dojo-props="tabPosition:'left-h',region:'center'">
14                <!-- tabs go here -->
15            </div>
16        </div>
17        <!-- "Shopping cart" -->
18        <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'right'" style="width: 300px">
19            <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'top'">
20                <h3>Included questions</h3>
21            </div>
22            <div data-dojo-type="rft.ui.List" data-dojo-props="region:'center'">
23                <!-- These would have to be dynamically generated instead of declared here! -->
24                <div data-dojo-type="rft.ui.LineWithActionsWidget" data-dojo-props="title:'Question one', actions: {'Cancel':{callback: function(){}, properties: {blockButton: false, icon: 'Delete', modifiers:'white'}}}"></div>
25                <div data-dojo-type="rft.ui.LineWithActionsWidget" data-dojo-props="title:'Question two', actions: {'Cancel':{callback: function(){}, properties: {blockButton: false, icon: 'Delete', modifiers:'white'}}}"></div>
26            </div>
27            <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'bottom'">
28                <button id="btnProperties" data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconProperties'">Properties</button>
29                <button id="btnSave" data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconAccept'">Save Changes</button>
30                <button id="btnDiscard" data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconCancel'">Discard changes</button>
31                <button id="btnPreview" data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconPreview'">Preview</button>
32            </div>
33        </div>
34    </div>
35</div>
Note: See TracBrowser for help on using the repository browser.