source: Dev/branches/rest-dojo-ui/client/rft/pages/session.html @ 414

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

Added build infrastructure and reorganised code to match it.

Page navigation is now done by the rft/app/Controller class. pages
inherit generally from rft/app/Page, which is a BorderContainer?. The
Page uses normal widget mechanism like templateString, all data-rft-*
are obsolete, use normal data-dojo-* options again in templates.
This is done so the pages of the app can be included in the build.
URLs are linked to pages through registration, which is done in
run.js. The routes are defined in the routes.js file. Page class names
and URLs are now independent.

Reduced includes in index.html to one CSS file and two JS files. Dojo
stylesheets are now included thorugh externals.css.

Dojo 1.8 doesn't require the dotted names in declares anymore. All these
are now removed (redundant with module path and JS filename anyway)
and in templates a module id is used, so iso 'dijit.form.Form' use
'dijit/form/Form' now. This is more consistent with requires in the JS
code and they are picked up by the build system.

Removed any old-style dojo.<function> code and use loaded modules
everywhere.

Lots of whitespace unification.
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.