summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/pages/projects/wikis/components/delete_wiki_modal.vue
blob: af0b86ea8168245d9f4e73a423e06b908db7f623 (plain)
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<script>
import _ from 'underscore';
import GlModal from '~/vue_shared/components/gl_modal.vue';
import { s__, sprintf } from '~/locale';

export default {
  components: {
    GlModal
  },
  props: {
    deleteWikiUrl: {
      type: String,
      required: false,
      default: '',
    },
    pageTitle: {
      type: String,
      required: false,
      default: '',
    },
    csrfToken: {
      type: String,
      required: false,
      default: '',
    },
  },
  computed: {
    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: {
    onSubmit() {
      this.$refs.form.submit();
    }
  }
}
</script>

<template>
  <gl-modal
    id="delete-wiki-modal"
    :header-title-text="title"
    footer-primary-button-variant="danger"
    :footer-primary-button-text="s__('WikiPageConfirmDelete|Delete Page')"
    @submit="onSubmit"
  >
    <form
        ref="form"
        :action="deleteWikiUrl"
        method="post"
        class="form-horizontal js-requires-input"
      >
        <input
          ref="method"
          type="hidden"
          name="_method"
          value="delete"
        />
        <input
          type="hidden"
          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>