source: Dev/branches/rest-dojo-ui/client/qed/pages/templates/session.html @ 421

Last change on this file since 421 was 417, checked in by hendrikvanantwerpen, 12 years ago

Put all model dependent code in one place. More separation of general and domain code.

File size: 3.2 KB
Line 
1<div>
2    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'top'">
3        <h2>
4            <span class="rftIcon rftIconSurvey"></span>
5            <span data-dojo-attach-point="titleNode" class="headerText">Untitled</span><span class="headerText"> [editing]</span>
6        </h2>
7    </div>
8    <div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="region:'center'">
9        <div data-dojo-type="dijit/layout/TabContainer" class="green" data-dojo-props="tabPosition:'left-h',region:'center'">
10            <div data-dojo-type="dijit/layout/ContentPane" title="Properties">
11                <div data-dojo-type="dijit/form/Form" data-dojo-attach-point="propertiesForm" data-dojo-attach-event="onSubmit:onSave">
12
13                    <h3>Basic</h3>
14                    <fieldset class="align">
15                        <label for="title">Title</label>
16                        <input type="text" name="title" data-dojo-type="dijit/form/TextBox" data-dojo-props="placeHolder: 'Enter title here'" />
17                        <br/>
18                        <label for="description">Description</label>
19                        <textarea name="description" rows="3" cols="54" data-dojo-type="dijit/form/SimpleTextarea" data-dojo-props="selectOnClick: true, placeHolder: 'Description shown in tooltips'"></textarea>
20                        <br/>
21                        <label for="plannedDate">Planned date</label>
22                        <input type="text" name="plannedDate" data-dojo-type="dijit/form/DateTextBox" required="required" />
23                    </fieldset>
24
25                    <h3>Accounts</h3>
26                    <fieldset class="align">
27                        <label for="accountSelector">Add new</label>
28                        <select data-dojo-attach-point="accountSelector"></select>
29                        <button data-dojo-attach-point="btnInvite" data-dojo-type="dijit/form/Button" data-dojo-attach-event="onClick:onInvite" data-dojo-props="baseClass: 'rftBlockButton', class: 'green', iconClass: 'rftIcon rftIconPlus'">Invite</button>
30                        <br/><br/>
31                       
32                        <div data-dojo-attach-point="accountListNode" class="rftAccountListView">
33                        </div>
34                    </fieldset>
35
36                    <button data-dojo-type="dijit/form/Button" data-dojo-attach-event="onClick:onDiscard" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconCancel'">Discard changes</button>
37                    <button data-dojo-type="dijit/form/Button" data-dojo-attach-event="onClick:onSave" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconAccept'">Save changes</button>
38
39                </div>
40
41            </div>
42            <div data-dojo-type="dijit/layout/ContentPane" title="Design">
43                <div class="rftSessionObject green">
44                    <div class="rftIcon rftIconSurvey"></div>
45                    <label>Survey name</label>
46                </div>
47                <div class="rftSessionObject green">
48                    <div class="rftIcon rftIconSurvey"></div>
49                    <label>Survey name, this one is really long.</label>
50                </div>
51
52            </div>
53        </div>
54    </div>
55</div>
Note: See TracBrowser for help on using the repository browser.