add nova

nova/resources/js/components/Metrics/PartitionMetric.vue

@@ -0,0 +1,112 @@
+<template>
+  <BasePartitionMetric
+    :title="card.name"
+    :help-text="card.helpText"
+    :help-width="card.helpWidth"
+    :chart-data="chartData"
+    :loading="loading"
+    :legends-height="card.height"
+  />
+</template>
+
+<script>
+import { MetricBehavior } from '@/mixins'
+import { minimum } from '@/util'
+
+export default {
+  mixins: [MetricBehavior],
+
+  props: {
+    card: {
+      type: Object,
+      required: true,
+    },
+
+    resourceName: {
+      type: String,
+      default: '',
+    },
+
+    resourceId: {
+      type: [Number, String],
+      default: '',
+    },
+
+    lens: {
+      type: String,
+      default: '',
+    },
+  },
+
+  data: () => ({
+    loading: true,
+    chartData: [],
+  }),
+
+  watch: {
+    resourceId() {
+      this.fetch()
+    },
+  },
+
+  created() {
+    this.fetch()
+  },
+
+  mounted() {
+    if (this.card && this.card.refreshWhenFiltersChange === true) {
+      Nova.$on('filter-changed', this.fetch)
+    }
+  },
+
+  beforeUnmount() {
+    if (this.card && this.card.refreshWhenFiltersChange === true) {
+      Nova.$off('filter-changed', this.fetch)
+    }
+  },
+
+  methods: {
+    fetch() {
+      this.loading = true
+
+      minimum(Nova.request().get(this.metricEndpoint, this.metricPayload)).then(
+        ({
+          data: {
+            value: { value },
+          },
+        }) => {
+          this.chartData = value
+          this.loading = false
+        }
+      )
+    },
+  },
+  computed: {
+    metricEndpoint() {
+      const lens = this.lens !== '' ? `/lens/${this.lens}` : ''
+      if (this.resourceName && this.resourceId) {
+        return `/nova-api/${this.resourceName}${lens}/${this.resourceId}/metrics/${this.card.uriKey}`
+      } else if (this.resourceName) {
+        return `/nova-api/${this.resourceName}${lens}/metrics/${this.card.uriKey}`
+      } else {
+        return `/nova-api/metrics/${this.card.uriKey}`
+      }
+    },
+
+    metricPayload() {
+      const payload = { params: {} }
+
+      if (
+        !Nova.missingResource(this.resourceName) &&
+        this.card &&
+        this.card.refreshWhenFiltersChange === true
+      ) {
+        payload.params.filter =
+          this.$store.getters[`${this.resourceName}/currentEncodedFilters`]
+      }
+
+      return payload
+    },
+  },
+}
+</script>