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

<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="titleInput">Title</label>
                            <input type="text" name="title" data-dojo-type="dijit.form.TextBox" data-dojo-props="placeHolder: 'Enter title here'" />
                            <br/>
                            <label for="descriptionInput">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="dateInput">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="accountsInput">Add new</label>
                            <select id="accountBox"></select>
                            <!--
                            <input type="text" data-rft-attach-point="emailBox" data-dojo-type="dijit.form.TextBox" data-dojo-props="placeHolder: 'Enter email address here...'" />
                            -->
                            <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="listViewNode" class="rftLineListView">
                            </div>
                            <!--
                            <div data-dojo-type="rft.ui.List" data-dojo-props="region:'center'" style="width: 500px;">
                                <div data-dojo-type="rft.ui.LineWithActionsWidget" data-dojo-props="title:'a.bezuijen@tudelft.nl', modifiers: 'green', actions: {'Cancel':{callback: function(){}, properties: {blockButton: false, icon: 'Delete', modifiers:'white'}}}"></div>
                                <div data-dojo-type="rft.ui.LineWithActionsWidget" data-dojo-props="title:'i.mayer@tudelft.nl', modifiers: 'green', actions: {'Cancel':{callback: function(){}, properties: {blockButton: false, icon: 'Delete', modifiers:'white'}}}"></div>
                            </div>
                            -->
                        </fieldset>

                        <button data-rft-attach-point="btnPropertiesDiscard" 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-rft-attach-point="btnPropertiesSave" 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">
                    <!--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>