Make search bar working again and move to the topbar component.

Author: hikalkan

angular/src/app/app.component.html

@@ -1,16 +1,5 @@
 <div class="overlay"></div>
 
-<!-- Search Bar -->
-<div class="search-bar">
-    <div class="search-icon">
-        <i class="material-icons">search</i>
-    </div>
-    <input type="text" placeholder="START TYPING...">
-    <div class="close-search">
-        <i class="material-icons">close</i>
-    </div>
-</div> <!-- #END# Search Bar -->
-
 <top-bar></top-bar>
 
 <section>

angular/src/app/layout/topbar.component.html

@@ -1,4 +1,15 @@
-<nav class="navbar">
+<!-- Search Bar -->
+<div class="search-bar">
+    <div class="search-icon">
+        <i class="material-icons">search</i>
+    </div>
+    <input type="text" placeholder="START TYPING...">
+    <div class="close-search">
+        <i class="material-icons">close</i>
+    </div>
+</div> <!-- #END# Search Bar -->
+
+<nav class="navbar">
     <div class="container-fluid">
         <div class="navbar-header">
             <a href="javascript:void(0);" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false"></a>

angular/src/bsb-theme/js/admin.js

@@ -195,10 +195,10 @@
     *  You can manage the search bar
     *  
     */
-    var $searchBar = $('.search-bar');
     $.AdminBSB.search = {
         activate: function () {
             var _this = this;
+            var $searchBar = $('.search-bar');
 
             //Search button click event
             $('.js-search').on('click', function () {
@@ -218,10 +218,13 @@
             });
         },
         showSearchBar: function () {
+            var $searchBar = $('.search-bar');
             $searchBar.addClass('open');
             $searchBar.find('input[type="text"]').focus();
+            console.log($searchBar);
         },
         hideSearchBar: function () {
+            var $searchBar = $('.search-bar');
             $searchBar.removeClass('open');
             $searchBar.find('input[type="text"]').val('');
         }