integrate prometheus graphs into cluster page (rough pass)

app/assets/javascripts/pages/projects/clusters/show/cluster_health.js

+import Vue from 'vue';
+import Dashboard from '~/monitoring/components/dashboard.vue';
+
+export default () => {
+  const el = document.querySelector('#prometheus-graphs');
+
+  if (el) {
+    // eslint-disable-next-line no-new
+    new Vue({
+      el,
+      render: createElement => createElement(Dashboard),
+    });
+  }
+};

app/assets/javascripts/pages/projects/clusters/show/index.js

 import ClustersBundle from '~/clusters/clusters_bundle';
+import initClusterHealth from './cluster_health';
 
 document.addEventListener('DOMContentLoaded', () => {
   new ClustersBundle(); // eslint-disable-line no-new
+  initClusterHealth();
 });

app/views/projects/clusters/_health.html.haml

@@ -3,6 +3,20 @@
   %h4= s_('ClusterIntegration|Kubernetes cluster health')
 
   .settings-content
+    - if @cluster&.application_prometheus&.installed?
+      #prometheus-graphs{ data: { "settings-path": edit_project_service_path(@project, 'prometheus'),
+        "clusters-path": project_clusters_path(@project),
+        "documentation-path": help_page_path('administration/monitoring/prometheus/index.md'),
+        "empty-getting-started-svg-path": image_path('illustrations/monitoring/getting_started.svg'),
+        "empty-loading-svg-path": image_path('illustrations/monitoring/loading.svg'),
+        "empty-unable-to-connect-svg-path": image_path('illustrations/monitoring/unable_to_connect.svg'),
+        "additional-metrics": metrics_namespace_project_cluster_path( format: :json ),
+        "project-path": project_path(@project),
+        "tags-path": project_tags_path(@project),
+        "has-metrics": "true",
+        "deployment-endpoint": nil } }
+
+    - else
       %p= s_("ClusterIntegration|In order to show the health of the cluster, we'll need to provision your cluster with Prometheus to collect the required data.")
 
       %a.btn{ href: '#cluster-applications' }