码迷,mamicode.com
首页 > 其他好文 > 详细

Superset导航栏高亮问题处理

时间:2020-06-04 21:19:08      阅读:53      评论:0      收藏:0      [点我收藏+]

标签:end   href   clu   ora   bar   get   contain   dex   else   

在superset => templates => appbuilder 文件夹下找到 navbar.html 如果没有可对应新建,navbar.html内容如下

{% set menu = appbuilder.menu %}
{% set languages = appbuilder.languages %}
{% set WARNING_MSG = appbuilder.app.config.get(‘WARNING_MSG‘) %}
{% set app_icon_width = appbuilder.app.config.get(‘APP_ICON_WIDTH‘, 126) %}
{% set logo_target_path = appbuilder.app.config.get(‘LOGO_TARGET_PATH‘) or ‘/profile/{}/‘.format(current_user.username) %}

<div class="navbar navbar-static-top {{ menu.extra_classes }}" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="{{ ‘/superset‘ + logo_target_path if current_user.username is defined else ‘#‘ }}">
                <img
                        width="{{ app_icon_width }}"
                        src="{{ appbuilder.app_icon }}"
                        alt="{{ appbuilder.app_name }}"
                />
            </a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                {% if WARNING_MSG %}
                    <li class="alert alert-danger">
                        {{ WARNING_MSG | safe }}
                    </li>
                {% endif %}
                {% include ‘appbuilder/navbar_menu.html‘ %}
            </ul>
            <ul class="nav navbar-nav navbar-right">
                {% include ‘appbuilder/navbar_right.html‘ %}
            </ul>
        </div>
    </div>
</div>

<script>
// Highlight the navbar menu
const menus = document.querySelectorAll(‘.nav.navbar-nav li‘)
for (const menu of menus.values()) {
  const classes = menu.getAttribute(‘class‘)
  const as = menu.querySelectorAll(‘a‘)
  for (const a of as.values()) {
    const href = a.getAttribute(‘href‘)
    let path = location.pathname
    if (path.indexOf(href) > -1) {
      menu.setAttribute(‘class‘, `${classes} active`)
    } else {
      menu.setAttribute(‘class‘, `${classes}`)
    }
  }
}
</script>

存在的问题:带有下拉菜单的不能高亮

Superset导航栏高亮问题处理

标签:end   href   clu   ora   bar   get   contain   dex   else   

原文地址:https://www.cnblogs.com/Man-Dream-Necessary/p/13046482.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!