39.10. 配置导航菜单


39.10.1. 顶部导航菜单

Web 控制台的顶部导航栏包含帮助图标和用户下拉菜单。您可以使用 angular-extension-registry 添加额外的菜单项。

可用的扩展点包括:

  • nav-help -Dropdown - 帮助图标下拉菜单,在桌面屏幕宽度中可见
  • nav-user-dropdown - 用户下拉菜单,在桌面屏幕宽度中可见
  • nav-dropdown-mobile - 顶部导航项目的单一菜单,位于移动屏幕宽度上

以下示例扩展了 nav-help-drop 下拉菜单,名称为 < myExtensionModule > :

注意

<myExtensionModule& gt; 是一个占位符名称。每个下拉菜单扩展必须足够唯一,这样它不会给以后任何模块冲突。

angular
  .module('<myExtensionModule>', ['openshiftConsole'])
  .run([
    'extensionRegistry',
    function(extensionRegistry) {
      extensionRegistry
        .add('nav-help-dropdown', function() {
          return [
            {
              type: 'dom',
              node: '<li><a href="http://www.example.com/report" target="_blank">Report a Bug</a></li>'
            }, {
              type: 'dom',
              node: '<li class="divider"></li>'  // If you want a horizontal divider to appear in the menu
            }, {
              type: 'dom',
              node: '<li><a href="http://www.example.com/status" target="_blank">System Status</a></li>'
            }
          ];
        });
    }
  ]);

hawtioPluginLoader.addModule('<myExtensionModule>');

添加脚本,如 Loading Extension Scripts 和 Stylesheets 所述。

Red Hat logoGithubRedditYoutubeTwitter

学习

尝试、购买和销售

社区

关于红帽文档

通过我们的产品和服务,以及可以信赖的内容,帮助红帽用户创新并实现他们的目标。

让开源更具包容性

红帽致力于替换我们的代码、文档和 Web 属性中存在问题的语言。欲了解更多详情,请参阅红帽博客.

關於紅帽

我们提供强化的解决方案,使企业能够更轻松地跨平台和环境(从核心数据中心到网络边缘)工作。

© 2024 Red Hat, Inc.