All files / ee/app/assets/javascripts/pages/admin/users/pipeline_minutes reset_button.vue

90% Statements 9/10
100% Branches 1/1
100% Functions 2/2
100% Lines 9/9

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58        1x                         3x           2x 2x 2x 1x 1x     1x   2x                                                  
<script>
import { GlAlert, GlButton } from '@gitlab/ui';
import axios from '~/lib/utils/axios_utils';
import { HTTP_STATUS_OK } from '~/lib/utils/http_status';
import { __ } from '~/locale';
 
export default {
  components: {
    GlAlert,
    GlButton,
  },
  inject: {
    resetMinutesPath: {
      default: '',
    },
  },
  data() {
    return {
      loading: false,
    };
  },
  methods: {
    async resetPipelineMinutes() {
      this.loading = true;
      try {
        const response = await axios.post(this.resetMinutesPath);
        if (response.status === HTTP_STATUS_OK) {
          this.$toast.show(__('Successfully reset compute usage for namespace.'));
        }
      } catch (e) {
        this.$toast.show(__('An error occurred while resetting the compute usage.'));
      } finally {
        this.loading = false;
      }
    },
  },
};
</script>
<template>
  <gl-alert
    class="gl-mb-5"
    variant="info"
    :title="s__('SharedRunnersMinutesSettings|Reset compute usage')"
    :dismissible="false"
  >
    {{
      s__(
        'SharedRunnersMinutesSettings|When you reset the compute usage for this namespace, the compute usage changes to zero.',
      )
    }}
    <template #actions>
      <gl-button variant="confirm" :loading="loading" @click="resetPipelineMinutes">
        {{ s__('SharedRunnersMinutesSettings|Reset compute usage') }}
      </gl-button>
    </template>
  </gl-alert>
</template>