diff options
Diffstat (limited to 'app/assets/javascripts/boards/components/board_new_issue.js')
-rw-r--r-- | app/assets/javascripts/boards/components/board_new_issue.js | 100 |
1 files changed, 0 insertions, 100 deletions
diff --git a/app/assets/javascripts/boards/components/board_new_issue.js b/app/assets/javascripts/boards/components/board_new_issue.js deleted file mode 100644 index bc28f7f45f4..00000000000 --- a/app/assets/javascripts/boards/components/board_new_issue.js +++ /dev/null @@ -1,100 +0,0 @@ -/* global ListIssue */ -import eventHub from '../eventhub'; - -const Store = gl.issueBoards.BoardsStore; - -export default { - name: 'BoardNewIssue', - props: { - list: { - type: Object, - required: true, - }, - }, - data() { - return { - title: '', - error: false, - }; - }, - methods: { - submit(e) { - e.preventDefault(); - if (this.title.trim() === '') return Promise.resolve(); - - this.error = false; - - const labels = this.list.label ? [this.list.label] : []; - const issue = new ListIssue({ - title: this.title, - labels, - subscribed: true, - assignees: [], - }); - - eventHub.$emit(`scroll-board-list-${this.list.id}`); - this.cancel(); - - return this.list.newIssue(issue) - .then(() => { - // Need this because our jQuery very kindly disables buttons on ALL form submissions - $(this.$refs.submitButton).enable(); - - Store.detail.issue = issue; - Store.detail.list = this.list; - }) - .catch(() => { - // Need this because our jQuery very kindly disables buttons on ALL form submissions - $(this.$refs.submitButton).enable(); - - // Remove the issue - this.list.removeIssue(issue); - - // Show error message - this.error = true; - }); - }, - cancel() { - this.title = ''; - eventHub.$emit(`hide-issue-form-${this.list.id}`); - }, - }, - mounted() { - this.$refs.input.focus(); - }, - template: ` - <div class="card board-new-issue-form"> - <form @submit="submit($event)"> - <div class="flash-container" - v-if="error"> - <div class="flash-alert"> - An error occurred. Please try again. - </div> - </div> - <label class="label-light" - :for="list.id + '-title'"> - Title - </label> - <input class="form-control" - type="text" - v-model="title" - ref="input" - autocomplete="off" - :id="list.id + '-title'" /> - <div class="clearfix prepend-top-10"> - <button class="btn btn-success pull-left" - type="submit" - :disabled="title === ''" - ref="submit-button"> - Submit issue - </button> - <button class="btn btn-default pull-right" - type="button" - @click="cancel"> - Cancel - </button> - </div> - </form> - </div> - `, -}; |