summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/releases/components/tag_field_existing.vue
blob: 3345bbecf6e1b99ee38c2c829f3c698c4c0db82f (plain)
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
<script>
import { GlFormGroup, GlFormInput } from '@gitlab/ui';
import { uniqueId } from 'lodash';
import { mapState } from 'vuex';
import FormFieldContainer from './form_field_container.vue';

export default {
  name: 'TagFieldExisting',
  components: { GlFormGroup, GlFormInput, FormFieldContainer },
  computed: {
    ...mapState('detail', ['release']),
    inputId() {
      return uniqueId('tag-name-input-');
    },
    helpId() {
      return uniqueId('tag-name-help-');
    },
  },
};
</script>
<template>
  <gl-form-group :label="__('Tag name')" :label-for="inputId">
    <form-field-container>
      <gl-form-input
        :id="inputId"
        :value="release.tagName"
        type="text"
        class="form-control"
        :aria-describedby="helpId"
        disabled
      />
    </form-field-container>
    <template #description>
      <div :id="helpId" data-testid="tag-name-help">
        {{ __("The tag name can't be changed for an existing release.") }}
      </div>
    </template>
  </gl-form-group>
</template>