1 files changed, 38 insertions, 0 deletions
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-daemon-details/rgw-daemon-details.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-daemon-details/rgw-daemon-details.component.html
new file mode 100644
index 000000000..e53eaa8f7
--- /dev/null
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-daemon-details/rgw-daemon-details.component.html
@@ -0,0 +1,38 @@
+<ng-container *ngIf="selection">
+  <ul ngbNav
+      #nav="ngbNav"
+      class="nav-tabs"
+      cdStatefulTab="rgw-daemon-details">
+    <li ngbNavItem="details">
+      <a ngbNavLink
+         i18n>Details</a>
+      <ng-template ngbNavContent>
+        <cd-table-key-value [data]="metadata"
+                            (fetchData)="getMetaData()">
+        </cd-table-key-value>
+      </ng-template>
+    </li>
+    <li ngbNavItem="performance-counters">
+      <a ngbNavLink
+         i18n>Performance Counters</a>
+      <ng-template ngbNavContent>
+        <cd-table-performance-counter serviceType="rgw"
+                                      [serviceId]="serviceMapId">
+        </cd-table-performance-counter>
+      </ng-template>
+    </li>
+    <li ngbNavItem="performance-details"
+        *ngIf="grafanaPermission.read">
+      <a ngbNavLink
+         i18n>Performance Details</a>
+      <ng-template ngbNavContent>
+        <cd-grafana [grafanaPath]="'rgw-instance-detail?var-rgw_servers=rgw.' + this.serviceId"
+                    uid="x5ARzZtmk"
+                    grafanaStyle="one">
+        </cd-grafana>
+      </ng-template>
+    </li>
+  </ul>
+
+  <div [ngbNavOutlet]="nav"></div>
+</ng-container>