1 files changed, 51 insertions, 7 deletions
diff --git a/app/assets/javascripts/pages/projects/wikis/components/delete_wiki_modal.vue b/app/assets/javascripts/pages/projects/wikis/components/delete_wiki_modal.vue
index 6a4d3f56229..af0b86ea816 100644
--- a/app/assets/javascripts/pages/projects/wikis/components/delete_wiki_modal.vue
+++ b/app/assets/javascripts/pages/projects/wikis/components/delete_wiki_modal.vue
@@ -1,6 +1,7 @@
 <script>
+import _ from 'underscore';
 import GlModal from '~/vue_shared/components/gl_modal.vue';
-  import { s__} from '~/locale';
+import { s__, sprintf } from '~/locale';
 
 export default {
   components: {
@@ -12,6 +13,11 @@ export default {
       required: false,
       default: '',
     },
+    pageTitle: {
+      type: String,
+      required: false,
+      default: '',
+    },
     csrfToken: {
       type: String,
       required: false,
@@ -19,8 +25,22 @@ export default {
     },
   },
   computed: {
-    text() {
-      return s__('WikiPageConfirmDelete|Are you sure you want to delete this page?')
+    message() {
+     return  sprintf(s__('WikiPageConfirmDelete|Delete %{pageTitle}'),
+        {
+          pageTitle: _.escape(this.pageTitle),
+        },
+        false,
+      );
+    },
+
+    title() {
+      return  sprintf(s__('WikiPageConfirmDelete|Delete Page %{pageTitle}?'),
+        {
+          pageTitle: `'${_.escape(this.pageTitle)}'`,
+        },
+        false,
+      );
     }
   },
   methods: {
@@ -34,17 +54,16 @@ export default {
 <template>
   <gl-modal
     id="delete-wiki-modal"
-    :header-title-text="s__('WikiPageConfirmDelete|Delete Wiki?')"
+    :header-title-text="title"
     footer-primary-button-variant="danger"
-    :footer-primary-button-text="s__('WikiPageConfirmDelete|Delete')"
+    :footer-primary-button-text="s__('WikiPageConfirmDelete|Delete Page')"
     @submit="onSubmit"
   >
-    {{ text }}
-
     <form
         ref="form"
         :action="deleteWikiUrl"
         method="post"
+        class="form-horizontal js-requires-input"
       >
         <input
           ref="method"
@@ -57,6 +76,31 @@ export default {
           name="authenticity_token"
           :value="csrfToken"
         />
+
+        <div class="form-group">
+          <div class="col-sm-12">
+              <label for="commit_message" class="control-label-full-width">Commit Message</label>
+            </div>
+          <div class="col-sm-12">
+            <div class="commit-message-container">
+              <textarea
+                id="commit_message"
+                rows="3"
+                name="commit_message"
+                :value="message"
+                class="form-control js-commit-message" required></textarea>
+            </div>
+            
+          </div>
+        </div>
+        <div class="form-group">
+          <div class="col-sm-12">
+            <label for="branch_name" class="control-label-full-width">Target Branch</label>
+          </div>
+          <div class="col-sm-12">
+            <input type="text" name="branch_name" class="form-control js-commit-message ref-name" required />
+          </div>
+        </div>
       </form>
   </gl-modal>
 </template>