update example

codeBelt · codeBelt · commit 27bd2e8140d7 · 2014-09-15T21:36:05.000-05:00
diff --git a/examples/SinglePageWebsite/assets/scripts/view/RootView.js b/examples/SinglePageWebsite/assets/scripts/view/RootView.js
@@ -62,11 +62,11 @@ define(function (require, exports, module) { // jshint ignore:line
             this.addChild(this._footerView);
 
             Router.add('', this.homeRouterHandler, this);
-            Router.add('about', this.aboutRouterHandler, this);
-            Router.add('contact', this.contactRouterHandler, this);
-            Router.add('services', this.servicesRouterHandler, this);
-            Router.add('menu', this.menuRouterHandler, this);
-            Router.add(':all:', this._allRouterHandler, this);
+            Router.add('/menu/', this.menuRouterHandler, this);
+            Router.add('/about/', this.aboutRouterHandler, this);
+            Router.add('/services/', this.servicesRouterHandler, this);
+            Router.add('/contact/?', this.contactRouterHandler, this);
+            Router.add('*', this._allRouterHandler, this);
             Router.start();
         };
 
@@ -119,34 +119,44 @@ define(function (require, exports, module) { // jshint ignore:line
         };
 
         RootView.prototype.homeRouterHandler = function (routerEvent) {
+            console.log("routerEvent", routerEvent);
+
             if (!(this._currentView instanceof HomeView)) {
                 var view = new HomeView();
                 this.changeView(view);
             }
         };
 
         RootView.prototype.aboutRouterHandler = function (routerEvent) {
+            console.log("routerEvent", routerEvent);
+
             if (!(this._currentView instanceof AboutView)) {
                 var view = new AboutView();
                 this.changeView(view);
             }
         };
 
         RootView.prototype.contactRouterHandler = function (routerEvent) {
+            console.log("routerEvent", routerEvent);
+
             if (!(this._currentView instanceof ContactView)) {
-                var view = new ContactView();
+                var view = new ContactView(routerEvent);
                 this.changeView(view);
             }
         };
 
         RootView.prototype.servicesRouterHandler = function (routerEvent) {
+            console.log("routerEvent", routerEvent);
+
             if (!(this._currentView instanceof ServicesView)) {
                 var view = new ServicesView();
                 this.changeView(view);
             }
         };
 
         RootView.prototype.menuRouterHandler = function (routerEvent) {
+            console.log("routerEvent", routerEvent);
+
             if (!(this._currentView instanceof MenuView)) {
                 var view = new MenuView();
                 this.changeView(view);
diff --git a/examples/SinglePageWebsite/assets/scripts/view/contact/ContactView.js b/examples/SinglePageWebsite/assets/scripts/view/contact/ContactView.js
@@ -17,15 +17,22 @@ define(function (require, exports, module) { // jshint ignore:line
 
         var _super = Extend(ContactView, DOMElement);
 
-        function ContactView() {
+        function ContactView(routerEvent) {
             _super.call(this);
+
+            /**
+             * @property _routeEvent
+             * @type {RouteEvent}
+             * @private
+             */
+            this._routeEvent = routerEvent;
         }
 
         /**
          * @overridden DOMElement.createChildren
          */
         ContactView.prototype.createChildren = function () {
-            _super.prototype.createChildren.call(this, ContactTemplate);
+            _super.prototype.createChildren.call(this, ContactTemplate, this._routeEvent.query);
 
             // Create and add your child objects to this parent class.
         };
diff --git a/examples/SinglePageWebsite/assets/templates/contact/ContactTemplate.html b/examples/SinglePageWebsite/assets/templates/contact/ContactTemplate.html
@@ -10,15 +10,15 @@ <h2>Contact the <span>DelliStore!</span></h2>
                         <ul>
                             <li>
                                 <label>Full Name <span>*</span></label>
-                                <input type="text" />
+                                <input type="text" value="{{name}}" />
                             </li>
                             <li>
                                 <label>Email Address <span>*</span></label>
-                                <input type="text" />
+                                <input type="text" value="{{email}}" />
                             </li>
                             <li>
                                 <label>Your Message  <span>*</span></label>
-                                <textarea cols="50" rows="5"></textarea>
+                                <textarea cols="50" rows="5">{{message}}</textarea>
                             </li>
                             <li class="submit">
                                 <p><span>*</span> These are required fields</p>
diff --git a/examples/SinglePageWebsite/assets/templates/header/HeaderTemplate.html b/examples/SinglePageWebsite/assets/templates/header/HeaderTemplate.html
@@ -6,7 +6,7 @@ <h1><a href="#/">DelliStore</a></h1>
             <li><a href="#/menu/">Menu</a></li>
             <li><a href="#/about/">About Us</a></li>
             <li><a href="#/services/">Services</a></li>
-            <li><a href="#/contact/">Contact Us</a></li>
+            <li><a href="#/contact/?name=robert&email=email@email.com&message=Robert is so cool.">Contact Us</a></li>
         </ul>
     </div>
 </div>
