Ignore:
Timestamp:
06/24/12 16:25:01 (13 years ago)
Author:
hendrikvanantwerpen
Message:

[Client] Merged mockup into pages/ folder.
[Client] Make client more robust when pages have empty lines or multiple root nodes.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • Dev/branches/rest-dojo-ui/client/rft/pages/session.html

    r274 r347  
    11<div>
    2     <script type="dojo/method" data-dojo-event="onVisit">
    3         var that = this;
    4         debugger;
    5         require(['dojo/_base/json','dojo/dom','dojo/store/JsonRest','dojo/domReady!'],
    6             function(json,dom,JsonRest){
    7                 var store = new JsonRest({
    8                     target:"../server/api.php/data/Session/",
    9                     idProperty: 'uid'
    10                 });
    11                 store.get(that.args.uid).then(function(obj){
    12                     that.page_session_form.innerHTML = json.toJson(obj);
    13                 });
    14             });
    15     </script>
    16     <div class="largeFrame" style="width: 400px;">
    17         <div class="largeTitle">Session</div>
    18         <div class="content">
    19             <div data-rft-attach-point="page_session_form"></div>
     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 class="headerText">Teamup Session 15-5-2012 [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                    <!--PROPERTIES-->
     13                    <h3>Basic</h3>
     14                    <fieldset class="align">
     15                        <label for="titleInput">Title:</label>
     16                        <input type="text" id="titleInput" data-dojo-type="dijit.form.TextBox" data-dojo-props="placeHolder: 'Enter title here'" />
     17                        <br/>
     18                        <label for="descriptionInput">Description:</label>
     19                        <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>
     20                        <br/>
     21                        <label for="dateInput">Planned date:</label>
     22                        <input type="text" id="dateInput" data-dojo-type="dijit.form.DateTextBox" required="true" />
     23                    </fieldset>
     24
     25                    <h3>Accounts</h3>
     26                    <fieldset class="align">
     27                        <label for="accountsInput">Add new</label>
     28                        <input type="text" data-dojo-type="dijit.form.TextBox" data-dojo-props="placeHolder: 'Enter email address here...'" />
     29                        <button data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftBlockButton', class: 'green', iconClass: 'rftIcon rftIconPlus'">Invite</button>
     30                        <br/><br/>
     31                        <div data-dojo-type="rft.ui.List" data-dojo-props="region:'center'" style="width: 500px;">
     32                            <div data-dojo-type="rft.ui.LineWithActionsWidgetThijs" data-dojo-props="title:'a.bezuijen@tudelft.nl', modifiers: 'green', actions: {'Cancel':{callback: function(){}, properties: {blockButton: false, icon: 'Delete', modifiers:'white'}}}"></div>
     33                            <div data-dojo-type="rft.ui.LineWithActionsWidgetThijs" data-dojo-props="title:'i.mayer@tudelft.nl', modifiers: 'green', actions: {'Cancel':{callback: function(){}, properties: {blockButton: false, icon: 'Delete', modifiers:'white'}}}"></div>
     34                        </div>
     35                    </fieldset>
     36
     37                    <button id="btnPropertiesDiscard" data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconCancel'">Discard changes</button>
     38                    <button id="btnPropertiesSave" data-dojo-type="dijit.form.Button" data-dojo-props="baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconAccept'">Save changes</button>
     39
     40
     41                </div>
     42                <div data-dojo-type="dijit.layout.ContentPane" title="Design">
     43                    <!--DESIGN-->
     44
     45                    <div class="rftSessionObject green">
     46                        <div class="rftIcon rftIconSurvey"></div>
     47                        <label>Survey name</label>
     48                    </div>
     49                    <div class="rftSessionObject green">
     50                        <div class="rftIcon rftIconSurvey"></div>
     51                        <label>Survey name, this one is really long.</label>
     52                    </div>
     53
     54                </div>
     55            </div>
    2056        </div>
    2157    </div>
    22 
    2358</div>
Note: See TracChangeset for help on using the changeset viewer.