Welcome to mirror list, hosted at ThFree Co, Russian Federation.

gitlab.com/gitlab-org/gitlab-foss.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/serverless/components/function_details.vue')
-rw-r--r--app/assets/javascripts/serverless/components/function_details.vue94
1 files changed, 0 insertions, 94 deletions
diff --git a/app/assets/javascripts/serverless/components/function_details.vue b/app/assets/javascripts/serverless/components/function_details.vue
deleted file mode 100644
index d2306c2d8bd..00000000000
--- a/app/assets/javascripts/serverless/components/function_details.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<script>
-import { isString } from 'lodash';
-import { mapState, mapActions, mapGetters } from 'vuex';
-import AreaChart from './area.vue';
-import MissingPrometheus from './missing_prometheus.vue';
-import PodBox from './pod_box.vue';
-import Url from './url.vue';
-
-export default {
- components: {
- PodBox,
- Url,
- AreaChart,
- MissingPrometheus,
- },
- props: {
- func: {
- type: Object,
- required: true,
- },
- hasPrometheus: {
- type: Boolean,
- required: false,
- default: false,
- },
- },
- data() {
- return {
- elWidth: 0,
- };
- },
- computed: {
- name() {
- return this.func.name;
- },
- description() {
- return isString(this.func.description) ? this.func.description : '';
- },
- funcUrl() {
- return this.func.url;
- },
- podCount() {
- return Number(this.func.podcount) || 0;
- },
- ...mapState(['graphData', 'hasPrometheusData']),
- ...mapGetters(['hasPrometheusMissingData']),
- },
- created() {
- this.fetchMetrics({
- metricsPath: this.func.metricsUrl,
- hasPrometheus: this.hasPrometheus,
- });
- },
- mounted() {
- this.elWidth = this.$el.clientWidth;
- },
- methods: {
- ...mapActions(['fetchMetrics']),
- },
-};
-</script>
-
-<template>
- <section id="serverless-function-details">
- <h3 class="serverless-function-name">{{ name }}</h3>
- <div class="gl-mb-3 serverless-function-description">
- <div v-for="(line, index) in description.split('\n')" :key="index">{{ line }}</div>
- </div>
- <url :uri="funcUrl" />
-
- <h4>{{ s__('ServerlessDetails|Kubernetes Pods') }}</h4>
- <div v-if="podCount > 0">
- <p>
- <b v-if="podCount == 1">{{ podCount }} {{ s__('ServerlessDetails|pod in use') }}</b>
- <b v-else>{{ podCount }} {{ s__('ServerlessDetails|pods in use') }}</b>
- </p>
- <pod-box :count="podCount" />
- <p>
- {{
- s__('ServerlessDetails|Number of Kubernetes pods in use over time based on necessity.')
- }}
- </p>
- </div>
- <div v-else>
- <p>{{ s__('ServerlessDetails|No pods loaded at this time.') }}</p>
- </div>
-
- <area-chart v-if="hasPrometheusData" :graph-data="graphData" :container-width="elWidth" />
- <missing-prometheus
- v-if="!hasPrometheus || hasPrometheusMissingData"
- :missing-data="hasPrometheusMissingData"
- />
- </section>
-</template>