| 1 | <div data-dojo-type="rft.pages.session"> |
|---|
| 2 | <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'center'" style="height: 500px;"> |
|---|
| 3 | <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'top'"> |
|---|
| 4 | <h2> |
|---|
| 5 | <span class="rftIcon rftIconSurvey"></span> |
|---|
| 6 | <span data-rft-attach-point="titleNode" class="headerText">Untitled</span><span class="headerText"> [editing]</span> |
|---|
| 7 | </h2> |
|---|
| 8 | </div> |
|---|
| 9 | <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region:'center'"> |
|---|
| 10 | <div data-dojo-type="dijit.layout.TabContainer" class="green" data-dojo-props="tabPosition:'left-h',region:'center'"> |
|---|
| 11 | <div data-dojo-type="dijit.layout.ContentPane" title="Properties"> |
|---|
| 12 | <div data-dojo-type="dijit.form.Form" data-rft-attach-point="propertiesForm" data-rft-attach-event="onSubmit:onSave"> |
|---|
| 13 | |
|---|
| 14 | <h3>Basic</h3> |
|---|
| 15 | <fieldset class="align"> |
|---|
| 16 | <label for="titleInput">Title</label> |
|---|
| 17 | <input type="text" name="title" data-dojo-type="dijit.form.TextBox" data-dojo-props="placeHolder: 'Enter title here'" /> |
|---|
| 18 | <br/> |
|---|
| 19 | <label for="descriptionInput">Description</label> |
|---|
| 20 | <textarea name="description" rows="3" cols="54" data-dojo-type="dijit.form.SimpleTextarea" data-dojo-props="selectOnClick: true, placeHolder: 'Description shown in tooltips'"></textarea> |
|---|
| 21 | <br/> |
|---|
| 22 | <label for="dateInput">Planned date</label> |
|---|
| 23 | <input type="text" name="plannedDate" data-dojo-type="dijit.form.DateTextBox" required="required" /> |
|---|
| 24 | </fieldset> |
|---|
| 25 | |
|---|
| 26 | <h3>Accounts</h3> |
|---|
| 27 | <fieldset class="align"> |
|---|
| 28 | <label for="accountsInput">Add new</label> |
|---|
| 29 | <input type="text" data-dojo-type="dijit.form.TextBox" data-dojo-props="placeHolder: 'Enter email address here...'" /> |
|---|
| 30 | <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftBlockButton', class: 'green', iconClass: 'rftIcon rftIconPlus'">Invite</button> |
|---|
| 31 | <br/><br/> |
|---|
| 32 | <div data-dojo-type="rft.ui.List" data-dojo-props="region:'center'" style="width: 500px;"> |
|---|
| 33 | <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> |
|---|
| 34 | <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> |
|---|
| 35 | </div> |
|---|
| 36 | </fieldset> |
|---|
| 37 | |
|---|
| 38 | <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> |
|---|
| 39 | <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> |
|---|
| 40 | |
|---|
| 41 | </div> |
|---|
| 42 | |
|---|
| 43 | </div> |
|---|
| 44 | <div data-dojo-type="dijit.layout.ContentPane" title="Design"> |
|---|
| 45 | <!--DESIGN--> |
|---|
| 46 | |
|---|
| 47 | <div class="rftSessionObject green"> |
|---|
| 48 | <div class="rftIcon rftIconSurvey"></div> |
|---|
| 49 | <label>Survey name</label> |
|---|
| 50 | </div> |
|---|
| 51 | <div class="rftSessionObject green"> |
|---|
| 52 | <div class="rftIcon rftIconSurvey"></div> |
|---|
| 53 | <label>Survey name, this one is really long.</label> |
|---|
| 54 | </div> |
|---|
| 55 | |
|---|
| 56 | </div> |
|---|
| 57 | </div> |
|---|
| 58 | </div> |
|---|
| 59 | </div> |
|---|
| 60 | </div> |
|---|
