Skip to content

Comments

[kbnDevToolsApp] allow extending the top nav#8355

Merged
spalger merged 1 commit intoelastic:masterfrom
spalger:fix/devtools-header-stacking
Sep 21, 2016
Merged

[kbnDevToolsApp] allow extending the top nav#8355
spalger merged 1 commit intoelastic:masterfrom
spalger:fix/devtools-header-stacking

Conversation

@spalger
Copy link
Contributor

@spalger spalger commented Sep 19, 2016

Fixes #8238
Closes #8234

The kbn-dev-tools-app directive renders a navbar above each devtool, giving it breadcrumbs and links to the other devtools. This collides with the toolbars used in devtools like console and causes two mostly-empty toolbars to be stacked.

To fix this, we are merging the navbar from kbn-dev-tools-app and the toolbar provided by the devtools into a single kbn-top-nav toolbar. Console already used the kbn-top-nav directive for it's navbar, so kbn-dev-tools-app just needed to be extended to consume and render the kbn-top-nav configuration (a controller in this instance).

image

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You don't need $scope here

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What's this about? You didn't end up using chrome anywhere.

Copy link
Contributor Author

@spalger spalger Sep 20, 2016

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good catch, I was originally exposing it on scope, but since I wasn't able to create a childscope for this directive, and I didn't want to leak it out, I ended up exposing the one necessary method via the KbnTopNavController

@spalger spalger force-pushed the fix/devtools-header-stacking branch from 33f4bae to 4231b45 Compare September 20, 2016 00:46
Copy link
Contributor

@epixa epixa Sep 20, 2016

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ಠ_ಠ

I guess we can let this multiple-assignment-on-one-line slide since it's just copied and pasted from a few lines above...

@jbudz
Copy link
Contributor

jbudz commented Sep 20, 2016

LGTM

@epixa
Copy link
Contributor

epixa commented Sep 20, 2016

The kbn-dev-tools-app directive renders a navbar above each devtool, giving it breadcrumbs and links to the other devtools. This collides with the toolbars used in devtools like console and causes two mostly-empty toolbars to be stacked.

To fix this, we are merging the navbar from kbn-dev-tools-app and the toolbar provided by the devtools into a single kbn-top-nav toolbar. Console already used the kbn-top-nav directive for it's navbar, so kbn-dev-tools-app just needed to be extended to consume and render the kbn-top-nav configuration (a controller in this instance).
@spalger spalger force-pushed the fix/devtools-header-stacking branch from 4231b45 to 5bff9da Compare September 20, 2016 21:04
@spalger
Copy link
Contributor Author

spalger commented Sep 20, 2016

The tests actually passed, but it looks like the runner may have thrown a fit... I forced a change to cause the test to rerun

@epixa
Copy link
Contributor

epixa commented Sep 20, 2016

LGTM

@spalger spalger merged commit 4552643 into elastic:master Sep 21, 2016
spalger pushed a commit to spalger/kibana that referenced this pull request Sep 30, 2016
[kbnDevToolsApp] allow extending the top nav

The kbn-dev-tools-app directive renders a navbar above each devtool, giving it breadcrumbs and links to the other devtools. This collides with the toolbars used in devtools like console and causes two mostly-empty toolbars to be stacked.

To fix this, we are merging the navbar from kbn-dev-tools-app and the toolbar provided by the devtools into a single kbn-top-nav toolbar. Console already used the kbn-top-nav directive for it's navbar, so kbn-dev-tools-app just needed to be extended to consume and render the kbn-top-nav configuration (a controller in this instance).

(cherry picked from commit 5bff9da)
spalger pushed a commit to spalger/kibana that referenced this pull request Sep 30, 2016
[kbnDevToolsApp] allow extending the top nav

The kbn-dev-tools-app directive renders a navbar above each devtool, giving it breadcrumbs and links to the other devtools. This collides with the toolbars used in devtools like console and causes two mostly-empty toolbars to be stacked.

To fix this, we are merging the navbar from kbn-dev-tools-app and the toolbar provided by the devtools into a single kbn-top-nav toolbar. Console already used the kbn-top-nav directive for it's navbar, so kbn-dev-tools-app just needed to be extended to consume and render the kbn-top-nav configuration (a controller in this instance).

(cherry picked from commit 5bff9da)
airow pushed a commit to airow/kibana that referenced this pull request Feb 16, 2017
[kbnDevToolsApp] allow extending the top nav

The kbn-dev-tools-app directive renders a navbar above each devtool, giving it breadcrumbs and links to the other devtools. This collides with the toolbars used in devtools like console and causes two mostly-empty toolbars to be stacked.

To fix this, we are merging the navbar from kbn-dev-tools-app and the toolbar provided by the devtools into a single kbn-top-nav toolbar. Console already used the kbn-top-nav directive for it's navbar, so kbn-dev-tools-app just needed to be extended to consume and render the kbn-top-nav configuration (a controller in this instance).

(cherry picked from commit b0b9026f06da214e23df8fc4b636fa9532f2fbcc [formerly 5bff9da])


Former-commit-id: 410f61f
@spalger spalger deleted the fix/devtools-header-stacking branch October 18, 2019 17:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Devtools toolbar stacking <kbn-dev-tools-app> could accept a <kbn-top-nav> configuration

3 participants