1 files changed, 26 insertions, 0 deletions
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-group/info-group.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-group/info-group.component.html
new file mode 100644
index 000000000..722824a8f
--- /dev/null
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-group/info-group.component.html
@@ -0,0 +1,26 @@
+<div class="row">
+  <div class="info-group-title"
+       [ngbPopover]="popInfoTemplate"
+       #popInfo="ngbPopover"
+       triggers="">
+    <span>{{ groupTitle }}</span>
+    <button type="button"
+            class="popover-icon btn btn-link p-0"
+            (click)="popInfo.toggle()">
+      <i [ngClass]="[icons.infoCircle, icons.large]"></i>
+    </button>
+  </div>
+</div>
+
+<div class="row">
+  <ng-content></ng-content>
+</div>
+
+<ng-template #popInfoTemplate>
+  <div class="text-center"
+       i18n>For an overview of {{ groupTitle|lowercase }} widgets click
+    <cd-doc section="dashboard-landing-page-{{ groupTitle|lowercase }}"
+            docText="here"
+            i18n-docText></cd-doc>
+  </div>
+</ng-template>