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

<div>
    <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 class="headerText">Teamup Session 15-5-2012 [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">
                    <!--PROPERTIES-->
                    <h3>Basic</h3>
                    <fieldset class="align">
                        <label for="titleInput">Title:</label>
                        <input type="text" id="titleInput" data-dojo-type="dijit.form.TextBox" data-dojo-props="placeHolder: 'Enter title here'" />
                        <br/>
                        <label for="descriptionInput">Description:</label>
                        <textarea id="descriptionInput" rows="3" cols="54" data-dojo-type="dijit.form.SimpleTextarea" data-dojo-props="selectOnClick: true">This is the description in the info popups!</textarea>
                        <br/>
                        <label for="dateInput">Planned date:</label>
                        <input type="text" id="dateInput" data-dojo-type="dijit.form.DateTextBox" required="true" />
                    </fieldset>

                    <h3>Accounts</h3>
                    <fieldset class="align">
                        <label for="accountsInput">Add new</label>
                        <input type="text" data-dojo-type="dijit.form.TextBox" data-dojo-props="placeHolder: 'Enter email address here...'" />
                        <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftBlockButton', class: 'green', iconClass: 'rftIcon rftIconPlus'">Invite</button>
                        <br/><br/>
                        <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 id="btnPropertiesDiscard" data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconCancel'">Discard changes</button>
                    <button id="btnPropertiesSave" data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconAccept'">Save changes</button>


                </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>