Fix affix

lib/views/page_list.html

@@ -2,6 +2,11 @@
 
 {% block html_title %}{{ path|path2name }} · {{ path }}{% endblock %}
 
+{% block html_base_attr %}
+  data-spy="scroll"
+  data-target="#search-result-list"
+{% endblock %}
+
 {% block content_head %}
 
 {% block content_head_before %}

resource/js/components/PageListSearch.js

@@ -37,7 +37,6 @@ export default class PageListSearch extends React.Component {
     // This is temporary data bind ... (out of component)
     $('#search-listpage-form').on('submit', () => {
       const keyword = $pageListSearchForm.val();
-      console.log('submit with', keyword);
       if (keyword != this.state.searchingKeyword)  {
         this.search({keyword});
       }
@@ -72,7 +71,7 @@ export default class PageListSearch extends React.Component {
     // this is not fired now because of force-data-bound by jQuery
     const keyword = event.target.value;
     this.setState({searchedKeyword: keyword});
-    console.log('Changed');
+    //console.log('Changed');
   }
 
   stopSearching() {
@@ -102,7 +101,6 @@ export default class PageListSearch extends React.Component {
   search(data) {
     const keyword = data.keyword || '';
     const tree = this.state.tree;
-    console.log('search with', keyword, tree);
 
     this.changeURL(keyword);
     if (keyword === '') {

resource/js/components/SearchPage/SearchResult.js

@@ -49,6 +49,11 @@ export default class SearchResult extends React.Component {
       );
     });
 
+    // TODO あとでなんとかする
+    setTimeout(() => {
+      $('#search-result-list > nav').affix({ offset: { top: 120 }});
+    }, 1200);
+
     /*
     UI あとで考える
     <span className="search-result-meta">Found: {this.props.searchResultMeta.total} pages with "{this.props.searchingKeyword}"</span>
@@ -57,7 +62,7 @@ export default class SearchResult extends React.Component {
       <div className="content-main">
         <div className="search-result row" id="search-result">
           <div className="col-md-4 page-list search-result-list" id="search-result-list">
-            <nav data-spy="affix"  data-offset-top="120">
+            <nav data-spy="affix" data-offset-top="120">
               <ul className="page-list-ul nav">
                 {listView}
               </ul>