ATLAS-1905 : Search UI is confusing to user

dashboardv2/public/js/templates/search/SearchLayoutView_tmpl.html

@@ -56,8 +56,8 @@
                 </div>
             </div>
             <div class="srchType">
-                <span class="srchTitle">Search By Query</span>
-                <input type="text" class="form-control" data-id="searchInput" placeholder="Search using a query string: e.g. sales_fact" style="margin: 5px 0px;">
+                <span class="srchTitle searchText">Search By Text</span>
+                <input type="text" class="form-control" data-id="searchInput" placeholder="Search by text" style="margin: 5px 0px;">
             </div>
         </div>
         <button class="btn btn-action" data-id="clearSearch">Clear</button>

dashboardv2/public/js/views/search/SearchLayoutView.js

@@ -541,6 +541,8 @@ define(['require',
                     this.$('.temFilter').removeClass('col-sm-10');
                     this.$('.basicSaveSearch').hide();
                     this.$('.advanceSaveSearch').show();
+                    this.$('.searchText').text('Search By Query');
+                    this.ui.searchInput.attr("placeholder", 'Search By Query eg. where name="sales_fact"');
                 } else {
                     this.$('.temFilter').addClass('col-sm-10');
                     this.$('.temFilter').removeClass('col-sm-12');
@@ -550,6 +552,8 @@ define(['require',
                     this.$('.advanceSaveSearch').hide();
                     this.dsl = false;
                     this.type = "basic";
+                    this.$('.searchText').text('Search By Text');
+                    this.ui.searchInput.attr("placeholder", "Search By Text");
                 }
                 if (paramObj && this.type == "basic") {
                     this.query[this.type].attributes = paramObj.attributes ? paramObj.attributes : null;