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

<div data-dojo-type="rft.pages.session">
    <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'center'" style="height: 500px;">
        <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'top'">
            <h2>
                <span class="rftIcon rftIconSurvey"></span>
                <span data-rft-attach-point="titleNode" class="headerText">Untitled</span><span class="headerText"> [editing]</span>
            </h2>
        </div>
        <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'center'">
            <div data-dojo-type="dijit.layout.TabContainer" class="green" data-dojo-props="tabPosition:'left-h',region:'center'">
                <div data-dojo-type="dijit.layout.ContentPane" title="Properties">
                    <div data-dojo-type="dijit.form.Form" data-rft-attach-point="propertiesForm" data-rft-attach-event="onSubmit:onSave">

                        <h3>Basic</h3>
                        <fieldset class="align">
                            <label for="title">Title</label>
                            <input type="text" name="title" data-dojo-type="dijit.form.TextBox" data-dojo-props="placeHolder: 'Enter title here'" />
                            <br/>
                            <label for="description">Description</label>
                            <textarea name="description" rows="3" cols="54" data-dojo-type="dijit.form.SimpleTextarea" data-dojo-props="selectOnClick: true, placeHolder: 'Description shown in tooltips'"></textarea>
                            <br/>
                            <label for="plannedDate">Planned date</label>
                            <input type="text" name="plannedDate" data-dojo-type="dijit.form.DateTextBox" required="required" />
                        </fieldset>

                        <h3>Accounts</h3>
                        <fieldset class="align">
                            <label for="accountSelector">Add new</label>
                            <select data-rft-attach-point="accountSelector"></select>
                            <button data-rft-attach-point="btnInvite" data-dojo-type="dijit.form.Button" data-rft-attach-event="onClick:onInvite" data-dojo-props="baseClass: 'rftBlockButton', class: 'green', iconClass: 'rftIcon rftIconPlus'">Invite</button>
                            <br/><br/>
                            
                            <div data-rft-attach-point="accountListNode" class="rftAccountListView">
                            </div>
                        </fieldset>

                        <button data-dojo-type="dijit.form.Button" data-rft-attach-event="onClick:onDiscard" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconCancel'">Discard changes</button>
                        <button data-dojo-type="dijit.form.Button" data-rft-attach-event="onClick:onSave" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconAccept'">Save changes</button>

                    </div>

                </div>
                <div data-dojo-type="dijit.layout.ContentPane" title="Design">
                    <div class="rftSessionObject green">
                        <div class="rftIcon rftIconSurvey"></div>
                        <label>Survey name</label>
                    </div>
                    <div class="rftSessionObject green">
                        <div class="rftIcon rftIconSurvey"></div>
                        <label>Survey name, this one is really long.</label>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>