{% import ( "strings" "net/http" "path" "net/url" "github.com/VictoriaMetrics/VictoriaMetrics/app/vmalert/utils" ) %} {% func Header(r *http.Request, navItems []NavItem, title string) %} {%code prefix := utils.Prefix(r.URL.Path) %} <!DOCTYPE html> <html lang="en"> <head> <title>vmalert{% if title != "" %} - {%s title %}{% endif %}</title> <link href="{%s prefix %}static/css/bootstrap.min.css" rel="stylesheet" /> <style> body{ min-height: 75rem; padding-top: 4.5rem; } .group-heading { cursor: pointer; padding: 5px; margin-top: 5px; position: relative; } .group-heading .anchor { position:absolute; top:-60px; } .group-heading span { float: right; margin-left: 5px; margin-right: 5px; } .group-heading:hover { background-color: #f8f9fa!important; } .table { table-layout: fixed; } .table .error-cell{ word-break: break-word; font-size: 14px; } pre { overflow: scroll; min-height: 30px; max-width: 100%; } pre::-webkit-scrollbar { -webkit-appearance: none; width: 0px; height: 5px; } pre::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); } textarea.curl-area{ width: 100%; line-height: 1; font-size: 12px; border: none; margin: 0; padding: 0; overflow: scroll; } </style> </head> <body> {%= printNavItems(r, title, navItems) %} <main class="px-2"> {% endfunc %} {% code type NavItem struct { Name string Url string } %} {% func printNavItems(r *http.Request, current string, items []NavItem) %} {%code prefix := "/vmalert/" if strings.HasPrefix(r.URL.Path, prefix) { prefix = "" } %} <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark"> <div class="container-fluid"> <div class="collapse navbar-collapse" id="navbarCollapse"> <ul class="navbar-nav me-auto mb-2 mb-md-0"> {% for _, item := range items %} <li class="nav-item"> {% code u, _ := url.Parse(item.Url) %} <a class="nav-link{% if current == item.Name %} active{% endif %}" href="{% if u.IsAbs() %}{%s item.Url %}{% else %}{%s path.Join(prefix,item.Url) %}{% endif %}"> {%s item.Name %} </a> </li> {% endfor %} </ul> </div> </nav> {% endfunc %}