Changeset 353 for Dev/branches/rest-dojo-ui/client/rft/pages/sessions.html

Timestamp:

07/05/12 12:49:21 (13 years ago)

Author:

hendrikvanantwerpen

Message:

Added DB code to sessions page.
Removed old static mockups.
Removed dup widgets.

File:

• Dev/branches/rest-dojo-ui/client/rft/pages/sessions.html (modified) (2 diffs)

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

@@ -1 +1 @@
 <div data-dojo-type="rft.pages.sessions">
-    <script>
-        function createNew(){
-            var newBox = new rft.ui.ObjectBox({
-                title: 'TeamUp Basic Template',
-                subTitle: '',
-                lowerTitle: '',
-                objectType: 'SessionTemplate',
-                actions: {
-                    "edit": function() {},
-                    "delete": function() {}
-                }
-            });
-            newBox.startup();
-            newBox.placeAt("containerTemplates", "last");
-        }
-        
-        function createInstance(args) {
-            // Create a template instance in the "Sessions" tab
-            var args;
-            args.objectType = "Session";
-            var d = new Date();
-            var dateString = d.getDate()+"-"+d.getMonth()+"-"+d.getFullYear();
-            var creator = "Igor Mayer"; // Use currently logged in profile instead!
-            args.subTitle = "Created on "+dateString+" by "+creator;
-        
-            args.actions = {
-                "edit": function() {},
-                "delete": function() {}
-            }
-            var newBox = new rft.ui.ObjectBox(args);
-            newBox.startup();
-            newBox.placeAt("containerSessions", "last");
-
-            // TODO: Then switch tabs to the Sessions tab!
-            var sess = dijit.byId("dijit_layout_ContentPane_5");
-            dijit.byId("tabs").selectChild(sess);
-        }
-    </script>
     <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'">
@@ -48 +10 @@
             <div data-dojo-type="dijit.layout.TabContainer" class="green" data-dojo-props="tabPosition:'left-h',region:'center'" id="tabs">
                 <div data-dojo-type="dijit.layout.BorderContainer" title="Templates">
-                    <div id="containerTemplates" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'">
-                        <!--TODO: These don't allow for custom icon settings yet! -->
-                        <div data-dojo-type="rft.ui.ObjectBox" data-dojo-props="actions: {'edit': function(){alert('Custom edit code');}, 'delete':function(){}, 'Custom function': function(){alert('newCommand');}, 'publish': function(){alert('createInstance');}}"></div>
+                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'" data-rft-attach-point="containerTemplates">
                     </div>
                     <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'bottom'" style="height: 40px;">
-                        <div data-dojo-type="dijit.form.Button" data-dojo-props="region: 'bottom', baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconSessionTemplate', onClick: function(){alert('createNew');}">Create new template</div>
+                        <div data-dojo-type="dijit.form.Button" data-dojo-props="region: 'bottom', baseClass: 'rftLargeButton', iconClass: 'rftIcon rftIconSessionTemplate'" data-rft-attach-event="onClick:onAddSessionTemplate">Create new template</div>
                     </div>
                 </div>
                 <div data-dojo-type="dijit.layout.ContentPane" title="Sessions">
-                    <div id="containerSessions" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'">
-
+                    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'center'" data-rft-attach-point="containerSessions">
                     </div>
                     <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region: 'bottom'" style="height: 40px;">