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/incidents_settings/components/alerts_form.vue')
-rw-r--r--app/assets/javascripts/incidents_settings/components/alerts_form.vue145
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>