almost done

Author: chunwei

.idea/encodings.xml

@@ -3,7 +3,7 @@
  */
 
 import React from 'react';
-import { Router, Route, Link } from 'react-router';
+import { Router, Route, IndexRoute, Link } from 'react-router';
 import CommentBox from '../../components/comment/CommentBox.js';
 import CommentForm from '../../components/comment/CommentForm.js';
 import RSVP from '../../components/utils/common.js';
@@ -22,19 +22,48 @@ var App = React.createClass({
   }
 });
 
-/*reply/:id/:towho/:towhoname*/
+var AppDefault = React.createClass({
+  render: function () {
+    return null;
+  }
+});
+
+var onEnterRoot=function(nextState, replaceState){
+  //console.log("onEnterRoot");
+  //console.log("nextState",nextState);
+  //console.log("replaceState",replaceState);
+  var hash = nextState.location.pathname.replace('/','#');
+  if (hash) {console.log("hash=",hash);
+      var element = document.querySelector(hash);
+      if (element) {console.log("scrollIntoView");
+        element.scrollIntoView();
+      }
+  } else {
+    window.scrollTo(0, 0);
+  }
+};
+
+
+var onTouchMove=function(e) {//console.log('onTouchMove');
+  e.preventDefault();
+  e.stopPropagation();
+};
 var onEnter=function(){
   console.log("onEnter");
+  document.body.addEventListener('touchmove', onTouchMove, false);
 };
 var onLeave=function(){
   console.log("onLeave");
+  document.body.removeEventListener('touchmove', onTouchMove);
 };
-React.render((
-    <Router>
-      <Route path="/" component={App}>
-        <Route path="post" component={CommentForm} onEnter={onEnter} onLeave={onLeave}/>
-        <Route path="reply/:id" component={CommentForm} onEnter={onEnter} onLeave={onLeave}/>
-      </Route>
-    </Router>
-  ), document.getElementById("comments")
+var routes=<Route path="/" component={App} onEnter={onEnterRoot} >
+            /*<IndexRoute component={AppDefault} />*/
+            <Route path="post" component={CommentForm} onEnter={onEnter} onLeave={onLeave}/>
+            <Route path="reply/:id" component={CommentForm} onEnter={onEnter} onLeave={onLeave}/>
+            <Route path="*" component={AppDefault}/>
+          </Route>;
+
+var router = <Router routes={routes}/>
+/*reply/:id/:towho/:towhoname*/
+React.render(router, document.getElementById("comments")
 );