display search bar in embedded iframes

src/core_plugins/kibana/public/dashboard/index.html

@@ -18,7 +18,7 @@
       <form
         data-transclude-slot="bottomRow"
         class="fullWidth"
-        ng-show="chrome.getVisible()"
+        ng-show="chrome.getShowSearch()"
         role="form"
         name="queryInput"
         ng-submit="filterResults()"

src/core_plugins/kibana/public/visualize/editor/editor.html

@@ -17,7 +17,7 @@
       <!-- Search. -->
       <div
         data-transclude-slot="bottomRow"
-        ng-show="chrome.getVisible()"
+        ng-show="chrome.getShowSearch()"
         class="fullWidth"
       >
         <!-- Block searching if the Visualization is linked to a Saved Search. -->

src/ui/public/chrome/api/controls.js

@@ -29,4 +29,21 @@ module.exports = function (chrome, internals) {
     if (_.isUndefined(internals.visible)) return def;
     return internals.visible;
   };
+
+  /**
+   * @param {boolean} showSearch - should the chrome Search Bar be displayed
+   * @return {chrome}
+   */
+  chrome.setShowSearch = function (showSearch) {
+    internals.showSearch = Boolean(showSearch);
+    return chrome;
+  };
+
+  /**
+   * @return {boolean} - Show Search Bar state of the chrome
+   */
+  chrome.getShowSearch = function () {
+    if (_.isUndefined(internals.showSearch)) return true;
+    return internals.showSearch;
+  };
 };

src/ui/public/chrome/directives/kbn_chrome.js

@@ -37,6 +37,9 @@ export default function (chrome, internals) {
 
         // are we showing the embedded version of the chrome?
         internals.setVisibleDefault(!$location.search().embed);
+        if ($location.search().embed) {
+          chrome.setShowSearch($location.search().showSearch);
+        }
 
         // listen for route changes, propogate to tabs
         const onRouteChange = function () {

src/ui/public/kbn_top_nav/kbn_top_nav.html

@@ -4,7 +4,7 @@
   data-test-subj="top-nav"
 >
   <!-- Top row -->
-  <div class="localNavRow">
+  <div class="localNavRow" ng-show="!kbnTopNav.isEmbedded()">
     <!-- Top left corner slot, e.g. breadcrumbs, title. -->
     <div
       class="localNavRow__section"

src/ui/public/kbn_top_nav/kbn_top_nav_controller.js

@@ -23,7 +23,11 @@ export default function ($compile) {
     }
 
     isVisible() {
-      return chrome.getVisible();
+      return chrome.getVisible() || chrome.getShowSearch();
+    }
+
+    isEmbedded() {
+      return !chrome.getVisible();
     }
 
     addItems(rawOpts) {

src/ui/public/share/directives/share.js

@@ -74,7 +74,8 @@ app.directive('share', function (Private) {
       }
 
       this.makeUrlEmbeddable = url => {
-        const embedQueryParam = '?embed=true';
+        let embedQueryParam = '?embed=true';
+        if (this.showSearch) embedQueryParam += '&showSearch=true';
         const urlHasQueryString = url.indexOf('?') !== -1;
         if (urlHasQueryString) {
           return url.replace('?', `${embedQueryParam}&`);
@@ -115,6 +116,7 @@ app.directive('share', function (Private) {
           shortSnapshotIframe: false,
         };
       };
+      this.updateUrls = updateUrls;
 
       // When the URL changes, update the links in the UI.
       $scope.$watch(() => $location.absUrl(), () => {

src/ui/public/share/views/share.html

@@ -36,6 +36,13 @@
           </div>
         </div>
 
+        <div>
+          <label>
+            <input type="checkbox" ng-model="share.showSearch" name="showSearch" ng-change="share.updateUrls()">
+            Show Search Bar
+          </label>
+        </div>
+
         <!-- Input -->
         <input
           id="originalIframeUrl"
@@ -125,6 +132,13 @@
         </div>
       </div>
 
+      <div>
+        <label>
+          <input type="checkbox" ng-model="share.showSearch" name="showSearch" ng-change="share.updateUrls()">
+          Show Search Bar
+        </label>
+      </div>
+
       <!-- Input -->
       <input
         id="snapshotIframeUrl"