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 59 60 61 62 63 64 65 66 | <script> import { GlFormGroup, GlFormCheckbox, GlFormInput } from '@gitlab/ui'; // eslint-disable-next-line no-restricted-imports import { mapGetters } from 'vuex'; import { placeholderForType } from 'jh_else_ce/integrations/constants'; export default { name: 'TriggerFields', components: { GlFormGroup, GlFormCheckbox, GlFormInput, }, props: { events: { type: Array, required: false, default: null, }, type: { type: String, required: true, }, }, computed: { ...mapGetters(['isInheriting']), defaultPlaceholder() { return placeholderForType[this.type]; }, }, methods: { checkboxName(name) { return `service[${name}]`; }, fieldName(name) { return `service[${name}]`; }, }, }; </script> <template> <gl-form-group class="gl-pt-3" :label="__('Trigger')" label-for="trigger-fields" data-testid="trigger-fields-group" > <div id="trigger-fields" class="gl-pt-3"> <gl-form-group v-for="event in events" :key="event.name" :description="event.description"> <input :name="checkboxName(event.name)" type="hidden" :value="event.value || false" /> <gl-form-checkbox v-model="event.value" :disabled="isInheriting"> {{ event.title }} </gl-form-checkbox> <gl-form-input v-if="event.field" v-model="event.field.value" :name="fieldName(event.field.name)" :placeholder="event.field.placeholder || defaultPlaceholder" :readonly="isInheriting" /> </gl-form-group> </div> </gl-form-group> </template> |