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

Last change on this file since 347 was 347, checked in by hendrikvanantwerpen, 13 years ago

[Client] Merged mockup into pages/ folder.
[Client] Make client more robust when pages have empty lines or multiple root nodes.
File size: 4.4 KB
Line 
1<div data-dojo-type="rft.pages.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">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 data-dojo-type="dijit.layout.TabContainer" class="blue" data-dojo-props="tabPosition:'left-h',region:'center'">
14                <div data-dojo-type="dijit.layout.ContentPane" title="Category One, this is a very long title to see how overflow works. This part is cut off because it passes two lines at 200px wide.">
15                    <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat one'"></div>
16                    <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat two'"></div>
17                </div>
18                <div data-dojo-type="dijit.layout.ContentPane" title="Category Two">
19                    <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat one'"></div>
20                    <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat two'"></div>
21                </div>
22                <div data-dojo-type="dijit.layout.ContentPane" title="Category Three">
23                    <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat one'"></div>
24                </div>
25                <div data-dojo-type="dijit.layout.ContentPane" title="Category Four">
26                    <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Green Question Subcat one'"></div>
27                    <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat two'"></div>
28                    <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat three'"></div>
29                </div>
30                <div data-dojo-type="dijit.layout.ContentPane" title="Category Five">
31                    <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat one'"></div>
32                    <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat two'"></div>
33                    <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat three'"></div>
34                    <div data-dojo-type="rft.ui.SelectorThijs" data-dojo-props="Title:'Subcat four'"></div>
35                </div>
36            </div>
37        </div>
38        <!-- "Shopping cart" -->
39        <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'right'" style="width: 300px">
40            <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'top'">
41                <h3>Included questions</h3>
42            </div>
43            <div data-dojo-type="rft.ui.List" data-dojo-props="region:'center'">
44                <!-- These would have to be dynamically generated instead of declared here! -->
45                <div data-dojo-type="rft.ui.LineWithActionsWidgetThijs" data-dojo-props="title:'Question one', actions: {'Cancel':{callback: function(){}, properties: {blockButton: false, icon: 'Delete', modifiers:'white'}}}"></div>
46                <div data-dojo-type="rft.ui.LineWithActionsWidgetThijs" data-dojo-props="title:'Question two', actions: {'Cancel':{callback: function(){}, properties: {blockButton: false, icon: 'Delete', modifiers:'white'}}}"></div>
47            </div>
48            <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'bottom'">
49                <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconSettings'">Settings</button>
50                <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconAccept'">Save Changes</button>
51                <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconCancel'">Discard changes</button>
52                <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconPreview'">Preview</button>
53            </div>
54        </div>
55    </div>
56</div>
Note: See TracBrowser for help on using the repository browser.