From bada1325ed739943ce4e691999e090cdc6951393 Mon Sep 17 00:00:00 2001
From: Manuel Albarral <manuel@wazuh.com>
Date: Fri, 21 Jul 2017 13:51:13 +0200
Subject: [PATCH] Searchbar and some styles fixed

---
 public/controllers/overview.js                |  2 +-
 public/directives/kibanaDiscoverDirective.js  |  2 +-
 public/less/main.less                         | 18 ++++-
 public/templates/agents-audit.html            |  2 +-
 public/templates/agents-fim.html              |  2 +-
 public/templates/agents-oscap.html            |  2 +-
 public/templates/agents-overview.html         |  2 +-
 public/templates/agents-pci.html              |  2 +-
 public/templates/agents-pm.html               |  2 +-
 public/templates/agents.head                  |  2 +-
 .../directives/dis-full-template.html         | 75 +++++++------------
 public/templates/manager-status.html          |  4 +-
 public/templates/overview-general.html        |  2 +-
 public/templates/ruleset-rules.html           |  6 +-
 14 files changed, 58 insertions(+), 65 deletions(-)

diff --git a/public/controllers/overview.js b/public/controllers/overview.js
index 615b0277a..ad05a9927 100644
--- a/public/controllers/overview.js
+++ b/public/controllers/overview.js
@@ -102,7 +102,7 @@ app.controller('overviewController', function ($scope, appState, $window, generi
 	
 	// Watchers
 	$scope.$watch('tabView', function() {
-		$location.search('view', $scope.tabView);		
+		$location.search('view', $scope.tabView);
 	});
 	
 	// Watch for timefilter changes
diff --git a/public/directives/kibanaDiscoverDirective.js b/public/directives/kibanaDiscoverDirective.js
index a321ecac6..c401c5f9e 100644
--- a/public/directives/kibanaDiscoverDirective.js
+++ b/public/directives/kibanaDiscoverDirective.js
@@ -57,7 +57,7 @@ SavedObjectRegistryProvider.register(savedSearchProvider);
 
 
 var app = uiModules.get('app/wazuh', [])
-    .directive('kbnDis', [function() {
+    .directive('kbnDis', [function() { 
         return {
             restrict: 'E',
             scope: {
diff --git a/public/less/main.less b/public/less/main.less
index 29f4dac5d..9143226b0 100644
--- a/public/less/main.less
+++ b/public/less/main.less
@@ -3,6 +3,19 @@ body{
    width:100%;
 }
 
+.vis-editor-content text, h2.index-pattern-label{
+	font-weight: normal !important;
+}
+
+.wazuh-discover-searchbar{
+	margin-top: -50px !important;
+	z-index:9999;
+}
+
+.wazuh-searchbar navbar{
+	margin-top: -40px !important;
+}
+
 .no-legend visualize-legend{
     visibility: hidden;
     width: 0px;
@@ -50,7 +63,7 @@ span.md-headline {
 .md-headline-small{
 	font-size: 18px;
 }
-.h3, h3 {
+.wazuh-h3 {
 	font-size: 18px !important;
 	font-weight: 400 !important;
 }
@@ -444,7 +457,7 @@ md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolb
 	border: none !important;
 }
 
-.md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
+.md-toolbar-tools h1, .md-toolbar-tools .wazuh-h2, .md-toolbar-tools h3 {
     font-size: inherit;
     font-weight: 500;
     text-transform: uppercase;
@@ -591,6 +604,7 @@ md-autocomplete input:-ms-input-placeholder {
 .wazuh-h1 {
 	font-size: 24px !important;
 }
+
 md-chips.md-default-theme .md-chips, md-chips .md-chips {
 	box-shadow: none;
 }
diff --git a/public/templates/agents-audit.html b/public/templates/agents-audit.html
index a1a7b23b4..9015d6469 100644
--- a/public/templates/agents-audit.html
+++ b/public/templates/agents-audit.html
@@ -1,7 +1,7 @@
 <md-content ng-if="submenuNavItem == 'audit' && _agent" id="agents-audit" ng-controller="auditController">
 
 	<!-- Kibana search bar -->
-	<kbn-searchbar ng-if="tabView == 'panels'"></kbn-searchbar>
+	<kbn-searchbar class="wazuh-searchbar" ng-if="tabView == 'panels'"></kbn-searchbar>
 	
 	<!-- No results message -->
 	<md-content flex layout="row" layout-align="start start" ng-if="!results && tabView == 'panels'">
diff --git a/public/templates/agents-fim.html b/public/templates/agents-fim.html
index 9ddde37d2..0b2df7cfe 100644
--- a/public/templates/agents-fim.html
+++ b/public/templates/agents-fim.html
@@ -1,7 +1,7 @@
 <md-content ng-if="submenuNavItem == 'fim' && _agent" id="agents-fim" ng-controller="fimController">
 
 	<!-- Kibana search bar -->
-	<kbn-searchbar ng-if="tabView == 'panels'"></kbn-searchbar>
+	<kbn-searchbar class="wazuh-searchbar" ng-if="tabView == 'panels'"></kbn-searchbar>
 	
 	<!-- No results message -->
 	<md-content flex layout="row" layout-align="start start" ng-if="!results && tabView == 'panels'">
diff --git a/public/templates/agents-oscap.html b/public/templates/agents-oscap.html
index db696d869..e6ef22c10 100644
--- a/public/templates/agents-oscap.html
+++ b/public/templates/agents-oscap.html
@@ -1,7 +1,7 @@
 <md-content ng-if="submenuNavItem == 'oscap' && _agent" id="agents-oscap" ng-controller="oscapController">
 
 	<!-- Kibana search bar -->
-	<kbn-searchbar ng-if="tabView == 'panels'"></kbn-searchbar>
+	<kbn-searchbar class="wazuh-searchbar" ng-if="tabView == 'panels'"></kbn-searchbar>
 	
 	<!-- No results message -->
 	<md-content flex layout="row" layout-align="start start" ng-if="!results && tabView == 'panels'">
diff --git a/public/templates/agents-overview.html b/public/templates/agents-overview.html
index c4d0e209a..7372d7736 100644
--- a/public/templates/agents-overview.html
+++ b/public/templates/agents-overview.html
@@ -1,7 +1,7 @@
 <md-content ng-if="submenuNavItem == 'overview' && agentInfo" ng-controller="agentsOverviewController">
 
 	<!-- Kibana search bar -->
-	<kbn-searchbar ng-if="tabView == 'panels'"></kbn-searchbar>
+	<kbn-searchbar class="wazuh-searchbar" ng-if="tabView == 'panels'"></kbn-searchbar>
 	
 	<div ng-if="tabView == 'panels'">
 		<md-content layout="row">
diff --git a/public/templates/agents-pci.html b/public/templates/agents-pci.html
index 64b6004c3..f0b3f569b 100644
--- a/public/templates/agents-pci.html
+++ b/public/templates/agents-pci.html
@@ -1,7 +1,7 @@
 <md-content ng-if="submenuNavItem == 'pci' && _agent" id="agents-pci" ng-controller="PCIController">
 
 	<!-- Kibana search bar -->
-	<kbn-searchbar ng-if="tabView == 'panels'"></kbn-searchbar>
+	<kbn-searchbar class="wazuh-searchbar" ng-if="tabView == 'panels'"></kbn-searchbar>
 	
 	<!-- No results message -->
 	<md-content flex layout="row" layout-align="start start" ng-if="!results && tabView == 'panels'">
diff --git a/public/templates/agents-pm.html b/public/templates/agents-pm.html
index 85114b5e0..ec74a429a 100644
--- a/public/templates/agents-pm.html
+++ b/public/templates/agents-pm.html
@@ -1,7 +1,7 @@
 <md-content ng-if="submenuNavItem == 'policy_monitoring' && _agent" id="agents-pm" ng-controller="pmController">
 
 	<!-- Kibana search bar -->
-	<kbn-searchbar ng-if="tabView == 'panels'"></kbn-searchbar>
+	<kbn-searchbar class="wazuh-searchbar" ng-if="tabView == 'panels'"></kbn-searchbar>
 	
 	<!-- No results message -->
 	<md-content flex layout="row" layout-align="start start" ng-if="!results && tabView == 'panels'">
diff --git a/public/templates/agents.head b/public/templates/agents.head
index f4fee2977..e7d6d155b 100644
--- a/public/templates/agents.head
+++ b/public/templates/agents.head
@@ -39,7 +39,7 @@
 						</div>
 						
 						<div ng-if="!_agent"> 
-							<h2 style="text-transform: none; font-size: 20px;">
+							<h2 class="wazuh-h2" style="text-transform: none; font-size: 20px;">
 								<i style="margin-right: 5px; " class="fa fa-desktop" aria-hidden="true"></i> Agents overview
 							</h2>
 						</div>
diff --git a/public/templates/directives/dis-full-template.html b/public/templates/directives/dis-full-template.html
index 19024c579..19e50a40c 100644
--- a/public/templates/directives/dis-full-template.html
+++ b/public/templates/directives/dis-full-template.html
@@ -2,7 +2,9 @@
 
   <kbn-top-nav name="discover" config="topNavMenu">
     <!-- Transcluded elements. -->
-    <div data-transclude-slots>
+    
+  </kbn-top-nav>
+	<div data-transclude-slots class="wazuh-discover-searchbar">
       <!-- Breadcrumbs. -->
       <div data-transclude-slot="topLeftCorner" class="kuiLocalBreadcrumbs">
         <h1 tabindex="0" id="kui_local_breadcrumb" class="kuiLocalBreadcrumb">
@@ -16,54 +18,31 @@
       </div>
 	  
       <!-- Search. -->
-      <form
-        data-transclude-slot="bottomRow"
-        class="fullWidth"
-        role="form"
-        name="discoverSearch"
-        ng-submit="fetch()"
-      >
-        <div class="typeahead" kbn-typeahead="discover" on-select="fetch()">
-          <div class="kuiLocalSearch">
-            <div class="kuiLocalSearchAssistedInput">
-              <input
-                parse-query
-                input-focus
-                kbn-typeahead-input
-                ng-model="state.query"
-                placeholder="Search... (e.g. status:200 AND extension:PHP)"
-                aria-label="Search input"
-                type="text"
-                class="kuiLocalSearchInput kuiLocalSearchInput--lucene"
-                ng-class="{'kuiLocalSearchInput-isInvalid': discoverSearch.$invalid}"
-              >
-              <div class="kuiLocalSearchAssistedInput__assistance">
-                <p class="kuiText">
-                  <a
-                    class="kuiLink"
-                    ng-href="{{queryDocLinks.luceneQuerySyntax}}"
-                    target="_blank"
-                  >
-                    Uses lucene query syntax
-                  </a>
-                </p>
-              </div>
-            </div>
-            <button
-              type="submit"
-              aria-label="Search"
-              class="kuiLocalSearchButton"
-              ng-disabled="discoverSearch.$invalid"
-            >
-              <span class="kuiIcon fa-search" aria-hidden="true"></span>
-            </button>
-          </div>
-          <kbn-typeahead-items></kbn-typeahead-items>
-        </div>
-      </form>
+      <navbar name="discover-search">
+		<form role="form" class="fill inline-form" ng-submit="fetch()" name="discoverSearch">
+		  <div class="typeahead" kbn-typeahead="discover">
+			<div class="input-group"
+			  ng-class="discoverSearch.$invalid ? 'has-error' : ''">
+			  <input
+				parse-query
+				input-focus
+				kbn-typeahead-input
+				ng-model="stateQuery"
+				placeholder="Search..."
+				aria-label="Search input"
+				type="text"
+				class="form-control">
+			  <button type="submit"
+				ng-disabled="discoverSearch.$invalid"
+				aria-label="Search">
+				<span aria-hidden="true" class="fa fa-search"></span></button>
+			</div>
+			<kbn-typeahead-items></kbn-typeahead-items>
+		  </div>
+		</form>
+		<div class="button-group" role="toolbar"></div>
+	  </navbar>
     </div>
-  </kbn-top-nav>
-
 
   <div class="container-fluid" role="main">
   <div class="row">
diff --git a/public/templates/manager-status.html b/public/templates/manager-status.html
index eb0fdb831..29545a71d 100644
--- a/public/templates/manager-status.html
+++ b/public/templates/manager-status.html
@@ -48,7 +48,7 @@
 	  <div layout="row" layout-align="start start">
 		<md-card layout="column" flex="50">
 			<md-card-content>
-				<h3>Manager information</h3>
+				<h3 class="wazuh-h3">Manager information</h3>
 				<div layout="column">
 					<span layout="row">
 						<p style="font-weight: bold; min-width: 150px" >Version</p>
@@ -88,7 +88,7 @@
 		
 		<md-card layout="column" flex="50">
 			<md-card-content>
-				<h3>Last registered agent</h3>
+				<h3 class="wazuh-h3">Last registered agent</h3>
 				<div layout="column" flex>
 					<span layout="row">
 						<p style="font-weight: bold; min-width: 150px" >Name</p>
diff --git a/public/templates/overview-general.html b/public/templates/overview-general.html
index 76037ee3c..2a13ab943 100644
--- a/public/templates/overview-general.html
+++ b/public/templates/overview-general.html
@@ -1,7 +1,7 @@
 <md-content flex layout="column" ng-if="submenuNavItem == 'general'" ng-controller="overviewGeneralController" layout-align="start">
 
 	<!-- Kibana search bar -->
-	<kbn-searchbar ng-if="tabView == 'panels'"></kbn-searchbar>
+	<kbn-searchbar class="wazuh-searchbar" ng-if="tabView == 'panels'"></kbn-searchbar>
 	
 	<!-- No results message -->
 	<md-content flex layout="row" layout-align="start start" ng-if="!results && tabView == 'panels'">
diff --git a/public/templates/ruleset-rules.html b/public/templates/ruleset-rules.html
index 116f5afe2..64fb42284 100644
--- a/public/templates/ruleset-rules.html
+++ b/public/templates/ruleset-rules.html
@@ -150,7 +150,7 @@
 					
 						<md-card flex layout="column" ng-if="rule.groups.length  > 0">
 							<md-card-content>
-								<h3>Groups</h3>
+								<h3 class="wazuh-h3">Groups</h3>
 								<span ng-repeat="group in rule.groups">
 									<span class="listHover" ng-click="rulesApplyFilter({type: 'group', value: group})" layout="row" layout-align="space-between center"><p>{{ group }}</p></span>
 									<md-divider ng-if="!$last"></md-divider>
@@ -160,7 +160,7 @@
 						
 						<md-card flex layout="column" ng-if="rule.pci.length  > 0">
 							<md-card-content>
-								<h3>PCI DSS </h3>
+								<h3 class="wazuh-h3">PCI DSS </h3>
 								<span ng-repeat="pci in rule.pci">
 									<span class="listHover" ng-click="rulesApplyFilter({type: 'pci', value: pci})" layout="row" layout-align="space-between center"><p>{{ pci }}</p></span>
 									<md-divider ng-if="!$last"></md-divider>
@@ -170,7 +170,7 @@
 						
 						<md-card flex layout="column">
 							<md-card-content>
-								<h3>Extra settings</h3>
+								<h3 class="wazuh-h3">Extra settings</h3>
 								<span ng-repeat="(detailk, detailv) in rule.details">
 									<span layout="row" layout-align="space-between center">
 										<p>{{detailk}}</p>