From 23c97d080ff6892379038e3742d712aa41c5b771 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Niemann?= <andre-gh@monsterpinguin.de>
Date: Wed, 13 Jun 2018 09:43:33 +0200
Subject: [PATCH 1/2] added id tag to Panels for html bookmarking on longer
 Dashboards

---
 public/app/features/dashboard/dashgrid/DashboardGrid.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/app/features/dashboard/dashgrid/DashboardGrid.tsx b/public/app/features/dashboard/dashgrid/DashboardGrid.tsx
index 290e587eace..457ad4ef56c 100644
--- a/public/app/features/dashboard/dashgrid/DashboardGrid.tsx
+++ b/public/app/features/dashboard/dashgrid/DashboardGrid.tsx
@@ -177,7 +177,7 @@ export class DashboardGrid extends React.Component<DashboardGridProps, any> {
     for (let panel of this.dashboard.panels) {
       const panelClasses = classNames({ panel: true, 'panel--fullscreen': panel.fullscreen });
       panelElements.push(
-        <div key={panel.id.toString()} className={panelClasses}>
+        <div key={panel.id.toString()} className={panelClasses} id={`panel-${panel.id.toString()}`}>
           <DashboardPanel panel={panel} getPanelContainer={this.props.getPanelContainer} />
         </div>
       );

From 757e2b0b7ee264079853a92fe70a706a16230984 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Niemann?= <andre-gh@monsterpinguin.de>
Date: Mon, 18 Jun 2018 10:59:44 +0200
Subject: [PATCH 2/2] added comment to reason the id tag

---
 public/app/features/dashboard/dashgrid/DashboardGrid.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/public/app/features/dashboard/dashgrid/DashboardGrid.tsx b/public/app/features/dashboard/dashgrid/DashboardGrid.tsx
index 457ad4ef56c..9a451798ff7 100644
--- a/public/app/features/dashboard/dashgrid/DashboardGrid.tsx
+++ b/public/app/features/dashboard/dashgrid/DashboardGrid.tsx
@@ -177,6 +177,7 @@ export class DashboardGrid extends React.Component<DashboardGridProps, any> {
     for (let panel of this.dashboard.panels) {
       const panelClasses = classNames({ panel: true, 'panel--fullscreen': panel.fullscreen });
       panelElements.push(
+        /** panel-id is set for html bookmarks */
         <div key={panel.id.toString()} className={panelClasses} id={`panel-${panel.id.toString()}`}>
           <DashboardPanel panel={panel} getPanelContainer={this.props.getPanelContainer} />
         </div>