1a848d8354
Loads move issue dropdown async To keep the style of the dropdown the same as the other dropdowns in the issue form, it uses select2 rather than our new dropdowns.  Closes #16563 See merge request !4160
108 lines
2.8 KiB
CoffeeScript
108 lines
2.8 KiB
CoffeeScript
class @IssuableForm
|
|
issueMoveConfirmMsg: 'Are you sure you want to move this issue to another project?'
|
|
wipRegex: /^\s*(\[WIP\]\s*|WIP:\s*|WIP\s+)+\s*/i
|
|
|
|
constructor: (@form) ->
|
|
GitLab.GfmAutoComplete.setup()
|
|
new UsersSelect()
|
|
new ZenMode()
|
|
|
|
@titleField = @form.find("input[name*='[title]']")
|
|
@descriptionField = @form.find("textarea[name*='[description]']")
|
|
@issueMoveField = @form.find("#move_to_project_id")
|
|
|
|
return unless @titleField.length && @descriptionField.length
|
|
|
|
@initAutosave()
|
|
|
|
@form.on "submit", @handleSubmit
|
|
@form.on "click", ".btn-cancel", @resetAutosave
|
|
|
|
@initWip()
|
|
@initMoveDropdown()
|
|
|
|
$issuableDueDate = $('#issuable-due-date')
|
|
|
|
if $issuableDueDate.length
|
|
$('.datepicker').datepicker(
|
|
dateFormat: 'yy-mm-dd',
|
|
onSelect: (dateText, inst) ->
|
|
$issuableDueDate.val dateText
|
|
).datepicker 'setDate', $.datepicker.parseDate('yy-mm-dd', $issuableDueDate.val())
|
|
|
|
initAutosave: ->
|
|
new Autosave @titleField, [
|
|
document.location.pathname,
|
|
document.location.search,
|
|
"title"
|
|
]
|
|
|
|
new Autosave @descriptionField, [
|
|
document.location.pathname,
|
|
document.location.search,
|
|
"description"
|
|
]
|
|
|
|
handleSubmit: =>
|
|
if (parseInt(@issueMoveField?.val()) ? 0) > 0
|
|
return false unless confirm(@issueMoveConfirmMsg)
|
|
|
|
@resetAutosave()
|
|
|
|
resetAutosave: =>
|
|
@titleField.data("autosave").reset()
|
|
@descriptionField.data("autosave").reset()
|
|
|
|
initWip: ->
|
|
@$wipExplanation = @form.find(".js-wip-explanation")
|
|
@$noWipExplanation = @form.find(".js-no-wip-explanation")
|
|
return unless @$wipExplanation.length and @$noWipExplanation.length
|
|
|
|
@form.on "click", ".js-toggle-wip", @toggleWip
|
|
|
|
@titleField.on "keyup blur", @renderWipExplanation
|
|
|
|
@renderWipExplanation()
|
|
|
|
workInProgress: ->
|
|
@wipRegex.test @titleField.val()
|
|
|
|
renderWipExplanation: =>
|
|
if @workInProgress()
|
|
@$wipExplanation.show()
|
|
@$noWipExplanation.hide()
|
|
else
|
|
@$wipExplanation.hide()
|
|
@$noWipExplanation.show()
|
|
|
|
toggleWip: (event) =>
|
|
event.preventDefault()
|
|
|
|
if @workInProgress()
|
|
@removeWip()
|
|
else
|
|
@addWip()
|
|
|
|
@renderWipExplanation()
|
|
|
|
removeWip: ->
|
|
@titleField.val @titleField.val().replace(@wipRegex, "")
|
|
|
|
addWip: ->
|
|
@titleField.val "WIP: #{@titleField.val()}"
|
|
|
|
initMoveDropdown: ->
|
|
$moveDropdown = $('.js-move-dropdown')
|
|
|
|
if $moveDropdown.length
|
|
$('.js-move-dropdown').select2
|
|
ajax:
|
|
url: $moveDropdown.data('projects-url')
|
|
results: (data) ->
|
|
return {
|
|
results: data
|
|
}
|
|
formatResult: (project) ->
|
|
project.name_with_namespace
|
|
formatSelection: (project) ->
|
|
project.name_with_namespace
|