Changeset 364

Timestamp:

07/17/12 16:49:30 (13 years ago)

Author:

jkraaijeveld

Message:

Since lists where common, created a ListView? base class with basic functionality. For the session editor, created a AccountListView? which only has the created method declared and derives everything else from ListView?.

Location:

Dev/branches/rest-dojo-ui/client/rft

Files:

• css/layout.css (modified) (1 diff)
• pages/session.html (modified) (1 diff)
• pages/session.js (modified) (4 diffs)
• ui/AccountListView.js (added)
• ui/List.js (added)
• ui/ListView.js (added)
• ui/Selector.js (modified) (2 diffs)
• ui/templates/AccountListView.html (added)
• ui/templates/List.html (added)
• ui/templates/ListView.html (added)

Dev/branches/rest-dojo-ui/client/rft/css/layout.css

@@ -484 +484 @@
     overflow: hidden;
 }
+
+/* Generic list with lines */
+.claro .rftLineListView {
+    width: 400px;
+    max-height: 500px;
+}
+.claro .rftLineListView .rftLineListViewContent {
+    max-width: 400px;
+    overflow: auto;
+}

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

@@ -27 +27 @@
                         <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>
+                            <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>
 

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

@@ -5 +5 @@
         'rft/store',
         'rft/ui/_Page',
-        'rft/content'],
-        function(declare,lang,event,Deferred,store,_Page,content){
+        'rft/content',
+    'rft/ui/AccountListView'
+    ],
+        function(declare,lang,event,Deferred,store,_Page,content,AccountListView){
                 return declare('rft.pages.session',[_Page],{
                         session: null,
+                        listView: null,
                         onVisit: function() {
                                 if ( this.pageArgs.uid ) {
@@ -16 +19 @@
                         this._refresh();
                                         }));
+                    this._setupListView();
                                 } else {
-                                        throw "No valid uid or survey passed!";
+                                        throw "No valid uid or session passed!";
                                 }
                         },
@@ -26 +30 @@
                 this.titleNode.innerHTML = this.session.title || '';
                 this.propertiesForm.set('value',this.session);
+            },
+            onInvite: function() {
+                this._addAccount({ title : this.emailBox.get('value') });
+                this.emailBox.set('value', "");
             },
             onSave: function(evt) {
@@ -41 +49 @@
                 content.goTo('sessions');
                 return false;
+            },
+            _addAccount: function(item) {
+                this.listView.insertItem(item);
+            },
+            _setupListView: function() {
+                this.listView = new AccountListView( {
+                    controller: this
+                }).placeAt(this.listViewNode);
+                this.listView.startup();
             }
+
                 });
 });

Dev/branches/rest-dojo-ui/client/rft/ui/Selector.js

@@ -12 +12 @@
     './LineWithActionsWidget',
     'dojo/text!./templates/Selector.html',
-    'dojo/dom-class'
+    'dojo/dom-class',
     ],function(
         declare,
@@ -102 +102 @@
                 }
             },
+
             onToggle: function(evt) {
                 if (this._folded) {