[all] debug for app customization config

apps/common/mobile/lib/view/Search.jsx

@@ -85,15 +85,28 @@ class SearchView extends Component {
     constructor(props) {
         super(props);
 
-        const $$ = Dom7;
-
         this.state = {
             searchQuery: '',
             replaceQuery: ''
         };
 
-        $$(document).on('page:init', (e, page) => {
+        this.onSettingsClick = this.onSettingsClick.bind(this);
-            if(!this.searchbar) {
+        this.onSearchClick = this.onSearchClick.bind(this);
+        this.onReplaceClick = this.onReplaceClick.bind(this);
+    }
+
+    componentDidMount(){
+        this.$replace = $$('#idx-replace-val');
+
+        const $editor = $$('#editor_sdk');
+        $editor.on('pointerdown', this.onEditorTouchStart.bind(this));
+        $editor.on('pointerup', this.onEditorTouchEnd.bind(this));
+
+        if( !this.searchbar ) {
+            this.searchbar = f7.searchbar.get('.searchbar');
+        }
+
+        if( !this.searchbar ) {
             this.searchbar = f7.searchbar.create({
                 el: '.searchbar',
                 customSearch: true,
@@ -106,22 +119,7 @@ class SearchView extends Component {
                     disable: this.onSearchbarShow.bind(this, false)
                 }
             });
-
-                const $editor = $$('#editor_sdk');
-
-                $editor.on('pointerdown', this.onEditorTouchStart.bind(this));
-                $editor.on('pointerup', this.onEditorTouchEnd.bind(this));
         }
-        });
-
-        this.onSettingsClick = this.onSettingsClick.bind(this);
-        this.onSearchClick = this.onSearchClick.bind(this);
-        this.onReplaceClick = this.onReplaceClick.bind(this);
-    }
-
-    componentDidMount(){
-        const $$ = Dom7;
-        this.$replace = $$('#idx-replace-val');
     }
 
     componentWillUnmount() {