1 files changed, 96 insertions, 73 deletions
diff --git a/app/assets/javascripts/pages/milestones/shared/components/delete_milestone_modal.vue b/app/assets/javascripts/pages/milestones/shared/components/delete_milestone_modal.vue
index 48668562f09..a4778077bc4 100644
--- a/app/assets/javascripts/pages/milestones/shared/components/delete_milestone_modal.vue
+++ b/app/assets/javascripts/pages/milestones/shared/components/delete_milestone_modal.vue
@@ -1,94 +1,117 @@
 <script>
-  import axios from '~/lib/utils/axios_utils';
+import axios from '~/lib/utils/axios_utils';
 
-  import Flash from '~/flash';
-  import DeprecatedModal from '~/vue_shared/components/deprecated_modal.vue';
-  import { n__, s__, sprintf } from '~/locale';
-  import { redirectTo } from '~/lib/utils/url_utility';
-  import eventHub from '../event_hub';
+import Flash from '~/flash';
+import DeprecatedModal from '~/vue_shared/components/deprecated_modal.vue';
+import { n__, s__, sprintf } from '~/locale';
+import { redirectTo } from '~/lib/utils/url_utility';
+import eventHub from '../event_hub';
 
-  export default {
-    components: {
-      DeprecatedModal,
+export default {
+  components: {
+    DeprecatedModal,
+  },
+  props: {
+    issueCount: {
+      type: Number,
+      required: true,
     },
-    props: {
-      issueCount: {
-        type: Number,
-        required: true,
-      },
-      mergeRequestCount: {
-        type: Number,
-        required: true,
-      },
-      milestoneId: {
-        type: Number,
-        required: true,
-      },
-      milestoneTitle: {
-        type: String,
-        required: true,
-      },
-      milestoneUrl: {
-        type: String,
-        required: true,
-      },
+    mergeRequestCount: {
+      type: Number,
+      required: true,
     },
-    computed: {
-      text() {
-        const milestoneTitle = sprintf('<strong>%{milestoneTitle}</strong>', { milestoneTitle: this.milestoneTitle });
-
-        if (this.issueCount === 0 && this.mergeRequestCount === 0) {
-          return sprintf(
-            s__(`Milestones|
-You’re about to permanently delete the milestone %{milestoneTitle}.
-This milestone is not currently used in any issues or merge requests.`),
-            {
-              milestoneTitle,
-            },
-            false,
-          );
-        }
+    milestoneId: {
+      type: Number,
+      required: true,
+    },
+    milestoneTitle: {
+      type: String,
+      required: true,
+    },
+    milestoneUrl: {
+      type: String,
+      required: true,
+    },
+  },
+  computed: {
+    text() {
+      const milestoneTitle = sprintf('<strong>%{milestoneTitle}</strong>', {
+        milestoneTitle: this.milestoneTitle,
+      });
 
+      if (this.issueCount === 0 && this.mergeRequestCount === 0) {
         return sprintf(
           s__(`Milestones|
-You’re about to permanently delete the milestone %{milestoneTitle} and remove it from %{issuesWithCount} and %{mergeRequestsWithCount}.
-Once deleted, it cannot be undone or recovered.`),
+You’re about to permanently delete the milestone %{milestoneTitle}.
+This milestone is not currently used in any issues or merge requests.`),
           {
             milestoneTitle,
-            issuesWithCount: n__('%d issue', '%d issues', this.issueCount),
-            mergeRequestsWithCount: n__('%d merge request', '%d merge requests', this.mergeRequestCount),
           },
           false,
         );
-      },
-      title() {
-        return sprintf(s__('Milestones|Delete milestone %{milestoneTitle}?'), { milestoneTitle: this.milestoneTitle });
-      },
-    },
-    methods: {
-      onSubmit() {
-        eventHub.$emit('deleteMilestoneModal.requestStarted', this.milestoneUrl);
+      }
 
-        return axios.delete(this.milestoneUrl)
-          .then((response) => {
-            eventHub.$emit('deleteMilestoneModal.requestFinished', { milestoneUrl: this.milestoneUrl, successful: true });
+      return sprintf(
+        s__(`Milestones|
+You’re about to permanently delete the milestone %{milestoneTitle} and remove it from %{issuesWithCount} and %{mergeRequestsWithCount}.
+Once deleted, it cannot be undone or recovered.`),
+        {
+          milestoneTitle,
+          issuesWithCount: n__('%d issue', '%d issues', this.issueCount),
+          mergeRequestsWithCount: n__(
+            '%d merge request',
+            '%d merge requests',
+            this.mergeRequestCount,
+          ),
+        },
+        false,
+      );
+    },
+    title() {
+      return sprintf(s__('Milestones|Delete milestone %{milestoneTitle}?'), {
+        milestoneTitle: this.milestoneTitle,
+      });
+    },
+  },
+  methods: {
+    onSubmit() {
+      eventHub.$emit('deleteMilestoneModal.requestStarted', this.milestoneUrl);
 
-            // follow the rediect to milestones overview page
-            redirectTo(response.request.responseURL);
-          })
-          .catch((error) => {
-            eventHub.$emit('deleteMilestoneModal.requestFinished', { milestoneUrl: this.milestoneUrl, successful: false });
+      return axios
+        .delete(this.milestoneUrl)
+        .then(response => {
+          eventHub.$emit('deleteMilestoneModal.requestFinished', {
+            milestoneUrl: this.milestoneUrl,
+            successful: true,
+          });
 
-            if (error.response && error.response.status === 404) {
-              Flash(sprintf(s__('Milestones|Milestone %{milestoneTitle} was not found'), { milestoneTitle: this.milestoneTitle }));
-            } else {
-              Flash(sprintf(s__('Milestones|Failed to delete milestone %{milestoneTitle}'), { milestoneTitle: this.milestoneTitle }));
-            }
-            throw error;
+          // follow the rediect to milestones overview page
+          redirectTo(response.request.responseURL);
+        })
+        .catch(error => {
+          eventHub.$emit('deleteMilestoneModal.requestFinished', {
+            milestoneUrl: this.milestoneUrl,
+            successful: false,
           });
-      },
+
+          if (error.response && error.response.status === 404) {
+            Flash(
+              sprintf(s__('Milestones|Milestone %{milestoneTitle} was not found'), {
+                milestoneTitle: this.milestoneTitle,
+              }),
+            );
+          } else {
+            Flash(
+              sprintf(s__('Milestones|Failed to delete milestone %{milestoneTitle}'), {
+                milestoneTitle: this.milestoneTitle,
+              }),
+            );
+          }
+          throw error;
+        });
     },
-  };
+  },
+};
 </script>
 
 <template>