diff options
Diffstat (limited to 'app/assets/javascripts/incidents_settings/components/alerts_form.vue')
-rw-r--r-- | app/assets/javascripts/incidents_settings/components/alerts_form.vue | 145 |
1 files changed, 0 insertions, 145 deletions
diff --git a/app/assets/javascripts/incidents_settings/components/alerts_form.vue b/app/assets/javascripts/incidents_settings/components/alerts_form.vue deleted file mode 100644 index e8daad8811e..00000000000 --- a/app/assets/javascripts/incidents_settings/components/alerts_form.vue +++ /dev/null @@ -1,145 +0,0 @@ -<script> -import { - GlButton, - GlSprintf, - GlLink, - GlIcon, - GlFormGroup, - GlFormCheckbox, - GlDropdown, - GlDropdownItem, -} from '@gitlab/ui'; -import { - I18N_ALERT_SETTINGS_FORM, - NO_ISSUE_TEMPLATE_SELECTED, - TAKING_INCIDENT_ACTION_DOCS_LINK, - ISSUE_TEMPLATES_DOCS_LINK, -} from '../constants'; - -export default { - components: { - GlButton, - GlSprintf, - GlLink, - GlFormGroup, - GlIcon, - GlFormCheckbox, - GlDropdown, - GlDropdownItem, - }, - inject: ['service', 'alertSettings'], - data() { - return { - templates: [NO_ISSUE_TEMPLATE_SELECTED, ...this.alertSettings.templates], - createIssueEnabled: this.alertSettings.createIssue, - issueTemplate: this.alertSettings.issueTemplateKey, - sendEmailEnabled: this.alertSettings.sendEmail, - autoCloseIncident: this.alertSettings.autoCloseIncident, - loading: false, - }; - }, - i18n: I18N_ALERT_SETTINGS_FORM, - TAKING_INCIDENT_ACTION_DOCS_LINK, - ISSUE_TEMPLATES_DOCS_LINK, - computed: { - issueTemplateHeader() { - return this.issueTemplate || NO_ISSUE_TEMPLATE_SELECTED.name; - }, - formData() { - return { - create_issue: this.createIssueEnabled, - issue_template_key: this.issueTemplate, - send_email: this.sendEmailEnabled, - auto_close_incident: this.autoCloseIncident, - }; - }, - }, - methods: { - selectIssueTemplate(templateKey) { - this.issueTemplate = templateKey; - }, - isTemplateSelected(templateKey) { - return templateKey === this.issueTemplate; - }, - updateAlertsIntegrationSettings() { - this.loading = true; - - this.service.updateSettings(this.formData).catch(() => { - this.loading = false; - }); - }, - }, -}; -</script> - -<template> - <div> - <p> - <gl-sprintf :message="$options.i18n.introText"> - <template #docsLink> - <gl-link :href="$options.TAKING_INCIDENT_ACTION_DOCS_LINK" target="_blank"> - <span>{{ $options.i18n.introLinkText }}</span> - </gl-link> - </template> - </gl-sprintf> - </p> - <form ref="settingsForm" @submit.prevent="updateAlertsIntegrationSettings"> - <gl-form-group class="gl-pl-0"> - <gl-form-checkbox v-model="createIssueEnabled" data-qa-selector="create_issue_checkbox"> - <span>{{ $options.i18n.createIncident.label }}</span> - </gl-form-checkbox> - </gl-form-group> - - <gl-form-group - label-size="sm" - label-for="alert-integration-settings-issue-template" - class="col-8 col-md-9 gl-px-6" - > - <label class="gl-display-inline-flex" for="alert-integration-settings-issue-template"> - {{ $options.i18n.incidentTemplate.label }} - <gl-link :href="$options.ISSUE_TEMPLATES_DOCS_LINK" target="_blank"> - <gl-icon name="question" :size="12" /> - </gl-link> - </label> - <gl-dropdown - id="alert-integration-settings-issue-template" - data-qa-selector="incident_templates_dropdown" - :text="issueTemplateHeader" - :block="true" - > - <gl-dropdown-item - v-for="template in templates" - :key="template.key" - data-qa-selector="incident_templates_item" - :is-check-item="true" - :is-checked="isTemplateSelected(template.key)" - @click="selectIssueTemplate(template.key)" - > - {{ template.name }} - </gl-dropdown-item> - </gl-dropdown> - </gl-form-group> - - <gl-form-group class="gl-pl-0 gl-mb-5"> - <gl-form-checkbox v-model="sendEmailEnabled"> - <span>{{ $options.i18n.sendEmail.label }}</span> - </gl-form-checkbox> - </gl-form-group> - <gl-form-group class="gl-pl-0 gl-mb-5"> - <gl-form-checkbox v-model="autoCloseIncident"> - <span>{{ $options.i18n.autoCloseIncidents.label }}</span> - </gl-form-checkbox> - </gl-form-group> - <gl-button - ref="submitBtn" - data-qa-selector="save_changes_button" - :disabled="loading" - variant="success" - type="submit" - class="js-no-auto-disable" - > - {{ $options.i18n.saveBtnLabel }} - </gl-button> - </form> - </div> -</template> |