From 84e7c517d3f0d79684a031ecc46d459c8b6964f7 Mon Sep 17 00:00:00 2001
From: Roman Khavronenko <roman@victoriametrics.com>
Date: Wed, 6 Jul 2022 10:46:01 +0200
Subject: [PATCH] vmalert: make UI and assets links relative (#2831)

* make all links in vmalert relative, so links continue to work even if vmalert sits behind the proxy;
* update vmalert's routing to always have component-unique path prefix, e.g. /vmalert;

See https://github.com/VictoriaMetrics/VictoriaMetrics/issues/2825

Signed-off-by: hagen1778 <roman@victoriametrics.com>
---
 app/vmalert/tpl/footer.qtpl    |  17 +-
 app/vmalert/tpl/footer.qtpl.go |  74 +--
 app/vmalert/tpl/header.qtpl    |  48 +-
 app/vmalert/tpl/header.qtpl.go | 168 +++++--
 app/vmalert/tpl/nav.qtpl       |  25 -
 app/vmalert/tpl/nav.qtpl.go    |  96 ----
 app/vmalert/web.go             |  88 ++--
 app/vmalert/web.qtpl           |  35 +-
 app/vmalert/web.qtpl.go        | 855 ++++++++++++++++-----------------
 9 files changed, 716 insertions(+), 690 deletions(-)
 delete mode 100644 app/vmalert/tpl/nav.qtpl
 delete mode 100644 app/vmalert/tpl/nav.qtpl.go

diff --git a/app/vmalert/tpl/footer.qtpl b/app/vmalert/tpl/footer.qtpl
index 28cfec5d7f..eef27785d4 100644
--- a/app/vmalert/tpl/footer.qtpl
+++ b/app/vmalert/tpl/footer.qtpl
@@ -1,12 +1,19 @@
 {% import (
-	"github.com/VictoriaMetrics/VictoriaMetrics/lib/httpserver"
+    "net/http"
+    "strings"
 ) %}
 
-{% func Footer() %}
-	{% code pathPrefix := httpserver.GetPathPrefix() %}
+
+{% func Footer(r *http.Request) %}
+{%code
+    prefix := "/vmalert/"
+    if strings.HasPrefix(r.URL.Path, prefix) {
+        prefix = ""
+    }
+%}
         </main>
-        <script src="{%s pathPrefix %}/static/js/jquery-3.6.0.min.js" type="text/javascript"></script>
-        <script src="{%s pathPrefix %}/static/js/bootstrap.bundle.min.js" type="text/javascript"></script>
+        <script src="{%s prefix %}static/js/jquery-3.6.0.min.js" type="text/javascript"></script>
+        <script src="{%s prefix %}static/js/bootstrap.bundle.min.js" type="text/javascript"></script>
         <script type="text/javascript">
             function expandAll() {
                $('.collapse').addClass('show');
diff --git a/app/vmalert/tpl/footer.qtpl.go b/app/vmalert/tpl/footer.qtpl.go
index 510b14e0c3..65eea9fa4b 100644
--- a/app/vmalert/tpl/footer.qtpl.go
+++ b/app/vmalert/tpl/footer.qtpl.go
@@ -6,43 +6,47 @@ package tpl
 
 //line app/vmalert/tpl/footer.qtpl:1
 import (
-	"github.com/VictoriaMetrics/VictoriaMetrics/lib/httpserver"
+	"net/http"
+	"strings"
 )
 
-//line app/vmalert/tpl/footer.qtpl:5
+//line app/vmalert/tpl/footer.qtpl:7
 import (
 	qtio422016 "io"
 
 	qt422016 "github.com/valyala/quicktemplate"
 )
 
-//line app/vmalert/tpl/footer.qtpl:5
+//line app/vmalert/tpl/footer.qtpl:7
 var (
 	_ = qtio422016.Copy
 	_ = qt422016.AcquireByteBuffer
 )
 
-//line app/vmalert/tpl/footer.qtpl:5
-func StreamFooter(qw422016 *qt422016.Writer) {
-//line app/vmalert/tpl/footer.qtpl:5
+//line app/vmalert/tpl/footer.qtpl:7
+func StreamFooter(qw422016 *qt422016.Writer, r *http.Request) {
+//line app/vmalert/tpl/footer.qtpl:7
 	qw422016.N().S(`
-	`)
-//line app/vmalert/tpl/footer.qtpl:6
-	pathPrefix := httpserver.GetPathPrefix()
+`)
+//line app/vmalert/tpl/footer.qtpl:9
+	prefix := "/vmalert/"
+	if strings.HasPrefix(r.URL.Path, prefix) {
+		prefix = ""
+	}
 
-//line app/vmalert/tpl/footer.qtpl:6
+//line app/vmalert/tpl/footer.qtpl:13
 	qw422016.N().S(`
         </main>
         <script src="`)
-//line app/vmalert/tpl/footer.qtpl:8
-	qw422016.E().S(pathPrefix)
-//line app/vmalert/tpl/footer.qtpl:8
-	qw422016.N().S(`/static/js/jquery-3.6.0.min.js" type="text/javascript"></script>
+//line app/vmalert/tpl/footer.qtpl:15
+	qw422016.E().S(prefix)
+//line app/vmalert/tpl/footer.qtpl:15
+	qw422016.N().S(`static/js/jquery-3.6.0.min.js" type="text/javascript"></script>
         <script src="`)
-//line app/vmalert/tpl/footer.qtpl:9
-	qw422016.E().S(pathPrefix)
-//line app/vmalert/tpl/footer.qtpl:9
-	qw422016.N().S(`/static/js/bootstrap.bundle.min.js" type="text/javascript"></script>
+//line app/vmalert/tpl/footer.qtpl:16
+	qw422016.E().S(prefix)
+//line app/vmalert/tpl/footer.qtpl:16
+	qw422016.N().S(`static/js/bootstrap.bundle.min.js" type="text/javascript"></script>
         <script type="text/javascript">
             function expandAll() {
                $('.collapse').addClass('show');
@@ -75,31 +79,31 @@ func StreamFooter(qw422016 *qt422016.Writer) {
     </body>
 </html>
 `)
-//line app/vmalert/tpl/footer.qtpl:41
+//line app/vmalert/tpl/footer.qtpl:48
 }
 
-//line app/vmalert/tpl/footer.qtpl:41
-func WriteFooter(qq422016 qtio422016.Writer) {
-//line app/vmalert/tpl/footer.qtpl:41
+//line app/vmalert/tpl/footer.qtpl:48
+func WriteFooter(qq422016 qtio422016.Writer, r *http.Request) {
+//line app/vmalert/tpl/footer.qtpl:48
 	qw422016 := qt422016.AcquireWriter(qq422016)
-//line app/vmalert/tpl/footer.qtpl:41
-	StreamFooter(qw422016)
-//line app/vmalert/tpl/footer.qtpl:41
+//line app/vmalert/tpl/footer.qtpl:48
+	StreamFooter(qw422016, r)
+//line app/vmalert/tpl/footer.qtpl:48
 	qt422016.ReleaseWriter(qw422016)
-//line app/vmalert/tpl/footer.qtpl:41
+//line app/vmalert/tpl/footer.qtpl:48
 }
 
-//line app/vmalert/tpl/footer.qtpl:41
-func Footer() string {
-//line app/vmalert/tpl/footer.qtpl:41
+//line app/vmalert/tpl/footer.qtpl:48
+func Footer(r *http.Request) string {
+//line app/vmalert/tpl/footer.qtpl:48
 	qb422016 := qt422016.AcquireByteBuffer()
-//line app/vmalert/tpl/footer.qtpl:41
-	WriteFooter(qb422016)
-//line app/vmalert/tpl/footer.qtpl:41
+//line app/vmalert/tpl/footer.qtpl:48
+	WriteFooter(qb422016, r)
+//line app/vmalert/tpl/footer.qtpl:48
 	qs422016 := string(qb422016.B)
-//line app/vmalert/tpl/footer.qtpl:41
+//line app/vmalert/tpl/footer.qtpl:48
 	qt422016.ReleaseByteBuffer(qb422016)
-//line app/vmalert/tpl/footer.qtpl:41
+//line app/vmalert/tpl/footer.qtpl:48
 	return qs422016
-//line app/vmalert/tpl/footer.qtpl:41
+//line app/vmalert/tpl/footer.qtpl:48
 }
diff --git a/app/vmalert/tpl/header.qtpl b/app/vmalert/tpl/header.qtpl
index c60b76719d..c999333db4 100644
--- a/app/vmalert/tpl/header.qtpl
+++ b/app/vmalert/tpl/header.qtpl
@@ -1,14 +1,21 @@
 {% import (
-	"github.com/VictoriaMetrics/VictoriaMetrics/lib/httpserver"
+    "strings"
+    "net/http"
+    "path"
 ) %}
 
-{% func Header(title string, pages []NavItem) %}
-{% code pathPrefix := httpserver.GetPathPrefix() %}
+{% func Header(r *http.Request, navItems []NavItem, title string) %}
+{%code
+    prefix := "/vmalert/"
+    if strings.HasPrefix(r.URL.Path, prefix) {
+        prefix = ""
+    }
+%}
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <title>vmalert{% if title != "" %} - {%s title %}{% endif %}</title>
-    <link href="{%s pathPrefix %}/static/css/bootstrap.min.css" rel="stylesheet" />
+    <link href="{%s prefix %}static/css/bootstrap.min.css" rel="stylesheet" />
     <style>
         body{
           min-height: 75rem;
@@ -57,6 +64,37 @@
     </style>
 </head>
 <body>
-    {%= PrintNavItems(title, pages) %}
+    {%= 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">
+                    <a class="nav-link{% if current == item.Name %} active{% endif %}" href="{%s path.Join(prefix,item.Url) %}">
+                        {%s item.Name %}
+                    </a>
+                </li>
+            {% endfor %}
+        </ul>
+  </div>
+</nav>
+{% endfunc %}
\ No newline at end of file
diff --git a/app/vmalert/tpl/header.qtpl.go b/app/vmalert/tpl/header.qtpl.go
index 974a88454b..1c2c55d858 100644
--- a/app/vmalert/tpl/header.qtpl.go
+++ b/app/vmalert/tpl/header.qtpl.go
@@ -6,51 +6,56 @@ package tpl
 
 //line app/vmalert/tpl/header.qtpl:1
 import (
-	"github.com/VictoriaMetrics/VictoriaMetrics/lib/httpserver"
+	"net/http"
+	"path"
+	"strings"
 )
 
-//line app/vmalert/tpl/header.qtpl:5
+//line app/vmalert/tpl/header.qtpl:7
 import (
 	qtio422016 "io"
 
 	qt422016 "github.com/valyala/quicktemplate"
 )
 
-//line app/vmalert/tpl/header.qtpl:5
+//line app/vmalert/tpl/header.qtpl:7
 var (
 	_ = qtio422016.Copy
 	_ = qt422016.AcquireByteBuffer
 )
 
-//line app/vmalert/tpl/header.qtpl:5
-func StreamHeader(qw422016 *qt422016.Writer, title string, pages []NavItem) {
-//line app/vmalert/tpl/header.qtpl:5
+//line app/vmalert/tpl/header.qtpl:7
+func StreamHeader(qw422016 *qt422016.Writer, r *http.Request, navItems []NavItem, title string) {
+//line app/vmalert/tpl/header.qtpl:7
 	qw422016.N().S(`
 `)
-//line app/vmalert/tpl/header.qtpl:6
-	pathPrefix := httpserver.GetPathPrefix()
+//line app/vmalert/tpl/header.qtpl:9
+	prefix := "/vmalert/"
+	if strings.HasPrefix(r.URL.Path, prefix) {
+		prefix = ""
+	}
 
-//line app/vmalert/tpl/header.qtpl:6
+//line app/vmalert/tpl/header.qtpl:13
 	qw422016.N().S(`
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <title>vmalert`)
-//line app/vmalert/tpl/header.qtpl:10
+//line app/vmalert/tpl/header.qtpl:17
 	if title != "" {
-//line app/vmalert/tpl/header.qtpl:10
+//line app/vmalert/tpl/header.qtpl:17
 		qw422016.N().S(` - `)
-//line app/vmalert/tpl/header.qtpl:10
+//line app/vmalert/tpl/header.qtpl:17
 		qw422016.E().S(title)
-//line app/vmalert/tpl/header.qtpl:10
+//line app/vmalert/tpl/header.qtpl:17
 	}
-//line app/vmalert/tpl/header.qtpl:10
+//line app/vmalert/tpl/header.qtpl:17
 	qw422016.N().S(`</title>
     <link href="`)
-//line app/vmalert/tpl/header.qtpl:11
-	qw422016.E().S(pathPrefix)
-//line app/vmalert/tpl/header.qtpl:11
-	qw422016.N().S(`/static/css/bootstrap.min.css" rel="stylesheet" />
+//line app/vmalert/tpl/header.qtpl:18
+	qw422016.E().S(prefix)
+//line app/vmalert/tpl/header.qtpl:18
+	qw422016.N().S(`static/css/bootstrap.min.css" rel="stylesheet" />
     <style>
         body{
           min-height: 75rem;
@@ -100,37 +105,124 @@ func StreamHeader(qw422016 *qt422016.Writer, title string, pages []NavItem) {
 </head>
 <body>
     `)
-//line app/vmalert/tpl/header.qtpl:60
-	StreamPrintNavItems(qw422016, title, pages)
-//line app/vmalert/tpl/header.qtpl:60
+//line app/vmalert/tpl/header.qtpl:67
+	streamprintNavItems(qw422016, r, title, navItems)
+//line app/vmalert/tpl/header.qtpl:67
 	qw422016.N().S(`
     <main class="px-2">
 `)
-//line app/vmalert/tpl/header.qtpl:62
+//line app/vmalert/tpl/header.qtpl:69
 }
 
-//line app/vmalert/tpl/header.qtpl:62
-func WriteHeader(qq422016 qtio422016.Writer, title string, pages []NavItem) {
-//line app/vmalert/tpl/header.qtpl:62
+//line app/vmalert/tpl/header.qtpl:69
+func WriteHeader(qq422016 qtio422016.Writer, r *http.Request, navItems []NavItem, title string) {
+//line app/vmalert/tpl/header.qtpl:69
 	qw422016 := qt422016.AcquireWriter(qq422016)
-//line app/vmalert/tpl/header.qtpl:62
-	StreamHeader(qw422016, title, pages)
-//line app/vmalert/tpl/header.qtpl:62
+//line app/vmalert/tpl/header.qtpl:69
+	StreamHeader(qw422016, r, navItems, title)
+//line app/vmalert/tpl/header.qtpl:69
 	qt422016.ReleaseWriter(qw422016)
-//line app/vmalert/tpl/header.qtpl:62
+//line app/vmalert/tpl/header.qtpl:69
 }
 
-//line app/vmalert/tpl/header.qtpl:62
-func Header(title string, pages []NavItem) string {
-//line app/vmalert/tpl/header.qtpl:62
+//line app/vmalert/tpl/header.qtpl:69
+func Header(r *http.Request, navItems []NavItem, title string) string {
+//line app/vmalert/tpl/header.qtpl:69
 	qb422016 := qt422016.AcquireByteBuffer()
-//line app/vmalert/tpl/header.qtpl:62
-	WriteHeader(qb422016, title, pages)
-//line app/vmalert/tpl/header.qtpl:62
+//line app/vmalert/tpl/header.qtpl:69
+	WriteHeader(qb422016, r, navItems, title)
+//line app/vmalert/tpl/header.qtpl:69
 	qs422016 := string(qb422016.B)
-//line app/vmalert/tpl/header.qtpl:62
+//line app/vmalert/tpl/header.qtpl:69
 	qt422016.ReleaseByteBuffer(qb422016)
-//line app/vmalert/tpl/header.qtpl:62
+//line app/vmalert/tpl/header.qtpl:69
 	return qs422016
-//line app/vmalert/tpl/header.qtpl:62
+//line app/vmalert/tpl/header.qtpl:69
+}
+
+//line app/vmalert/tpl/header.qtpl:73
+type NavItem struct {
+	Name string
+	Url  string
+}
+
+//line app/vmalert/tpl/header.qtpl:79
+func streamprintNavItems(qw422016 *qt422016.Writer, r *http.Request, current string, items []NavItem) {
+//line app/vmalert/tpl/header.qtpl:79
+	qw422016.N().S(`
+`)
+//line app/vmalert/tpl/header.qtpl:81
+	prefix := "/vmalert/"
+	if strings.HasPrefix(r.URL.Path, prefix) {
+		prefix = ""
+	}
+
+//line app/vmalert/tpl/header.qtpl:85
+	qw422016.N().S(`
+<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">
+            `)
+//line app/vmalert/tpl/header.qtpl:90
+	for _, item := range items {
+//line app/vmalert/tpl/header.qtpl:90
+		qw422016.N().S(`
+                <li class="nav-item">
+                    <a class="nav-link`)
+//line app/vmalert/tpl/header.qtpl:92
+		if current == item.Name {
+//line app/vmalert/tpl/header.qtpl:92
+			qw422016.N().S(` active`)
+//line app/vmalert/tpl/header.qtpl:92
+		}
+//line app/vmalert/tpl/header.qtpl:92
+		qw422016.N().S(`" href="`)
+//line app/vmalert/tpl/header.qtpl:92
+		qw422016.E().S(path.Join(prefix, item.Url))
+//line app/vmalert/tpl/header.qtpl:92
+		qw422016.N().S(`">
+                        `)
+//line app/vmalert/tpl/header.qtpl:93
+		qw422016.E().S(item.Name)
+//line app/vmalert/tpl/header.qtpl:93
+		qw422016.N().S(`
+                    </a>
+                </li>
+            `)
+//line app/vmalert/tpl/header.qtpl:96
+	}
+//line app/vmalert/tpl/header.qtpl:96
+	qw422016.N().S(`
+        </ul>
+  </div>
+</nav>
+`)
+//line app/vmalert/tpl/header.qtpl:100
+}
+
+//line app/vmalert/tpl/header.qtpl:100
+func writeprintNavItems(qq422016 qtio422016.Writer, r *http.Request, current string, items []NavItem) {
+//line app/vmalert/tpl/header.qtpl:100
+	qw422016 := qt422016.AcquireWriter(qq422016)
+//line app/vmalert/tpl/header.qtpl:100
+	streamprintNavItems(qw422016, r, current, items)
+//line app/vmalert/tpl/header.qtpl:100
+	qt422016.ReleaseWriter(qw422016)
+//line app/vmalert/tpl/header.qtpl:100
+}
+
+//line app/vmalert/tpl/header.qtpl:100
+func printNavItems(r *http.Request, current string, items []NavItem) string {
+//line app/vmalert/tpl/header.qtpl:100
+	qb422016 := qt422016.AcquireByteBuffer()
+//line app/vmalert/tpl/header.qtpl:100
+	writeprintNavItems(qb422016, r, current, items)
+//line app/vmalert/tpl/header.qtpl:100
+	qs422016 := string(qb422016.B)
+//line app/vmalert/tpl/header.qtpl:100
+	qt422016.ReleaseByteBuffer(qb422016)
+//line app/vmalert/tpl/header.qtpl:100
+	return qs422016
+//line app/vmalert/tpl/header.qtpl:100
 }
diff --git a/app/vmalert/tpl/nav.qtpl b/app/vmalert/tpl/nav.qtpl
deleted file mode 100644
index f5442f7f17..0000000000
--- a/app/vmalert/tpl/nav.qtpl
+++ /dev/null
@@ -1,25 +0,0 @@
-{% code
-type NavItem struct {
-	Name string
-	Url  string
-}
-%}
-
-{% func PrintNavItems(current string, items []NavItem) %}
-<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">
-                    <a class="nav-link{% if current == item.Name %} active{% endif %}" href="{%s item.Url %}">
-                        {%s item.Name %}
-                    </a>
-                </li>
-            {% endfor %}
-        </ul>
-  </div>
-</nav>
-{% endfunc %}
-
-
diff --git a/app/vmalert/tpl/nav.qtpl.go b/app/vmalert/tpl/nav.qtpl.go
deleted file mode 100644
index 85b56266f7..0000000000
--- a/app/vmalert/tpl/nav.qtpl.go
+++ /dev/null
@@ -1,96 +0,0 @@
-// Code generated by qtc from "nav.qtpl". DO NOT EDIT.
-// See https://github.com/valyala/quicktemplate for details.
-
-//line app/vmalert/tpl/nav.qtpl:1
-package tpl
-
-//line app/vmalert/tpl/nav.qtpl:1
-import (
-	qtio422016 "io"
-
-	qt422016 "github.com/valyala/quicktemplate"
-)
-
-//line app/vmalert/tpl/nav.qtpl:1
-var (
-	_ = qtio422016.Copy
-	_ = qt422016.AcquireByteBuffer
-)
-
-//line app/vmalert/tpl/nav.qtpl:2
-type NavItem struct {
-	Name string
-	Url  string
-}
-
-//line app/vmalert/tpl/nav.qtpl:8
-func StreamPrintNavItems(qw422016 *qt422016.Writer, current string, items []NavItem) {
-//line app/vmalert/tpl/nav.qtpl:8
-	qw422016.N().S(`
-<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">
-            `)
-//line app/vmalert/tpl/nav.qtpl:13
-	for _, item := range items {
-//line app/vmalert/tpl/nav.qtpl:13
-		qw422016.N().S(`
-                <li class="nav-item">
-                    <a class="nav-link`)
-//line app/vmalert/tpl/nav.qtpl:15
-		if current == item.Name {
-//line app/vmalert/tpl/nav.qtpl:15
-			qw422016.N().S(` active`)
-//line app/vmalert/tpl/nav.qtpl:15
-		}
-//line app/vmalert/tpl/nav.qtpl:15
-		qw422016.N().S(`" href="`)
-//line app/vmalert/tpl/nav.qtpl:15
-		qw422016.E().S(item.Url)
-//line app/vmalert/tpl/nav.qtpl:15
-		qw422016.N().S(`">
-                        `)
-//line app/vmalert/tpl/nav.qtpl:16
-		qw422016.E().S(item.Name)
-//line app/vmalert/tpl/nav.qtpl:16
-		qw422016.N().S(`
-                    </a>
-                </li>
-            `)
-//line app/vmalert/tpl/nav.qtpl:19
-	}
-//line app/vmalert/tpl/nav.qtpl:19
-	qw422016.N().S(`
-        </ul>
-  </div>
-</nav>
-`)
-//line app/vmalert/tpl/nav.qtpl:23
-}
-
-//line app/vmalert/tpl/nav.qtpl:23
-func WritePrintNavItems(qq422016 qtio422016.Writer, current string, items []NavItem) {
-//line app/vmalert/tpl/nav.qtpl:23
-	qw422016 := qt422016.AcquireWriter(qq422016)
-//line app/vmalert/tpl/nav.qtpl:23
-	StreamPrintNavItems(qw422016, current, items)
-//line app/vmalert/tpl/nav.qtpl:23
-	qt422016.ReleaseWriter(qw422016)
-//line app/vmalert/tpl/nav.qtpl:23
-}
-
-//line app/vmalert/tpl/nav.qtpl:23
-func PrintNavItems(current string, items []NavItem) string {
-//line app/vmalert/tpl/nav.qtpl:23
-	qb422016 := qt422016.AcquireByteBuffer()
-//line app/vmalert/tpl/nav.qtpl:23
-	WritePrintNavItems(qb422016, current, items)
-//line app/vmalert/tpl/nav.qtpl:23
-	qs422016 := string(qb422016.B)
-//line app/vmalert/tpl/nav.qtpl:23
-	qt422016.ReleaseByteBuffer(qb422016)
-//line app/vmalert/tpl/nav.qtpl:23
-	return qs422016
-//line app/vmalert/tpl/nav.qtpl:23
-}
diff --git a/app/vmalert/web.go b/app/vmalert/web.go
index 70b58b1790..1969db7507 100644
--- a/app/vmalert/web.go
+++ b/app/vmalert/web.go
@@ -5,7 +5,6 @@ import (
 	"encoding/json"
 	"fmt"
 	"net/http"
-	"path"
 	"sort"
 	"strconv"
 	"strings"
@@ -24,30 +23,24 @@ var (
 	navItems []tpl.NavItem
 )
 
-var (
-	//go:embed static
-	staticFiles  embed.FS
-	staticServer = http.FileServer(http.FS(staticFiles))
-)
-
 func initLinks() {
-	pathPrefix := httpserver.GetPathPrefix()
-	if pathPrefix == "" {
-		pathPrefix = "/"
-	}
 	apiLinks = [][2]string{
-		{path.Join(pathPrefix, "api/v1/rules"), "list all loaded groups and rules"},
-		{path.Join(pathPrefix, "api/v1/alerts"), "list all active alerts"},
-		{path.Join(pathPrefix, "api/v1/groupID/alertID/status"), "get alert status by ID"},
-		{path.Join(pathPrefix, "flags"), "command-line flags"},
-		{path.Join(pathPrefix, "metrics"), "list of application metrics"},
-		{path.Join(pathPrefix, "-/reload"), "reload configuration"},
+		// api links are relative since they can be used by external clients
+		// such as Grafana and proxied via vmselect.
+		{"api/v1/rules", "list all loaded groups and rules"},
+		{"api/v1/alerts", "list all active alerts"},
+		{"api/v1/groupID/alertID/status", "get alert status by ID"},
+
+		// system links
+		{"/flags", "command-line flags"},
+		{"/metrics", "list of application metrics"},
+		{"/-/reload", "reload configuration"},
 	}
 	navItems = []tpl.NavItem{
-		{Name: "vmalert", Url: path.Join(pathPrefix, "/")},
-		{Name: "Groups", Url: path.Join(pathPrefix, "groups")},
-		{Name: "Alerts", Url: path.Join(pathPrefix, "alerts")},
-		{Name: "Notifiers", Url: path.Join(pathPrefix, "notifiers")},
+		{Name: "vmalert", Url: "home"},
+		{Name: "Groups", Url: "groups"},
+		{Name: "Alerts", Url: "alerts"},
+		{Name: "Notifiers", Url: "notifiers"},
 		{Name: "Docs", Url: "https://docs.victoriametrics.com/vmalert.html"},
 	}
 }
@@ -56,33 +49,50 @@ type requestHandler struct {
 	m *manager
 }
 
+var (
+	//go:embed static
+	staticFiles   embed.FS
+	staticHandler = http.FileServer(http.FS(staticFiles))
+	staticServer  = http.StripPrefix("/vmalert", staticHandler)
+)
+
 func (rh *requestHandler) handler(w http.ResponseWriter, r *http.Request) bool {
 	once.Do(func() {
 		initLinks()
 	})
 
-	pathPrefix := httpserver.GetPathPrefix()
-	if pathPrefix == "" {
-		pathPrefix = "/"
+	if strings.HasPrefix(r.URL.Path, "/vmalert/static") {
+		staticServer.ServeHTTP(w, r)
+		return true
 	}
 
 	switch r.URL.Path {
-	case "/":
+	case "/", "/vmalert", "/vmalert/home":
 		if r.Method != "GET" {
 			return false
 		}
-		WriteWelcome(w)
+		WriteWelcome(w, r)
 		return true
-	case "/alerts":
-		WriteListAlerts(w, pathPrefix, rh.groupAlerts())
+	case "/vmalert/alerts":
+		WriteListAlerts(w, r, rh.groupAlerts())
 		return true
-	case "/groups", "/rules":
-		WriteListGroups(w, rh.groups())
+	case "/vmalert/groups":
+		WriteListGroups(w, r, rh.groups())
 		return true
-	case "/notifiers":
-		WriteListTargets(w, notifier.GetTargets())
+	case "/vmalert/notifiers":
+		WriteListTargets(w, r, notifier.GetTargets())
 		return true
-	case "/api/v1/rules":
+
+	// special cases for Grafana requests,
+	// served without `vmalert` prefix:
+	case "/rules":
+		// Grafana makes an extra request to `/rules`
+		// handler in addition to `/api/v1/rules` calls in alerts UI,
+		WriteListGroups(w, r, rh.groups())
+		return true
+
+	case "/vmalert/api/v1/rules", "/api/v1/rules":
+		// path used by Grafana for ng alerting
 		data, err := rh.listGroups()
 		if err != nil {
 			httpserver.Errorf(w, r, "%s", err)
@@ -91,7 +101,8 @@ func (rh *requestHandler) handler(w http.ResponseWriter, r *http.Request) bool {
 		w.Header().Set("Content-Type", "application/json")
 		w.Write(data)
 		return true
-	case "/api/v1/alerts":
+	case "/vmalert/api/v1/alerts", "/api/v1/alerts":
+		// path used by Grafana for ng alerting
 		data, err := rh.listAlerts()
 		if err != nil {
 			httpserver.Errorf(w, r, "%s", err)
@@ -100,17 +111,14 @@ func (rh *requestHandler) handler(w http.ResponseWriter, r *http.Request) bool {
 		w.Header().Set("Content-Type", "application/json")
 		w.Write(data)
 		return true
+
 	case "/-/reload":
 		logger.Infof("api config reload was called, sending sighup")
 		procutil.SelfSIGHUP()
 		w.WriteHeader(http.StatusOK)
 		return true
-	default:
-		if strings.HasPrefix(r.URL.Path, "/static") {
-			staticServer.ServeHTTP(w, r)
-			return true
-		}
 
+	default:
 		if !strings.HasSuffix(r.URL.Path, "/status") {
 			return false
 		}
@@ -133,7 +141,7 @@ func (rh *requestHandler) handler(w http.ResponseWriter, r *http.Request) bool {
 		}
 
 		// <groupID>/<alertID>/status
-		WriteAlert(w, pathPrefix, alert)
+		WriteAlert(w, r, alert)
 		return true
 	}
 }
diff --git a/app/vmalert/web.qtpl b/app/vmalert/web.qtpl
index d90280cff2..d5e5c316f4 100644
--- a/app/vmalert/web.qtpl
+++ b/app/vmalert/web.qtpl
@@ -4,14 +4,15 @@
     "time"
     "sort"
     "path"
+    "net/http"
 
     "github.com/VictoriaMetrics/VictoriaMetrics/app/vmalert/tpl"
     "github.com/VictoriaMetrics/VictoriaMetrics/app/vmalert/notifier"
 ) %}
 
 
-{% func Welcome() %}
-    {%= tpl.Header("vmalert", navItems) %}
+{% func Welcome(r *http.Request) %}
+    {%= tpl.Header(r, navItems, "vmalert") %}
     <p>
         API:<br>
         {% for _, p := range apiLinks  %}
@@ -21,11 +22,11 @@
         	<a href="{%s p %}">{%s p %}</a> - {%s doc %}<br/>
         {% endfor %}
     </p>
-    {%= tpl.Footer() %}
+    {%= tpl.Footer(r) %}
 {% endfunc %}
 
-{% func ListGroups(groups []APIGroup) %}
-    {%= tpl.Header("Groups", navItems) %}
+{% func ListGroups(r *http.Request, groups []APIGroup) %}
+    {%= tpl.Header(r, navItems, "Groups") %}
     {%  if len(groups) > 0 %}
         {%code
             rOk := make(map[string]int)
@@ -112,13 +113,13 @@
         </div>
     {% endif %}
 
-    {%= tpl.Footer() %}
+    {%= tpl.Footer(r) %}
 
 {% endfunc %}
 
 
-{% func ListAlerts(pathPrefix string, groupAlerts []GroupAlerts) %}
-    {%= tpl.Header("Alerts", navItems) %}
+{% func ListAlerts(r *http.Request, groupAlerts []GroupAlerts) %}
+    {%= tpl.Header(r, navItems, "Alerts") %}
     {% if len(groupAlerts) > 0 %}
          <a class="btn btn-primary" role="button" onclick="collapseAll()">Collapse All</a>
          <a class="btn btn-primary" role="button" onclick="expandAll()">Expand All</a>
@@ -182,7 +183,7 @@
                                 </td>
                                 <td>{%s ar.Value %}</td>
                                 <td>
-                                    <a href="{%s path.Join(pathPrefix, g.ID, ar.ID, "status") %}">Details</a>
+                                    <a href="{%s path.Join(g.ID, ar.ID, "status") %}">Details</a>
                                 </td>
                             </tr>
                         {% endfor %}
@@ -199,12 +200,12 @@
         </div>
     {% endif %}
 
-    {%= tpl.Footer() %}
+    {%= tpl.Footer(r) %}
 
 {% endfunc %}
 
-{% func ListTargets(targets map[notifier.TargetType][]notifier.Target) %}
-    {%= tpl.Header("Notifiers", navItems) %}
+{% func ListTargets(r *http.Request, targets map[notifier.TargetType][]notifier.Target) %}
+    {%= tpl.Header(r, navItems, "Notifiers") %}
     {% if len(targets) > 0 %}
          <a class="btn btn-primary" role="button" onclick="collapseAll()">Collapse All</a>
          <a class="btn btn-primary" role="button" onclick="expandAll()">Expand All</a>
@@ -255,12 +256,12 @@
         </div>
     {% endif %}
 
-    {%= tpl.Footer() %}
+    {%= tpl.Footer(r) %}
 
 {% endfunc %}
 
-{% func Alert(pathPrefix string, alert *APIAlert) %}
-    {%= tpl.Header("", navItems) %}
+{% func Alert(r *http.Request, alert *APIAlert) %}
+    {%= tpl.Header(r, navItems, "") %}
     {%code
         var labelKeys []string
         for k := range alert.Labels {
@@ -326,7 +327,7 @@
           Group
         </div>
         <div class="col">
-           <a target="_blank" href="{%s path.Join(pathPrefix,"groups") %}#group-{%s alert.GroupID %}">{%s alert.GroupID %}</a>
+           <a target="_blank" href="/groups#group-{%s alert.GroupID %}">{%s alert.GroupID %}</a>
         </div>
       </div>
     </div>
@@ -340,7 +341,7 @@
         </div>
       </div>
     </div>
-    {%= tpl.Footer() %}
+    {%= tpl.Footer(r) %}
 
 {% endfunc %}
 
diff --git a/app/vmalert/web.qtpl.go b/app/vmalert/web.qtpl.go
index 4ff90f4156..d37e9d2e30 100644
--- a/app/vmalert/web.qtpl.go
+++ b/app/vmalert/web.qtpl.go
@@ -6,6 +6,7 @@ package main
 
 //line app/vmalert/web.qtpl:3
 import (
+	"net/http"
 	"path"
 	"sort"
 	"time"
@@ -14,111 +15,111 @@ import (
 	"github.com/VictoriaMetrics/VictoriaMetrics/app/vmalert/tpl"
 )
 
-//line app/vmalert/web.qtpl:13
+//line app/vmalert/web.qtpl:14
 import (
 	qtio422016 "io"
 
 	qt422016 "github.com/valyala/quicktemplate"
 )
 
-//line app/vmalert/web.qtpl:13
+//line app/vmalert/web.qtpl:14
 var (
 	_ = qtio422016.Copy
 	_ = qt422016.AcquireByteBuffer
 )
 
-//line app/vmalert/web.qtpl:13
-func StreamWelcome(qw422016 *qt422016.Writer) {
-//line app/vmalert/web.qtpl:13
+//line app/vmalert/web.qtpl:14
+func StreamWelcome(qw422016 *qt422016.Writer, r *http.Request) {
+//line app/vmalert/web.qtpl:14
 	qw422016.N().S(`
     `)
-//line app/vmalert/web.qtpl:14
-	tpl.StreamHeader(qw422016, "vmalert", navItems)
-//line app/vmalert/web.qtpl:14
+//line app/vmalert/web.qtpl:15
+	tpl.StreamHeader(qw422016, r, navItems, "vmalert")
+//line app/vmalert/web.qtpl:15
 	qw422016.N().S(`
     <p>
         API:<br>
         `)
-//line app/vmalert/web.qtpl:17
+//line app/vmalert/web.qtpl:18
 	for _, p := range apiLinks {
-//line app/vmalert/web.qtpl:17
+//line app/vmalert/web.qtpl:18
 		qw422016.N().S(`
             `)
-//line app/vmalert/web.qtpl:19
+//line app/vmalert/web.qtpl:20
 		p, doc := p[0], p[1]
 
-//line app/vmalert/web.qtpl:20
+//line app/vmalert/web.qtpl:21
 		qw422016.N().S(`
         	<a href="`)
-//line app/vmalert/web.qtpl:21
+//line app/vmalert/web.qtpl:22
 		qw422016.E().S(p)
-//line app/vmalert/web.qtpl:21
+//line app/vmalert/web.qtpl:22
 		qw422016.N().S(`">`)
-//line app/vmalert/web.qtpl:21
+//line app/vmalert/web.qtpl:22
 		qw422016.E().S(p)
-//line app/vmalert/web.qtpl:21
+//line app/vmalert/web.qtpl:22
 		qw422016.N().S(`</a> - `)
-//line app/vmalert/web.qtpl:21
+//line app/vmalert/web.qtpl:22
 		qw422016.E().S(doc)
-//line app/vmalert/web.qtpl:21
+//line app/vmalert/web.qtpl:22
 		qw422016.N().S(`<br/>
         `)
-//line app/vmalert/web.qtpl:22
+//line app/vmalert/web.qtpl:23
 	}
-//line app/vmalert/web.qtpl:22
+//line app/vmalert/web.qtpl:23
 	qw422016.N().S(`
     </p>
     `)
-//line app/vmalert/web.qtpl:24
-	tpl.StreamFooter(qw422016)
-//line app/vmalert/web.qtpl:24
+//line app/vmalert/web.qtpl:25
+	tpl.StreamFooter(qw422016, r)
+//line app/vmalert/web.qtpl:25
 	qw422016.N().S(`
 `)
-//line app/vmalert/web.qtpl:25
+//line app/vmalert/web.qtpl:26
 }
 
-//line app/vmalert/web.qtpl:25
-func WriteWelcome(qq422016 qtio422016.Writer) {
-//line app/vmalert/web.qtpl:25
+//line app/vmalert/web.qtpl:26
+func WriteWelcome(qq422016 qtio422016.Writer, r *http.Request) {
+//line app/vmalert/web.qtpl:26
 	qw422016 := qt422016.AcquireWriter(qq422016)
-//line app/vmalert/web.qtpl:25
-	StreamWelcome(qw422016)
-//line app/vmalert/web.qtpl:25
+//line app/vmalert/web.qtpl:26
+	StreamWelcome(qw422016, r)
+//line app/vmalert/web.qtpl:26
 	qt422016.ReleaseWriter(qw422016)
-//line app/vmalert/web.qtpl:25
+//line app/vmalert/web.qtpl:26
 }
 
-//line app/vmalert/web.qtpl:25
-func Welcome() string {
-//line app/vmalert/web.qtpl:25
+//line app/vmalert/web.qtpl:26
+func Welcome(r *http.Request) string {
+//line app/vmalert/web.qtpl:26
 	qb422016 := qt422016.AcquireByteBuffer()
-//line app/vmalert/web.qtpl:25
-	WriteWelcome(qb422016)
-//line app/vmalert/web.qtpl:25
+//line app/vmalert/web.qtpl:26
+	WriteWelcome(qb422016, r)
+//line app/vmalert/web.qtpl:26
 	qs422016 := string(qb422016.B)
-//line app/vmalert/web.qtpl:25
+//line app/vmalert/web.qtpl:26
 	qt422016.ReleaseByteBuffer(qb422016)
-//line app/vmalert/web.qtpl:25
+//line app/vmalert/web.qtpl:26
 	return qs422016
-//line app/vmalert/web.qtpl:25
+//line app/vmalert/web.qtpl:26
 }
 
-//line app/vmalert/web.qtpl:27
-func StreamListGroups(qw422016 *qt422016.Writer, groups []APIGroup) {
-//line app/vmalert/web.qtpl:27
-	qw422016.N().S(`
-    `)
 //line app/vmalert/web.qtpl:28
-	tpl.StreamHeader(qw422016, "Groups", navItems)
+func StreamListGroups(qw422016 *qt422016.Writer, r *http.Request, groups []APIGroup) {
 //line app/vmalert/web.qtpl:28
 	qw422016.N().S(`
     `)
 //line app/vmalert/web.qtpl:29
+	tpl.StreamHeader(qw422016, r, navItems, "Groups")
+//line app/vmalert/web.qtpl:29
+	qw422016.N().S(`
+    `)
+//line app/vmalert/web.qtpl:30
 	if len(groups) > 0 {
-//line app/vmalert/web.qtpl:29
+//line app/vmalert/web.qtpl:30
 		qw422016.N().S(`
         `)
-//line app/vmalert/web.qtpl:31
+//line app/vmalert/web.qtpl:32
 		rOk := make(map[string]int)
 		rNotOk := make(map[string]int)
 		for _, g := range groups {
@@ -131,111 +132,111 @@ func StreamListGroups(qw422016 *qt422016.Writer, groups []APIGroup) {
 			}
 		}
 
-//line app/vmalert/web.qtpl:42
+//line app/vmalert/web.qtpl:43
 		qw422016.N().S(`
          <a class="btn btn-primary" role="button" onclick="collapseAll()">Collapse All</a>
          <a class="btn btn-primary" role="button" onclick="expandAll()">Expand All</a>
         `)
-//line app/vmalert/web.qtpl:45
+//line app/vmalert/web.qtpl:46
 		for _, g := range groups {
-//line app/vmalert/web.qtpl:45
+//line app/vmalert/web.qtpl:46
 			qw422016.N().S(`
               <div class="group-heading`)
-//line app/vmalert/web.qtpl:46
+//line app/vmalert/web.qtpl:47
 			if rNotOk[g.Name] > 0 {
-//line app/vmalert/web.qtpl:46
+//line app/vmalert/web.qtpl:47
 				qw422016.N().S(` alert-danger`)
-//line app/vmalert/web.qtpl:46
+//line app/vmalert/web.qtpl:47
 			}
-//line app/vmalert/web.qtpl:46
+//line app/vmalert/web.qtpl:47
 			qw422016.N().S(`"  data-bs-target="rules-`)
-//line app/vmalert/web.qtpl:46
+//line app/vmalert/web.qtpl:47
 			qw422016.E().S(g.ID)
-//line app/vmalert/web.qtpl:46
+//line app/vmalert/web.qtpl:47
 			qw422016.N().S(`">
                 <span class="anchor" id="group-`)
-//line app/vmalert/web.qtpl:47
+//line app/vmalert/web.qtpl:48
 			qw422016.E().S(g.ID)
-//line app/vmalert/web.qtpl:47
+//line app/vmalert/web.qtpl:48
 			qw422016.N().S(`"></span>
                 <a href="#group-`)
-//line app/vmalert/web.qtpl:48
+//line app/vmalert/web.qtpl:49
 			qw422016.E().S(g.ID)
-//line app/vmalert/web.qtpl:48
+//line app/vmalert/web.qtpl:49
 			qw422016.N().S(`">`)
-//line app/vmalert/web.qtpl:48
+//line app/vmalert/web.qtpl:49
 			qw422016.E().S(g.Name)
-//line app/vmalert/web.qtpl:48
+//line app/vmalert/web.qtpl:49
 			if g.Type != "prometheus" {
-//line app/vmalert/web.qtpl:48
+//line app/vmalert/web.qtpl:49
 				qw422016.N().S(` (`)
-//line app/vmalert/web.qtpl:48
+//line app/vmalert/web.qtpl:49
 				qw422016.E().S(g.Type)
-//line app/vmalert/web.qtpl:48
+//line app/vmalert/web.qtpl:49
 				qw422016.N().S(`)`)
-//line app/vmalert/web.qtpl:48
+//line app/vmalert/web.qtpl:49
 			}
-//line app/vmalert/web.qtpl:48
+//line app/vmalert/web.qtpl:49
 			qw422016.N().S(` (every `)
-//line app/vmalert/web.qtpl:48
+//line app/vmalert/web.qtpl:49
 			qw422016.N().FPrec(g.Interval, 0)
-//line app/vmalert/web.qtpl:48
+//line app/vmalert/web.qtpl:49
 			qw422016.N().S(`s)</a>
                  `)
-//line app/vmalert/web.qtpl:49
+//line app/vmalert/web.qtpl:50
 			if rNotOk[g.Name] > 0 {
-//line app/vmalert/web.qtpl:49
+//line app/vmalert/web.qtpl:50
 				qw422016.N().S(`<span class="badge bg-danger" title="Number of rules with status Error">`)
-//line app/vmalert/web.qtpl:49
+//line app/vmalert/web.qtpl:50
 				qw422016.N().D(rNotOk[g.Name])
-//line app/vmalert/web.qtpl:49
+//line app/vmalert/web.qtpl:50
 				qw422016.N().S(`</span> `)
-//line app/vmalert/web.qtpl:49
+//line app/vmalert/web.qtpl:50
 			}
-//line app/vmalert/web.qtpl:49
+//line app/vmalert/web.qtpl:50
 			qw422016.N().S(`
                 <span class="badge bg-success" title="Number of rules withs status Ok">`)
-//line app/vmalert/web.qtpl:50
+//line app/vmalert/web.qtpl:51
 			qw422016.N().D(rOk[g.Name])
-//line app/vmalert/web.qtpl:50
+//line app/vmalert/web.qtpl:51
 			qw422016.N().S(`</span>
                 <p class="fs-6 fw-lighter">`)
-//line app/vmalert/web.qtpl:51
+//line app/vmalert/web.qtpl:52
 			qw422016.E().S(g.File)
-//line app/vmalert/web.qtpl:51
+//line app/vmalert/web.qtpl:52
 			qw422016.N().S(`</p>
                 `)
-//line app/vmalert/web.qtpl:52
+//line app/vmalert/web.qtpl:53
 			if len(g.Params) > 0 {
-//line app/vmalert/web.qtpl:52
+//line app/vmalert/web.qtpl:53
 				qw422016.N().S(`
                     <div class="fs-6 fw-lighter">Extra params
                     `)
-//line app/vmalert/web.qtpl:54
+//line app/vmalert/web.qtpl:55
 				for _, param := range g.Params {
-//line app/vmalert/web.qtpl:54
+//line app/vmalert/web.qtpl:55
 					qw422016.N().S(`
                             <span class="float-left badge bg-primary">`)
-//line app/vmalert/web.qtpl:55
+//line app/vmalert/web.qtpl:56
 					qw422016.E().S(param)
-//line app/vmalert/web.qtpl:55
+//line app/vmalert/web.qtpl:56
 					qw422016.N().S(`</span>
                     `)
-//line app/vmalert/web.qtpl:56
+//line app/vmalert/web.qtpl:57
 				}
-//line app/vmalert/web.qtpl:56
+//line app/vmalert/web.qtpl:57
 				qw422016.N().S(`
                     </div>
                 `)
-//line app/vmalert/web.qtpl:58
+//line app/vmalert/web.qtpl:59
 			}
-//line app/vmalert/web.qtpl:58
+//line app/vmalert/web.qtpl:59
 			qw422016.N().S(`
             </div>
             <div class="collapse" id="rules-`)
-//line app/vmalert/web.qtpl:60
+//line app/vmalert/web.qtpl:61
 			qw422016.E().S(g.ID)
-//line app/vmalert/web.qtpl:60
+//line app/vmalert/web.qtpl:61
 			qw422016.N().S(`">
                 <table class="table table-striped table-hover table-sm">
                     <thead>
@@ -247,256 +248,256 @@ func StreamListGroups(qw422016 *qt422016.Writer, groups []APIGroup) {
                     </thead>
                     <tbody>
                     `)
-//line app/vmalert/web.qtpl:70
+//line app/vmalert/web.qtpl:71
 			for _, r := range g.Rules {
-//line app/vmalert/web.qtpl:70
+//line app/vmalert/web.qtpl:71
 				qw422016.N().S(`
                         <tr`)
-//line app/vmalert/web.qtpl:71
+//line app/vmalert/web.qtpl:72
 				if r.LastError != "" {
-//line app/vmalert/web.qtpl:71
+//line app/vmalert/web.qtpl:72
 					qw422016.N().S(` class="alert-danger"`)
-//line app/vmalert/web.qtpl:71
+//line app/vmalert/web.qtpl:72
 				}
-//line app/vmalert/web.qtpl:71
+//line app/vmalert/web.qtpl:72
 				qw422016.N().S(`>
                             <td>
                                 <div class="row">
                                     <div class="col-12 mb-2">
                                         `)
-//line app/vmalert/web.qtpl:75
+//line app/vmalert/web.qtpl:76
 				if r.Type == "alerting" {
-//line app/vmalert/web.qtpl:75
+//line app/vmalert/web.qtpl:76
 					qw422016.N().S(`
                                         <b>alert:</b> `)
-//line app/vmalert/web.qtpl:76
+//line app/vmalert/web.qtpl:77
 					qw422016.E().S(r.Name)
-//line app/vmalert/web.qtpl:76
+//line app/vmalert/web.qtpl:77
 					qw422016.N().S(` (for: `)
-//line app/vmalert/web.qtpl:76
+//line app/vmalert/web.qtpl:77
 					qw422016.E().V(r.Duration)
-//line app/vmalert/web.qtpl:76
+//line app/vmalert/web.qtpl:77
 					qw422016.N().S(` seconds)
                                         `)
-//line app/vmalert/web.qtpl:77
+//line app/vmalert/web.qtpl:78
 				} else {
-//line app/vmalert/web.qtpl:77
+//line app/vmalert/web.qtpl:78
 					qw422016.N().S(`
                                         <b>record:</b> `)
-//line app/vmalert/web.qtpl:78
+//line app/vmalert/web.qtpl:79
 					qw422016.E().S(r.Name)
-//line app/vmalert/web.qtpl:78
+//line app/vmalert/web.qtpl:79
 					qw422016.N().S(`
                                         `)
-//line app/vmalert/web.qtpl:79
+//line app/vmalert/web.qtpl:80
 				}
-//line app/vmalert/web.qtpl:79
+//line app/vmalert/web.qtpl:80
 				qw422016.N().S(`
                                     </div>
                                     <div class="col-12">
                                         <code><pre>`)
-//line app/vmalert/web.qtpl:82
+//line app/vmalert/web.qtpl:83
 				qw422016.E().S(r.Query)
-//line app/vmalert/web.qtpl:82
+//line app/vmalert/web.qtpl:83
 				qw422016.N().S(`</pre></code>
                                     </div>
                                     <div class="col-12 mb-2">
                                         `)
-//line app/vmalert/web.qtpl:85
+//line app/vmalert/web.qtpl:86
 				if len(r.Labels) > 0 {
-//line app/vmalert/web.qtpl:85
+//line app/vmalert/web.qtpl:86
 					qw422016.N().S(` <b>Labels:</b>`)
-//line app/vmalert/web.qtpl:85
+//line app/vmalert/web.qtpl:86
 				}
-//line app/vmalert/web.qtpl:85
+//line app/vmalert/web.qtpl:86
 				qw422016.N().S(`
                                         `)
-//line app/vmalert/web.qtpl:86
+//line app/vmalert/web.qtpl:87
 				for k, v := range r.Labels {
-//line app/vmalert/web.qtpl:86
+//line app/vmalert/web.qtpl:87
 					qw422016.N().S(`
                                                 <span class="ms-1 badge bg-primary">`)
-//line app/vmalert/web.qtpl:87
+//line app/vmalert/web.qtpl:88
 					qw422016.E().S(k)
-//line app/vmalert/web.qtpl:87
+//line app/vmalert/web.qtpl:88
 					qw422016.N().S(`=`)
-//line app/vmalert/web.qtpl:87
+//line app/vmalert/web.qtpl:88
 					qw422016.E().S(v)
-//line app/vmalert/web.qtpl:87
+//line app/vmalert/web.qtpl:88
 					qw422016.N().S(`</span>
                                         `)
-//line app/vmalert/web.qtpl:88
+//line app/vmalert/web.qtpl:89
 				}
-//line app/vmalert/web.qtpl:88
+//line app/vmalert/web.qtpl:89
 				qw422016.N().S(`
                                     </div>
                                     `)
-//line app/vmalert/web.qtpl:90
+//line app/vmalert/web.qtpl:91
 				if r.LastError != "" {
-//line app/vmalert/web.qtpl:90
+//line app/vmalert/web.qtpl:91
 					qw422016.N().S(`
                                     <div class="col-12">
                                         <b>Error:</b>
                                         <div class="error-cell">
                                         `)
-//line app/vmalert/web.qtpl:94
+//line app/vmalert/web.qtpl:95
 					qw422016.E().S(r.LastError)
-//line app/vmalert/web.qtpl:94
+//line app/vmalert/web.qtpl:95
 					qw422016.N().S(`
                                         </div>
                                     </div>
                                     `)
-//line app/vmalert/web.qtpl:97
+//line app/vmalert/web.qtpl:98
 				}
-//line app/vmalert/web.qtpl:97
+//line app/vmalert/web.qtpl:98
 				qw422016.N().S(`
                                 </div>
                             </td>
                             <td class="text-center">`)
-//line app/vmalert/web.qtpl:100
+//line app/vmalert/web.qtpl:101
 				qw422016.N().D(r.LastSamples)
-//line app/vmalert/web.qtpl:100
+//line app/vmalert/web.qtpl:101
 				qw422016.N().S(`</td>
                             <td class="text-center">`)
-//line app/vmalert/web.qtpl:101
+//line app/vmalert/web.qtpl:102
 				qw422016.N().FPrec(time.Since(r.LastEvaluation).Seconds(), 3)
-//line app/vmalert/web.qtpl:101
+//line app/vmalert/web.qtpl:102
 				qw422016.N().S(`s ago</td>
                         </tr>
                     `)
-//line app/vmalert/web.qtpl:103
+//line app/vmalert/web.qtpl:104
 			}
-//line app/vmalert/web.qtpl:103
+//line app/vmalert/web.qtpl:104
 			qw422016.N().S(`
                  </tbody>
                 </table>
             </div>
         `)
-//line app/vmalert/web.qtpl:107
+//line app/vmalert/web.qtpl:108
 		}
-//line app/vmalert/web.qtpl:107
+//line app/vmalert/web.qtpl:108
 		qw422016.N().S(`
 
     `)
-//line app/vmalert/web.qtpl:109
+//line app/vmalert/web.qtpl:110
 	} else {
-//line app/vmalert/web.qtpl:109
+//line app/vmalert/web.qtpl:110
 		qw422016.N().S(`
         <div>
             <p>No items...</p>
         </div>
     `)
-//line app/vmalert/web.qtpl:113
+//line app/vmalert/web.qtpl:114
 	}
-//line app/vmalert/web.qtpl:113
+//line app/vmalert/web.qtpl:114
 	qw422016.N().S(`
 
     `)
-//line app/vmalert/web.qtpl:115
-	tpl.StreamFooter(qw422016)
-//line app/vmalert/web.qtpl:115
+//line app/vmalert/web.qtpl:116
+	tpl.StreamFooter(qw422016, r)
+//line app/vmalert/web.qtpl:116
 	qw422016.N().S(`
 
 `)
-//line app/vmalert/web.qtpl:117
+//line app/vmalert/web.qtpl:118
 }
 
-//line app/vmalert/web.qtpl:117
-func WriteListGroups(qq422016 qtio422016.Writer, groups []APIGroup) {
-//line app/vmalert/web.qtpl:117
+//line app/vmalert/web.qtpl:118
+func WriteListGroups(qq422016 qtio422016.Writer, r *http.Request, groups []APIGroup) {
+//line app/vmalert/web.qtpl:118
 	qw422016 := qt422016.AcquireWriter(qq422016)
-//line app/vmalert/web.qtpl:117
-	StreamListGroups(qw422016, groups)
-//line app/vmalert/web.qtpl:117
+//line app/vmalert/web.qtpl:118
+	StreamListGroups(qw422016, r, groups)
+//line app/vmalert/web.qtpl:118
 	qt422016.ReleaseWriter(qw422016)
-//line app/vmalert/web.qtpl:117
+//line app/vmalert/web.qtpl:118
 }
 
-//line app/vmalert/web.qtpl:117
-func ListGroups(groups []APIGroup) string {
-//line app/vmalert/web.qtpl:117
+//line app/vmalert/web.qtpl:118
+func ListGroups(r *http.Request, groups []APIGroup) string {
+//line app/vmalert/web.qtpl:118
 	qb422016 := qt422016.AcquireByteBuffer()
-//line app/vmalert/web.qtpl:117
-	WriteListGroups(qb422016, groups)
-//line app/vmalert/web.qtpl:117
+//line app/vmalert/web.qtpl:118
+	WriteListGroups(qb422016, r, groups)
+//line app/vmalert/web.qtpl:118
 	qs422016 := string(qb422016.B)
-//line app/vmalert/web.qtpl:117
+//line app/vmalert/web.qtpl:118
 	qt422016.ReleaseByteBuffer(qb422016)
-//line app/vmalert/web.qtpl:117
+//line app/vmalert/web.qtpl:118
 	return qs422016
-//line app/vmalert/web.qtpl:117
+//line app/vmalert/web.qtpl:118
 }
 
-//line app/vmalert/web.qtpl:120
-func StreamListAlerts(qw422016 *qt422016.Writer, pathPrefix string, groupAlerts []GroupAlerts) {
-//line app/vmalert/web.qtpl:120
-	qw422016.N().S(`
-    `)
 //line app/vmalert/web.qtpl:121
-	tpl.StreamHeader(qw422016, "Alerts", navItems)
+func StreamListAlerts(qw422016 *qt422016.Writer, r *http.Request, groupAlerts []GroupAlerts) {
 //line app/vmalert/web.qtpl:121
 	qw422016.N().S(`
     `)
 //line app/vmalert/web.qtpl:122
+	tpl.StreamHeader(qw422016, r, navItems, "Alerts")
+//line app/vmalert/web.qtpl:122
+	qw422016.N().S(`
+    `)
+//line app/vmalert/web.qtpl:123
 	if len(groupAlerts) > 0 {
-//line app/vmalert/web.qtpl:122
+//line app/vmalert/web.qtpl:123
 		qw422016.N().S(`
          <a class="btn btn-primary" role="button" onclick="collapseAll()">Collapse All</a>
          <a class="btn btn-primary" role="button" onclick="expandAll()">Expand All</a>
          `)
-//line app/vmalert/web.qtpl:125
+//line app/vmalert/web.qtpl:126
 		for _, ga := range groupAlerts {
-//line app/vmalert/web.qtpl:125
+//line app/vmalert/web.qtpl:126
 			qw422016.N().S(`
             `)
-//line app/vmalert/web.qtpl:126
+//line app/vmalert/web.qtpl:127
 			g := ga.Group
 
-//line app/vmalert/web.qtpl:126
+//line app/vmalert/web.qtpl:127
 			qw422016.N().S(`
             <div class="group-heading alert-danger" data-bs-target="rules-`)
-//line app/vmalert/web.qtpl:127
+//line app/vmalert/web.qtpl:128
 			qw422016.E().S(g.ID)
-//line app/vmalert/web.qtpl:127
+//line app/vmalert/web.qtpl:128
 			qw422016.N().S(`">
                 <span class="anchor" id="group-`)
-//line app/vmalert/web.qtpl:128
+//line app/vmalert/web.qtpl:129
 			qw422016.E().S(g.ID)
-//line app/vmalert/web.qtpl:128
+//line app/vmalert/web.qtpl:129
 			qw422016.N().S(`"></span>
                 <a href="#group-`)
-//line app/vmalert/web.qtpl:129
+//line app/vmalert/web.qtpl:130
 			qw422016.E().S(g.ID)
-//line app/vmalert/web.qtpl:129
+//line app/vmalert/web.qtpl:130
 			qw422016.N().S(`">`)
-//line app/vmalert/web.qtpl:129
+//line app/vmalert/web.qtpl:130
 			qw422016.E().S(g.Name)
-//line app/vmalert/web.qtpl:129
+//line app/vmalert/web.qtpl:130
 			if g.Type != "prometheus" {
-//line app/vmalert/web.qtpl:129
+//line app/vmalert/web.qtpl:130
 				qw422016.N().S(` (`)
-//line app/vmalert/web.qtpl:129
+//line app/vmalert/web.qtpl:130
 				qw422016.E().S(g.Type)
-//line app/vmalert/web.qtpl:129
+//line app/vmalert/web.qtpl:130
 				qw422016.N().S(`)`)
-//line app/vmalert/web.qtpl:129
+//line app/vmalert/web.qtpl:130
 			}
-//line app/vmalert/web.qtpl:129
+//line app/vmalert/web.qtpl:130
 			qw422016.N().S(`</a>
                 <span class="badge bg-danger" title="Number of active alerts">`)
-//line app/vmalert/web.qtpl:130
+//line app/vmalert/web.qtpl:131
 			qw422016.N().D(len(ga.Alerts))
-//line app/vmalert/web.qtpl:130
+//line app/vmalert/web.qtpl:131
 			qw422016.N().S(`</span>
                 <br>
                 <p class="fs-6 fw-lighter">`)
-//line app/vmalert/web.qtpl:132
+//line app/vmalert/web.qtpl:133
 			qw422016.E().S(g.File)
-//line app/vmalert/web.qtpl:132
+//line app/vmalert/web.qtpl:133
 			qw422016.N().S(`</p>
             </div>
             `)
-//line app/vmalert/web.qtpl:135
+//line app/vmalert/web.qtpl:136
 			var keys []string
 			alertsByRule := make(map[string][]*APIAlert)
 			for _, alert := range ga.Alerts {
@@ -507,20 +508,20 @@ func StreamListAlerts(qw422016 *qt422016.Writer, pathPrefix string, groupAlerts
 			}
 			sort.Strings(keys)
 
-//line app/vmalert/web.qtpl:144
+//line app/vmalert/web.qtpl:145
 			qw422016.N().S(`
             <div class="collapse" id="rules-`)
-//line app/vmalert/web.qtpl:145
+//line app/vmalert/web.qtpl:146
 			qw422016.E().S(g.ID)
-//line app/vmalert/web.qtpl:145
+//line app/vmalert/web.qtpl:146
 			qw422016.N().S(`">
                 `)
-//line app/vmalert/web.qtpl:146
+//line app/vmalert/web.qtpl:147
 			for _, ruleID := range keys {
-//line app/vmalert/web.qtpl:146
+//line app/vmalert/web.qtpl:147
 				qw422016.N().S(`
                     `)
-//line app/vmalert/web.qtpl:148
+//line app/vmalert/web.qtpl:149
 				defaultAR := alertsByRule[ruleID][0]
 				var labelKeys []string
 				for k := range defaultAR.Labels {
@@ -528,28 +529,28 @@ func StreamListAlerts(qw422016 *qt422016.Writer, pathPrefix string, groupAlerts
 				}
 				sort.Strings(labelKeys)
 
-//line app/vmalert/web.qtpl:154
+//line app/vmalert/web.qtpl:155
 				qw422016.N().S(`
                     <br>
                     <b>alert:</b> `)
-//line app/vmalert/web.qtpl:156
+//line app/vmalert/web.qtpl:157
 				qw422016.E().S(defaultAR.Name)
-//line app/vmalert/web.qtpl:156
+//line app/vmalert/web.qtpl:157
 				qw422016.N().S(` (`)
-//line app/vmalert/web.qtpl:156
+//line app/vmalert/web.qtpl:157
 				qw422016.N().D(len(alertsByRule[ruleID]))
-//line app/vmalert/web.qtpl:156
+//line app/vmalert/web.qtpl:157
 				qw422016.N().S(`)
                      | <span><a target="_blank" href="`)
-//line app/vmalert/web.qtpl:157
+//line app/vmalert/web.qtpl:158
 				qw422016.E().S(defaultAR.SourceLink)
-//line app/vmalert/web.qtpl:157
+//line app/vmalert/web.qtpl:158
 				qw422016.N().S(`">Source</a></span>
                     <br>
                     <b>expr:</b><code><pre>`)
-//line app/vmalert/web.qtpl:159
+//line app/vmalert/web.qtpl:160
 				qw422016.E().S(defaultAR.Expression)
-//line app/vmalert/web.qtpl:159
+//line app/vmalert/web.qtpl:160
 				qw422016.N().S(`</pre></code>
                     <table class="table table-striped table-hover table-sm">
                         <thead>
@@ -563,204 +564,204 @@ func StreamListAlerts(qw422016 *qt422016.Writer, pathPrefix string, groupAlerts
                         </thead>
                         <tbody>
                         `)
-//line app/vmalert/web.qtpl:171
+//line app/vmalert/web.qtpl:172
 				for _, ar := range alertsByRule[ruleID] {
-//line app/vmalert/web.qtpl:171
+//line app/vmalert/web.qtpl:172
 					qw422016.N().S(`
                             <tr>
                                 <td>
                                     `)
-//line app/vmalert/web.qtpl:174
+//line app/vmalert/web.qtpl:175
 					for _, k := range labelKeys {
-//line app/vmalert/web.qtpl:174
+//line app/vmalert/web.qtpl:175
 						qw422016.N().S(`
                                         <span class="ms-1 badge bg-primary">`)
-//line app/vmalert/web.qtpl:175
+//line app/vmalert/web.qtpl:176
 						qw422016.E().S(k)
-//line app/vmalert/web.qtpl:175
+//line app/vmalert/web.qtpl:176
 						qw422016.N().S(`=`)
-//line app/vmalert/web.qtpl:175
+//line app/vmalert/web.qtpl:176
 						qw422016.E().S(ar.Labels[k])
-//line app/vmalert/web.qtpl:175
+//line app/vmalert/web.qtpl:176
 						qw422016.N().S(`</span>
                                     `)
-//line app/vmalert/web.qtpl:176
+//line app/vmalert/web.qtpl:177
 					}
-//line app/vmalert/web.qtpl:176
+//line app/vmalert/web.qtpl:177
 					qw422016.N().S(`
                                 </td>
                                 <td>`)
-//line app/vmalert/web.qtpl:178
+//line app/vmalert/web.qtpl:179
 					streambadgeState(qw422016, ar.State)
-//line app/vmalert/web.qtpl:178
+//line app/vmalert/web.qtpl:179
 					qw422016.N().S(`</td>
                                 <td>
                                     `)
-//line app/vmalert/web.qtpl:180
+//line app/vmalert/web.qtpl:181
 					qw422016.E().S(ar.ActiveAt.Format("2006-01-02T15:04:05Z07:00"))
-//line app/vmalert/web.qtpl:180
+//line app/vmalert/web.qtpl:181
 					qw422016.N().S(`
                                     `)
-//line app/vmalert/web.qtpl:181
+//line app/vmalert/web.qtpl:182
 					if ar.Restored {
-//line app/vmalert/web.qtpl:181
+//line app/vmalert/web.qtpl:182
 						streambadgeRestored(qw422016)
-//line app/vmalert/web.qtpl:181
+//line app/vmalert/web.qtpl:182
 					}
-//line app/vmalert/web.qtpl:181
+//line app/vmalert/web.qtpl:182
 					qw422016.N().S(`
                                 </td>
                                 <td>`)
-//line app/vmalert/web.qtpl:183
+//line app/vmalert/web.qtpl:184
 					qw422016.E().S(ar.Value)
-//line app/vmalert/web.qtpl:183
+//line app/vmalert/web.qtpl:184
 					qw422016.N().S(`</td>
                                 <td>
                                     <a href="`)
-//line app/vmalert/web.qtpl:185
-					qw422016.E().S(path.Join(pathPrefix, g.ID, ar.ID, "status"))
-//line app/vmalert/web.qtpl:185
+//line app/vmalert/web.qtpl:186
+					qw422016.E().S(path.Join(g.ID, ar.ID, "status"))
+//line app/vmalert/web.qtpl:186
 					qw422016.N().S(`">Details</a>
                                 </td>
                             </tr>
                         `)
-//line app/vmalert/web.qtpl:188
+//line app/vmalert/web.qtpl:189
 				}
-//line app/vmalert/web.qtpl:188
+//line app/vmalert/web.qtpl:189
 				qw422016.N().S(`
                      </tbody>
                     </table>
                 `)
-//line app/vmalert/web.qtpl:191
+//line app/vmalert/web.qtpl:192
 			}
-//line app/vmalert/web.qtpl:191
+//line app/vmalert/web.qtpl:192
 			qw422016.N().S(`
             </div>
             <br>
         `)
-//line app/vmalert/web.qtpl:194
+//line app/vmalert/web.qtpl:195
 		}
-//line app/vmalert/web.qtpl:194
+//line app/vmalert/web.qtpl:195
 		qw422016.N().S(`
 
     `)
-//line app/vmalert/web.qtpl:196
+//line app/vmalert/web.qtpl:197
 	} else {
-//line app/vmalert/web.qtpl:196
+//line app/vmalert/web.qtpl:197
 		qw422016.N().S(`
         <div>
             <p>No items...</p>
         </div>
     `)
-//line app/vmalert/web.qtpl:200
+//line app/vmalert/web.qtpl:201
 	}
-//line app/vmalert/web.qtpl:200
+//line app/vmalert/web.qtpl:201
 	qw422016.N().S(`
 
     `)
-//line app/vmalert/web.qtpl:202
-	tpl.StreamFooter(qw422016)
-//line app/vmalert/web.qtpl:202
+//line app/vmalert/web.qtpl:203
+	tpl.StreamFooter(qw422016, r)
+//line app/vmalert/web.qtpl:203
 	qw422016.N().S(`
 
 `)
-//line app/vmalert/web.qtpl:204
+//line app/vmalert/web.qtpl:205
 }
 
-//line app/vmalert/web.qtpl:204
-func WriteListAlerts(qq422016 qtio422016.Writer, pathPrefix string, groupAlerts []GroupAlerts) {
-//line app/vmalert/web.qtpl:204
+//line app/vmalert/web.qtpl:205
+func WriteListAlerts(qq422016 qtio422016.Writer, r *http.Request, groupAlerts []GroupAlerts) {
+//line app/vmalert/web.qtpl:205
 	qw422016 := qt422016.AcquireWriter(qq422016)
-//line app/vmalert/web.qtpl:204
-	StreamListAlerts(qw422016, pathPrefix, groupAlerts)
-//line app/vmalert/web.qtpl:204
+//line app/vmalert/web.qtpl:205
+	StreamListAlerts(qw422016, r, groupAlerts)
+//line app/vmalert/web.qtpl:205
 	qt422016.ReleaseWriter(qw422016)
-//line app/vmalert/web.qtpl:204
+//line app/vmalert/web.qtpl:205
 }
 
-//line app/vmalert/web.qtpl:204
-func ListAlerts(pathPrefix string, groupAlerts []GroupAlerts) string {
-//line app/vmalert/web.qtpl:204
+//line app/vmalert/web.qtpl:205
+func ListAlerts(r *http.Request, groupAlerts []GroupAlerts) string {
+//line app/vmalert/web.qtpl:205
 	qb422016 := qt422016.AcquireByteBuffer()
-//line app/vmalert/web.qtpl:204
-	WriteListAlerts(qb422016, pathPrefix, groupAlerts)
-//line app/vmalert/web.qtpl:204
+//line app/vmalert/web.qtpl:205
+	WriteListAlerts(qb422016, r, groupAlerts)
+//line app/vmalert/web.qtpl:205
 	qs422016 := string(qb422016.B)
-//line app/vmalert/web.qtpl:204
+//line app/vmalert/web.qtpl:205
 	qt422016.ReleaseByteBuffer(qb422016)
-//line app/vmalert/web.qtpl:204
+//line app/vmalert/web.qtpl:205
 	return qs422016
-//line app/vmalert/web.qtpl:204
+//line app/vmalert/web.qtpl:205
 }
 
-//line app/vmalert/web.qtpl:206
-func StreamListTargets(qw422016 *qt422016.Writer, targets map[notifier.TargetType][]notifier.Target) {
-//line app/vmalert/web.qtpl:206
-	qw422016.N().S(`
-    `)
 //line app/vmalert/web.qtpl:207
-	tpl.StreamHeader(qw422016, "Notifiers", navItems)
+func StreamListTargets(qw422016 *qt422016.Writer, r *http.Request, targets map[notifier.TargetType][]notifier.Target) {
 //line app/vmalert/web.qtpl:207
 	qw422016.N().S(`
     `)
 //line app/vmalert/web.qtpl:208
+	tpl.StreamHeader(qw422016, r, navItems, "Notifiers")
+//line app/vmalert/web.qtpl:208
+	qw422016.N().S(`
+    `)
+//line app/vmalert/web.qtpl:209
 	if len(targets) > 0 {
-//line app/vmalert/web.qtpl:208
+//line app/vmalert/web.qtpl:209
 		qw422016.N().S(`
          <a class="btn btn-primary" role="button" onclick="collapseAll()">Collapse All</a>
          <a class="btn btn-primary" role="button" onclick="expandAll()">Expand All</a>
 
          `)
-//line app/vmalert/web.qtpl:213
+//line app/vmalert/web.qtpl:214
 		var keys []string
 		for key := range targets {
 			keys = append(keys, string(key))
 		}
 		sort.Strings(keys)
 
-//line app/vmalert/web.qtpl:218
+//line app/vmalert/web.qtpl:219
 		qw422016.N().S(`
 
          `)
-//line app/vmalert/web.qtpl:220
+//line app/vmalert/web.qtpl:221
 		for i := range keys {
-//line app/vmalert/web.qtpl:220
+//line app/vmalert/web.qtpl:221
 			qw422016.N().S(`
            `)
-//line app/vmalert/web.qtpl:221
+//line app/vmalert/web.qtpl:222
 			typeK, ns := keys[i], targets[notifier.TargetType(keys[i])]
 			count := len(ns)
 
-//line app/vmalert/web.qtpl:223
+//line app/vmalert/web.qtpl:224
 			qw422016.N().S(`
            <div class="group-heading data-bs-target="rules-`)
-//line app/vmalert/web.qtpl:224
+//line app/vmalert/web.qtpl:225
 			qw422016.E().S(typeK)
-//line app/vmalert/web.qtpl:224
+//line app/vmalert/web.qtpl:225
 			qw422016.N().S(`">
              <span class="anchor" id="notifiers-`)
-//line app/vmalert/web.qtpl:225
+//line app/vmalert/web.qtpl:226
 			qw422016.E().S(typeK)
-//line app/vmalert/web.qtpl:225
+//line app/vmalert/web.qtpl:226
 			qw422016.N().S(`"></span>
              <a href="#notifiers-`)
-//line app/vmalert/web.qtpl:226
+//line app/vmalert/web.qtpl:227
 			qw422016.E().S(typeK)
-//line app/vmalert/web.qtpl:226
+//line app/vmalert/web.qtpl:227
 			qw422016.N().S(`">`)
-//line app/vmalert/web.qtpl:226
+//line app/vmalert/web.qtpl:227
 			qw422016.E().S(typeK)
-//line app/vmalert/web.qtpl:226
+//line app/vmalert/web.qtpl:227
 			qw422016.N().S(` (`)
-//line app/vmalert/web.qtpl:226
+//line app/vmalert/web.qtpl:227
 			qw422016.N().D(count)
-//line app/vmalert/web.qtpl:226
+//line app/vmalert/web.qtpl:227
 			qw422016.N().S(`)</a>
          </div>
          <div class="collapse show" id="notifiers-`)
-//line app/vmalert/web.qtpl:228
+//line app/vmalert/web.qtpl:229
 			qw422016.E().S(typeK)
-//line app/vmalert/web.qtpl:228
+//line app/vmalert/web.qtpl:229
 			qw422016.N().S(`">
              <table class="table table-striped table-hover table-sm">
                  <thead>
@@ -771,113 +772,113 @@ func StreamListTargets(qw422016 *qt422016.Writer, targets map[notifier.TargetTyp
                  </thead>
                  <tbody>
                  `)
-//line app/vmalert/web.qtpl:237
+//line app/vmalert/web.qtpl:238
 			for _, n := range ns {
-//line app/vmalert/web.qtpl:237
+//line app/vmalert/web.qtpl:238
 				qw422016.N().S(`
                      <tr>
                          <td>
                               `)
-//line app/vmalert/web.qtpl:240
+//line app/vmalert/web.qtpl:241
 				for _, l := range n.Labels {
-//line app/vmalert/web.qtpl:240
+//line app/vmalert/web.qtpl:241
 					qw422016.N().S(`
                                       <span class="ms-1 badge bg-primary">`)
-//line app/vmalert/web.qtpl:241
+//line app/vmalert/web.qtpl:242
 					qw422016.E().S(l.Name)
-//line app/vmalert/web.qtpl:241
+//line app/vmalert/web.qtpl:242
 					qw422016.N().S(`=`)
-//line app/vmalert/web.qtpl:241
+//line app/vmalert/web.qtpl:242
 					qw422016.E().S(l.Value)
-//line app/vmalert/web.qtpl:241
+//line app/vmalert/web.qtpl:242
 					qw422016.N().S(`</span>
                               `)
-//line app/vmalert/web.qtpl:242
+//line app/vmalert/web.qtpl:243
 				}
-//line app/vmalert/web.qtpl:242
+//line app/vmalert/web.qtpl:243
 				qw422016.N().S(`
                           </td>
                          <td>`)
-//line app/vmalert/web.qtpl:244
+//line app/vmalert/web.qtpl:245
 				qw422016.E().S(n.Notifier.Addr())
-//line app/vmalert/web.qtpl:244
+//line app/vmalert/web.qtpl:245
 				qw422016.N().S(`</td>
                      </tr>
                  `)
-//line app/vmalert/web.qtpl:246
+//line app/vmalert/web.qtpl:247
 			}
-//line app/vmalert/web.qtpl:246
+//line app/vmalert/web.qtpl:247
 			qw422016.N().S(`
               </tbody>
              </table>
          </div>
      `)
-//line app/vmalert/web.qtpl:250
+//line app/vmalert/web.qtpl:251
 		}
-//line app/vmalert/web.qtpl:250
+//line app/vmalert/web.qtpl:251
 		qw422016.N().S(`
 
     `)
-//line app/vmalert/web.qtpl:252
+//line app/vmalert/web.qtpl:253
 	} else {
-//line app/vmalert/web.qtpl:252
+//line app/vmalert/web.qtpl:253
 		qw422016.N().S(`
         <div>
             <p>No items...</p>
         </div>
     `)
-//line app/vmalert/web.qtpl:256
+//line app/vmalert/web.qtpl:257
 	}
-//line app/vmalert/web.qtpl:256
+//line app/vmalert/web.qtpl:257
 	qw422016.N().S(`
 
     `)
-//line app/vmalert/web.qtpl:258
-	tpl.StreamFooter(qw422016)
-//line app/vmalert/web.qtpl:258
+//line app/vmalert/web.qtpl:259
+	tpl.StreamFooter(qw422016, r)
+//line app/vmalert/web.qtpl:259
 	qw422016.N().S(`
 
 `)
-//line app/vmalert/web.qtpl:260
+//line app/vmalert/web.qtpl:261
 }
 
-//line app/vmalert/web.qtpl:260
-func WriteListTargets(qq422016 qtio422016.Writer, targets map[notifier.TargetType][]notifier.Target) {
-//line app/vmalert/web.qtpl:260
+//line app/vmalert/web.qtpl:261
+func WriteListTargets(qq422016 qtio422016.Writer, r *http.Request, targets map[notifier.TargetType][]notifier.Target) {
+//line app/vmalert/web.qtpl:261
 	qw422016 := qt422016.AcquireWriter(qq422016)
-//line app/vmalert/web.qtpl:260
-	StreamListTargets(qw422016, targets)
-//line app/vmalert/web.qtpl:260
+//line app/vmalert/web.qtpl:261
+	StreamListTargets(qw422016, r, targets)
+//line app/vmalert/web.qtpl:261
 	qt422016.ReleaseWriter(qw422016)
-//line app/vmalert/web.qtpl:260
+//line app/vmalert/web.qtpl:261
 }
 
-//line app/vmalert/web.qtpl:260
-func ListTargets(targets map[notifier.TargetType][]notifier.Target) string {
-//line app/vmalert/web.qtpl:260
+//line app/vmalert/web.qtpl:261
+func ListTargets(r *http.Request, targets map[notifier.TargetType][]notifier.Target) string {
+//line app/vmalert/web.qtpl:261
 	qb422016 := qt422016.AcquireByteBuffer()
-//line app/vmalert/web.qtpl:260
-	WriteListTargets(qb422016, targets)
-//line app/vmalert/web.qtpl:260
+//line app/vmalert/web.qtpl:261
+	WriteListTargets(qb422016, r, targets)
+//line app/vmalert/web.qtpl:261
 	qs422016 := string(qb422016.B)
-//line app/vmalert/web.qtpl:260
+//line app/vmalert/web.qtpl:261
 	qt422016.ReleaseByteBuffer(qb422016)
-//line app/vmalert/web.qtpl:260
+//line app/vmalert/web.qtpl:261
 	return qs422016
-//line app/vmalert/web.qtpl:260
+//line app/vmalert/web.qtpl:261
 }
 
-//line app/vmalert/web.qtpl:262
-func StreamAlert(qw422016 *qt422016.Writer, pathPrefix string, alert *APIAlert) {
-//line app/vmalert/web.qtpl:262
-	qw422016.N().S(`
-    `)
 //line app/vmalert/web.qtpl:263
-	tpl.StreamHeader(qw422016, "", navItems)
+func StreamAlert(qw422016 *qt422016.Writer, r *http.Request, alert *APIAlert) {
 //line app/vmalert/web.qtpl:263
 	qw422016.N().S(`
     `)
-//line app/vmalert/web.qtpl:265
+//line app/vmalert/web.qtpl:264
+	tpl.StreamHeader(qw422016, r, navItems, "")
+//line app/vmalert/web.qtpl:264
+	qw422016.N().S(`
+    `)
+//line app/vmalert/web.qtpl:266
 	var labelKeys []string
 	for k := range alert.Labels {
 		labelKeys = append(labelKeys, k)
@@ -890,28 +891,28 @@ func StreamAlert(qw422016 *qt422016.Writer, pathPrefix string, alert *APIAlert)
 	}
 	sort.Strings(annotationKeys)
 
-//line app/vmalert/web.qtpl:276
+//line app/vmalert/web.qtpl:277
 	qw422016.N().S(`
     <div class="display-6 pb-3 mb-3">`)
-//line app/vmalert/web.qtpl:277
+//line app/vmalert/web.qtpl:278
 	qw422016.E().S(alert.Name)
-//line app/vmalert/web.qtpl:277
+//line app/vmalert/web.qtpl:278
 	qw422016.N().S(`<span class="ms-2 badge `)
-//line app/vmalert/web.qtpl:277
+//line app/vmalert/web.qtpl:278
 	if alert.State == "firing" {
-//line app/vmalert/web.qtpl:277
+//line app/vmalert/web.qtpl:278
 		qw422016.N().S(`bg-danger`)
-//line app/vmalert/web.qtpl:277
+//line app/vmalert/web.qtpl:278
 	} else {
-//line app/vmalert/web.qtpl:277
+//line app/vmalert/web.qtpl:278
 		qw422016.N().S(` bg-warning text-dark`)
-//line app/vmalert/web.qtpl:277
+//line app/vmalert/web.qtpl:278
 	}
-//line app/vmalert/web.qtpl:277
+//line app/vmalert/web.qtpl:278
 	qw422016.N().S(`">`)
-//line app/vmalert/web.qtpl:277
+//line app/vmalert/web.qtpl:278
 	qw422016.E().S(alert.State)
-//line app/vmalert/web.qtpl:277
+//line app/vmalert/web.qtpl:278
 	qw422016.N().S(`</span></div>
     <div class="container border-bottom p-2">
       <div class="row">
@@ -920,9 +921,9 @@ func StreamAlert(qw422016 *qt422016.Writer, pathPrefix string, alert *APIAlert)
         </div>
         <div class="col">
           `)
-//line app/vmalert/web.qtpl:284
+//line app/vmalert/web.qtpl:285
 	qw422016.E().S(alert.ActiveAt.Format("2006-01-02T15:04:05Z07:00"))
-//line app/vmalert/web.qtpl:284
+//line app/vmalert/web.qtpl:285
 	qw422016.N().S(`
         </div>
       </div>
@@ -934,9 +935,9 @@ func StreamAlert(qw422016 *qt422016.Writer, pathPrefix string, alert *APIAlert)
         </div>
         <div class="col">
           <code><pre>`)
-//line app/vmalert/web.qtpl:294
+//line app/vmalert/web.qtpl:295
 	qw422016.E().S(alert.Expression)
-//line app/vmalert/web.qtpl:294
+//line app/vmalert/web.qtpl:295
 	qw422016.N().S(`</pre></code>
         </div>
       </div>
@@ -948,23 +949,23 @@ func StreamAlert(qw422016 *qt422016.Writer, pathPrefix string, alert *APIAlert)
         </div>
         <div class="col">
            `)
-//line app/vmalert/web.qtpl:304
+//line app/vmalert/web.qtpl:305
 	for _, k := range labelKeys {
-//line app/vmalert/web.qtpl:304
+//line app/vmalert/web.qtpl:305
 		qw422016.N().S(`
                 <span class="m-1 badge bg-primary">`)
-//line app/vmalert/web.qtpl:305
+//line app/vmalert/web.qtpl:306
 		qw422016.E().S(k)
-//line app/vmalert/web.qtpl:305
+//line app/vmalert/web.qtpl:306
 		qw422016.N().S(`=`)
-//line app/vmalert/web.qtpl:305
+//line app/vmalert/web.qtpl:306
 		qw422016.E().S(alert.Labels[k])
-//line app/vmalert/web.qtpl:305
+//line app/vmalert/web.qtpl:306
 		qw422016.N().S(`</span>
           `)
-//line app/vmalert/web.qtpl:306
+//line app/vmalert/web.qtpl:307
 	}
-//line app/vmalert/web.qtpl:306
+//line app/vmalert/web.qtpl:307
 	qw422016.N().S(`
         </div>
       </div>
@@ -976,24 +977,24 @@ func StreamAlert(qw422016 *qt422016.Writer, pathPrefix string, alert *APIAlert)
         </div>
         <div class="col">
            `)
-//line app/vmalert/web.qtpl:316
+//line app/vmalert/web.qtpl:317
 	for _, k := range annotationKeys {
-//line app/vmalert/web.qtpl:316
+//line app/vmalert/web.qtpl:317
 		qw422016.N().S(`
                 <b>`)
-//line app/vmalert/web.qtpl:317
+//line app/vmalert/web.qtpl:318
 		qw422016.E().S(k)
-//line app/vmalert/web.qtpl:317
+//line app/vmalert/web.qtpl:318
 		qw422016.N().S(`:</b><br>
                 <p>`)
-//line app/vmalert/web.qtpl:318
+//line app/vmalert/web.qtpl:319
 		qw422016.E().S(alert.Annotations[k])
-//line app/vmalert/web.qtpl:318
+//line app/vmalert/web.qtpl:319
 		qw422016.N().S(`</p>
           `)
-//line app/vmalert/web.qtpl:319
+//line app/vmalert/web.qtpl:320
 	}
-//line app/vmalert/web.qtpl:319
+//line app/vmalert/web.qtpl:320
 	qw422016.N().S(`
         </div>
       </div>
@@ -1004,18 +1005,14 @@ func StreamAlert(qw422016 *qt422016.Writer, pathPrefix string, alert *APIAlert)
           Group
         </div>
         <div class="col">
-           <a target="_blank" href="`)
-//line app/vmalert/web.qtpl:329
-	qw422016.E().S(path.Join(pathPrefix, "groups"))
-//line app/vmalert/web.qtpl:329
-	qw422016.N().S(`#group-`)
-//line app/vmalert/web.qtpl:329
+           <a target="_blank" href="/groups#group-`)
+//line app/vmalert/web.qtpl:330
 	qw422016.E().S(alert.GroupID)
-//line app/vmalert/web.qtpl:329
+//line app/vmalert/web.qtpl:330
 	qw422016.N().S(`">`)
-//line app/vmalert/web.qtpl:329
+//line app/vmalert/web.qtpl:330
 	qw422016.E().S(alert.GroupID)
-//line app/vmalert/web.qtpl:329
+//line app/vmalert/web.qtpl:330
 	qw422016.N().S(`</a>
         </div>
       </div>
@@ -1027,132 +1024,132 @@ func StreamAlert(qw422016 *qt422016.Writer, pathPrefix string, alert *APIAlert)
         </div>
         <div class="col">
            <a target="_blank" href="`)
-//line app/vmalert/web.qtpl:339
+//line app/vmalert/web.qtpl:340
 	qw422016.E().S(alert.SourceLink)
-//line app/vmalert/web.qtpl:339
+//line app/vmalert/web.qtpl:340
 	qw422016.N().S(`">Link</a>
         </div>
       </div>
     </div>
     `)
-//line app/vmalert/web.qtpl:343
-	tpl.StreamFooter(qw422016)
-//line app/vmalert/web.qtpl:343
+//line app/vmalert/web.qtpl:344
+	tpl.StreamFooter(qw422016, r)
+//line app/vmalert/web.qtpl:344
 	qw422016.N().S(`
 
 `)
-//line app/vmalert/web.qtpl:345
+//line app/vmalert/web.qtpl:346
 }
 
-//line app/vmalert/web.qtpl:345
-func WriteAlert(qq422016 qtio422016.Writer, pathPrefix string, alert *APIAlert) {
-//line app/vmalert/web.qtpl:345
+//line app/vmalert/web.qtpl:346
+func WriteAlert(qq422016 qtio422016.Writer, r *http.Request, alert *APIAlert) {
+//line app/vmalert/web.qtpl:346
 	qw422016 := qt422016.AcquireWriter(qq422016)
-//line app/vmalert/web.qtpl:345
-	StreamAlert(qw422016, pathPrefix, alert)
-//line app/vmalert/web.qtpl:345
+//line app/vmalert/web.qtpl:346
+	StreamAlert(qw422016, r, alert)
+//line app/vmalert/web.qtpl:346
 	qt422016.ReleaseWriter(qw422016)
-//line app/vmalert/web.qtpl:345
+//line app/vmalert/web.qtpl:346
 }
 
-//line app/vmalert/web.qtpl:345
-func Alert(pathPrefix string, alert *APIAlert) string {
-//line app/vmalert/web.qtpl:345
+//line app/vmalert/web.qtpl:346
+func Alert(r *http.Request, alert *APIAlert) string {
+//line app/vmalert/web.qtpl:346
 	qb422016 := qt422016.AcquireByteBuffer()
-//line app/vmalert/web.qtpl:345
-	WriteAlert(qb422016, pathPrefix, alert)
-//line app/vmalert/web.qtpl:345
+//line app/vmalert/web.qtpl:346
+	WriteAlert(qb422016, r, alert)
+//line app/vmalert/web.qtpl:346
 	qs422016 := string(qb422016.B)
-//line app/vmalert/web.qtpl:345
+//line app/vmalert/web.qtpl:346
 	qt422016.ReleaseByteBuffer(qb422016)
-//line app/vmalert/web.qtpl:345
+//line app/vmalert/web.qtpl:346
 	return qs422016
-//line app/vmalert/web.qtpl:345
+//line app/vmalert/web.qtpl:346
 }
 
-//line app/vmalert/web.qtpl:347
+//line app/vmalert/web.qtpl:348
 func streambadgeState(qw422016 *qt422016.Writer, state string) {
-//line app/vmalert/web.qtpl:347
+//line app/vmalert/web.qtpl:348
 	qw422016.N().S(`
 `)
-//line app/vmalert/web.qtpl:349
+//line app/vmalert/web.qtpl:350
 	badgeClass := "bg-warning text-dark"
 	if state == "firing" {
 		badgeClass = "bg-danger"
 	}
 
-//line app/vmalert/web.qtpl:353
+//line app/vmalert/web.qtpl:354
 	qw422016.N().S(`
 <span class="badge `)
-//line app/vmalert/web.qtpl:354
+//line app/vmalert/web.qtpl:355
 	qw422016.E().S(badgeClass)
-//line app/vmalert/web.qtpl:354
+//line app/vmalert/web.qtpl:355
 	qw422016.N().S(`">`)
-//line app/vmalert/web.qtpl:354
+//line app/vmalert/web.qtpl:355
 	qw422016.E().S(state)
-//line app/vmalert/web.qtpl:354
+//line app/vmalert/web.qtpl:355
 	qw422016.N().S(`</span>
 `)
-//line app/vmalert/web.qtpl:355
+//line app/vmalert/web.qtpl:356
 }
 
-//line app/vmalert/web.qtpl:355
+//line app/vmalert/web.qtpl:356
 func writebadgeState(qq422016 qtio422016.Writer, state string) {
-//line app/vmalert/web.qtpl:355
+//line app/vmalert/web.qtpl:356
 	qw422016 := qt422016.AcquireWriter(qq422016)
-//line app/vmalert/web.qtpl:355
+//line app/vmalert/web.qtpl:356
 	streambadgeState(qw422016, state)
-//line app/vmalert/web.qtpl:355
+//line app/vmalert/web.qtpl:356
 	qt422016.ReleaseWriter(qw422016)
-//line app/vmalert/web.qtpl:355
+//line app/vmalert/web.qtpl:356
 }
 
-//line app/vmalert/web.qtpl:355
+//line app/vmalert/web.qtpl:356
 func badgeState(state string) string {
-//line app/vmalert/web.qtpl:355
+//line app/vmalert/web.qtpl:356
 	qb422016 := qt422016.AcquireByteBuffer()
-//line app/vmalert/web.qtpl:355
+//line app/vmalert/web.qtpl:356
 	writebadgeState(qb422016, state)
-//line app/vmalert/web.qtpl:355
+//line app/vmalert/web.qtpl:356
 	qs422016 := string(qb422016.B)
-//line app/vmalert/web.qtpl:355
+//line app/vmalert/web.qtpl:356
 	qt422016.ReleaseByteBuffer(qb422016)
-//line app/vmalert/web.qtpl:355
+//line app/vmalert/web.qtpl:356
 	return qs422016
-//line app/vmalert/web.qtpl:355
+//line app/vmalert/web.qtpl:356
 }
 
-//line app/vmalert/web.qtpl:357
+//line app/vmalert/web.qtpl:358
 func streambadgeRestored(qw422016 *qt422016.Writer) {
-//line app/vmalert/web.qtpl:357
+//line app/vmalert/web.qtpl:358
 	qw422016.N().S(`
 <span class="badge bg-warning text-dark" title="Alert state was restored after the service restart from remote storage">restored</span>
 `)
-//line app/vmalert/web.qtpl:359
+//line app/vmalert/web.qtpl:360
 }
 
-//line app/vmalert/web.qtpl:359
+//line app/vmalert/web.qtpl:360
 func writebadgeRestored(qq422016 qtio422016.Writer) {
-//line app/vmalert/web.qtpl:359
+//line app/vmalert/web.qtpl:360
 	qw422016 := qt422016.AcquireWriter(qq422016)
-//line app/vmalert/web.qtpl:359
+//line app/vmalert/web.qtpl:360
 	streambadgeRestored(qw422016)
-//line app/vmalert/web.qtpl:359
+//line app/vmalert/web.qtpl:360
 	qt422016.ReleaseWriter(qw422016)
-//line app/vmalert/web.qtpl:359
+//line app/vmalert/web.qtpl:360
 }
 
-//line app/vmalert/web.qtpl:359
+//line app/vmalert/web.qtpl:360
 func badgeRestored() string {
-//line app/vmalert/web.qtpl:359
+//line app/vmalert/web.qtpl:360
 	qb422016 := qt422016.AcquireByteBuffer()
-//line app/vmalert/web.qtpl:359
+//line app/vmalert/web.qtpl:360
 	writebadgeRestored(qb422016)
-//line app/vmalert/web.qtpl:359
+//line app/vmalert/web.qtpl:360
 	qs422016 := string(qb422016.B)
-//line app/vmalert/web.qtpl:359
+//line app/vmalert/web.qtpl:360
 	qt422016.ReleaseByteBuffer(qb422016)
-//line app/vmalert/web.qtpl:359
+//line app/vmalert/web.qtpl:360
 	return qs422016
-//line app/vmalert/web.qtpl:359
+//line app/vmalert/web.qtpl:360
 }