diff --git a/public/app/core/components/navbar/navbar.ts b/public/app/core/components/navbar/navbar.ts
index 4b42bdaade0..59d3af10cb1 100644
--- a/public/app/core/components/navbar/navbar.ts
+++ b/public/app/core/components/navbar/navbar.ts
@@ -41,4 +41,21 @@ export function navbarDirective() {
};
}
+export function pageH1() {
+ return {
+ restrict: 'E',
+ template: `
+
+
+ {{model.node.text}}
+
+ `,
+ scope: {
+ model: "=",
+ }
+ };
+}
+
+
+coreModule.directive('pageH1', pageH1);
coreModule.directive('navbar', navbarDirective);
diff --git a/public/app/features/alerting/notification_edit_ctrl.ts b/public/app/features/alerting/notification_edit_ctrl.ts
index 5f940a4359d..6e89558a5f1 100644
--- a/public/app/features/alerting/notification_edit_ctrl.ts
+++ b/public/app/features/alerting/notification_edit_ctrl.ts
@@ -36,12 +36,14 @@ export class AlertNotificationEditCtrl {
}
if (!this.$routeParams.id) {
- this.navModel.breadcrumbs.push({text: 'New'});
+ this.navModel.breadcrumbs.push({text: 'New channel'});
+ this.navModel.node = {text: 'New channel'};
return _.defaults(this.model, this.defaults);
}
return this.backendSrv.get(`/api/alert-notifications/${this.$routeParams.id}`).then(result => {
this.navModel.breadcrumbs.push({text: result.name});
+ this.navModel.node = {text: result.name};
return result;
});
}).then(model => {
diff --git a/public/app/features/alerting/partials/alert_list.html b/public/app/features/alerting/partials/alert_list.html
index c3586b1d9a6..447069bc8ee 100644
--- a/public/app/features/alerting/partials/alert_list.html
+++ b/public/app/features/alerting/partials/alert_list.html
@@ -2,10 +2,8 @@