From da672548d18536f52fab2a523b90251cf5b786a5 Mon Sep 17 00:00:00 2001
From: Cody Jackson <cody@rancher.com>
Date: Mon, 28 Sep 2020 10:45:24 -0700
Subject: [PATCH] Updating Gatekeeper navigation

rancher/dashboard#1217
---
 assets/translations/en-us.yaml        |  2 ++
 config/product/gatekeeper.js          |  7 +++++--
 pages/c/_cluster/gatekeeper/index.vue | 23 ++++++++++-------------
 pages/c/_cluster/logging/index.vue    |  2 +-
 4 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/assets/translations/en-us.yaml b/assets/translations/en-us.yaml
index 5d2afc631af..c012b6f5431 100644
--- a/assets/translations/en-us.yaml
+++ b/assets/translations/en-us.yaml
@@ -514,6 +514,7 @@ gatekeeperConstraint:
     title: Violations
 
 gatekeeperIndex:
+  poweredBy: OPA Gatekeeper
   unavailable: OPA + Gatekeeper is not available in the system-charts catalog.
   violations: Violations
 
@@ -665,6 +666,7 @@ logging:
       access: Access
       certificate: SSL
   overview:
+    poweredBy: Banzai Cloud
     clusterLevel: Cluster-Level
     namespaceLevel: Namespace-Level
   provider: Provider
diff --git a/config/product/gatekeeper.js b/config/product/gatekeeper.js
index e6d577cd037..2bfab399723 100644
--- a/config/product/gatekeeper.js
+++ b/config/product/gatekeeper.js
@@ -33,6 +33,7 @@ export function init(store) {
     namespaced: false,
     name:       'gatekeeper-overview',
     route:      { name: 'c-cluster-gatekeeper' },
+    weight:     3
   });
 
   virtualType({
@@ -40,7 +41,8 @@ export function init(store) {
     namespaced: false,
     name:       'gatekeeper-constraint',
     route:      { name: 'c-cluster-gatekeeper-constraints' },
-    ifHaveType: GATEKEEPER.CONSTRAINT_TEMPLATE
+    ifHaveType: GATEKEEPER.CONSTRAINT_TEMPLATE,
+    weight:     2
   });
 
   virtualType({
@@ -48,6 +50,7 @@ export function init(store) {
     namespaced: false,
     name:       'gatekeeper-template',
     route:      { name: 'c-cluster-gatekeeper-templates' },
-    ifHaveType: GATEKEEPER.CONSTRAINT_TEMPLATE
+    ifHaveType: GATEKEEPER.CONSTRAINT_TEMPLATE,
+    weight:     1
   });
 }
diff --git a/pages/c/_cluster/gatekeeper/index.vue b/pages/c/_cluster/gatekeeper/index.vue
index 9b196f6cc59..eca19be5715 100644
--- a/pages/c/_cluster/gatekeeper/index.vue
+++ b/pages/c/_cluster/gatekeeper/index.vue
@@ -1,14 +1,11 @@
 <script>
-import InfoBox from '@/components/InfoBox';
 import GatekeeperViolationsTable from '@/components/gatekeeper/ViolationsTable';
 import { NAME, CHART_NAME } from '@/config/product/gatekeeper';
 import InstallRedirect from '@/utils/install-redirect';
+import ChartHeading from '@/components/ChartHeading';
 
 export default {
-  components: {
-    GatekeeperViolationsTable,
-    InfoBox
-  },
+  components: { ChartHeading, GatekeeperViolationsTable },
 
   middleware: InstallRedirect(NAME, CHART_NAME),
 };
@@ -16,13 +13,13 @@ export default {
 
 <template>
   <div>
-    <InfoBox>
-      <div class="mb-15">
-        <h2><t k="gatekeeperIndex.violations" /></h2>
-      </div>
-      <div>
-        <GatekeeperViolationsTable :include-constraint="true" />
-      </div>
-    </InfoBox>
+    <ChartHeading :label="t('gatekeeperIndex.poweredBy')" url="https://github.com/open-policy-agent/gatekeeper" />
+    <div class="spacer" />
+    <div class="mb-15">
+      <h2><t k="gatekeeperIndex.violations" /></h2>
+    </div>
+    <div>
+      <GatekeeperViolationsTable :include-constraint="true" />
+    </div>
   </div>
 </template>
diff --git a/pages/c/_cluster/logging/index.vue b/pages/c/_cluster/logging/index.vue
index 81d31b8b22d..58d8cfe41d4 100644
--- a/pages/c/_cluster/logging/index.vue
+++ b/pages/c/_cluster/logging/index.vue
@@ -73,7 +73,7 @@ export default {
 
 <template>
   <div class="logging">
-    <ChartHeading label="Banzai Cloud" url="https://github.com/banzaicloud/logging-operator" />
+    <ChartHeading :label="t('logging.overview.poweredBy')" url="https://github.com/banzaicloud/logging-operator" />
     <div class="spacer" />
     <h2>{{ t('logging.overview.clusterLevel') }}</h2>
     <SortableTable