source: Dev/branches/rest-dojo-ui/client/mSurveyAdvanced.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: 5.5 KB
RevLine 
[349]1<!DOCTYPE html>
2<html>
3<head>
4    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5    <title>Research Facilitator Tool</title>
6    <link rel="stylesheet" type="text/css" href="dojotoolkit/dijit/themes/claro/claro.css" />
7    <link rel="stylesheet" type="text/css" href="dojotoolkit/dojox/grid/resources/Grid.css" />
8    <link rel="stylesheet" type="text/css" href="dojotoolkit/dojox/grid/resources/claroGrid.css" />
9    <link rel="stylesheet" type="text/css" href="dojotoolkit/dojox/widget/Toaster/Toaster.css" />
10    <link rel="stylesheet" type="text/css" href="rft/css/main.css" />
11    <script type="text/javascript" src="dojotoolkit/dojo/dojo.js" data-dojo-config="async: true, parseOnLoad: false, tlmSiblingOfDojo: false, isDebug: true, baseUrl: '', packagePaths: {'dojotoolkit':['dojo','dijit', 'dojox'], '.':['rft']}"></script>
12    <script type="text/javascript">
13    require([
14        'dojo/parser',
15        'dijit/DropDownMenu',
16        'dijit/layout/AccordionContainer',
17        'dijit/layout/BorderContainer',
18        'dijit/layout/ContentPane',
19        'dijit/layout/TabContainer',
20        'dijit/layout/SplitContainer',
21        'dijit/MenuBar',
22        'dijit/MenuBarItem',
23        'dijit/form/Button',
24        'dijit/form/ComboBox',
25        'dijit/form/Form',
26        'dijit/form/Select',
27        'dijit/form/SimpleTextarea',
28        'dijit/form/TextBox',
29        'dijit/form/Textarea',
30        'dijit/PopupMenuBarItem',
31        'dijit/TitlePane',
32        'dojox/grid/DataGrid',
33        'dojox/widget/TitleGroup',
34        'rft/ui/List',
35        'rft/ui/MainMenu',
36        'rft/ui/MenuBarLink',
37        'rft/ui/MenuLink',
38        'rft/ui/Notifications',
39        'rft/ui/LineWithActionsWidget',
40        'rft/ui/QuestionWidget',
41        'rft/ui/Selector',
42        'rft/ui/SelectorThijs',
43        'rft/ui/LineWithActionsWidgetThijs',
44        'rft/ui/TitleGroup',
[354]45        'rft/ui/SurveyEditorPreview',
[349]46        'dojo/domReady!'
47        ],function(parser){
48            parser.parse();
49        });
50
51</script>
52</head>
53
[354]54<body class="dijitReset claro blue">
[349]55    <div class="page" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'">
56        <!-- Top menu bar -->
57        <div class="topbar" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'top'">
58            <h1>ResearchTool</h1>
59            <div data-dojo-type="rft.ui.MainMenu"></div>
60            <div class="breadcrumbs">
61                <span class="breadcrumb">User > </span>
62                <span class="breadcrumb">Session > </span>
63                <span class="breadcrumbCurrent">Survey A [Design]</span>
64            </div>
65        </div>
66        <!-- Main content window -->
67        <div class="content" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'">
68            <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'center'" style="height: 500px;">
69                <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'top'">
70                    <h2>
71                        <span class="rftIcon rftIconSurvey"></span>
72                        <span class="headerText">Survey A [Design]</span>
73                    </h2>
74                </div>
75
[354]76
77
78
[349]79                <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'left', design:'headline'" style="width: 300px;">
80                    <!-- Left toolbar -->
81                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'">
82                        <!--Accordion-->
[354]83                        <div data-dojo-type="dijit.layout.AccordionContainer" class="blue">
84                            <div data-dojo-type="dijit.layout.ContentPane" title="Content" data-dojo-props="iconClass:'rftIcon rftIconPlus'">
85                                <div data-dojo-type="dojo.dnd.Source" id="toolkitSource" data-dojo-props="skipForm: true, accept:[], selfAccept: false, copyOnly: true, horizontal: false, singular: true">
86                                                       
[349]87                                </div>
88                            </div>
89                        </div>
90                    </div>
[354]91                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'bottom'"
92                    >                    <!--Buttons-->
93                    <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconAccept'">Save</button>
94                    <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconCancel'">Discard</button>
95                    <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconUndo'">Exit Design</button>
[349]96                </div>
[354]97            </div>
[349]98
[354]99
100
101
102
103
104            <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'">
105                <div data-dojo-type="rft.ui.SurveyEditorPreview" data-dojo-id="SurveyEditorPreview">
[349]106                    <!-- Center preview/editor -->
107                </div>
[354]108
109                <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconPlus', onClick: function(){SurveyEditorPreview.InsertObjects([{data:{title: 'New item', description: 'Default', code: 'QAB01F'}, type: 'editorToolkitItem'}]);}">Add new</button>
[349]110            </div>
111        </div>
112    </div>
[354]113</div>
[349]114</body>
115</html>
Note: See TracBrowser for help on using the repository browser.