2016-06-02 11:05:42 +05:30
|
|
|
class @DueDateSelect
|
|
|
|
|
constructor: ->
|
|
|
|
|
$loading = $('.js-issuable-update .due_date')
|
|
|
|
|
.find('.block-loading')
|
|
|
|
|
.hide()
|
|
|
|
|
|
|
|
|
|
$('.js-due-date-select').each (i, dropdown) ->
|
|
|
|
|
$dropdown = $(dropdown)
|
|
|
|
|
$dropdownParent = $dropdown.closest('.dropdown')
|
|
|
|
|
$datePicker = $dropdownParent.find('.js-due-date-calendar')
|
|
|
|
|
$block = $dropdown.closest('.block')
|
|
|
|
|
$selectbox = $dropdown.closest('.selectbox')
|
|
|
|
|
$value = $block.find('.value')
|
|
|
|
|
$valueContent = $block.find('.value-content')
|
|
|
|
|
$sidebarValue = $('.js-due-date-sidebar-value', $block)
|
|
|
|
|
|
|
|
|
|
fieldName = $dropdown.data('field-name')
|
|
|
|
|
abilityName = $dropdown.data('ability-name')
|
|
|
|
|
issueUpdateURL = $dropdown.data('issue-update')
|
|
|
|
|
|
|
|
|
|
$dropdown.glDropdown(
|
|
|
|
|
hidden: ->
|
|
|
|
|
$selectbox.hide()
|
2016-06-16 23:09:34 +05:30
|
|
|
$value.css('display', '')
|
2016-06-02 11:05:42 +05:30
|
|
|
)
|
|
|
|
|
|
|
|
|
|
addDueDate = (isDropdown) ->
|
|
|
|
|
# Create the post date
|
|
|
|
|
value = $("input[name='#{fieldName}']").val()
|
|
|
|
|
|
|
|
|
|
if value isnt ''
|
|
|
|
|
date = new Date value.replace(new RegExp('-', 'g'), ',')
|
|
|
|
|
mediumDate = $.datepicker.formatDate 'M d, yy', date
|
|
|
|
|
else
|
|
|
|
|
mediumDate = 'None'
|
|
|
|
|
|
|
|
|
|
data = {}
|
|
|
|
|
data[abilityName] = {}
|
|
|
|
|
data[abilityName].due_date = value
|
|
|
|
|
|
|
|
|
|
$.ajax(
|
|
|
|
|
type: 'PUT'
|
|
|
|
|
url: issueUpdateURL
|
|
|
|
|
data: data
|
2016-06-16 23:09:34 +05:30
|
|
|
dataType: 'json'
|
2016-06-02 11:05:42 +05:30
|
|
|
beforeSend: ->
|
|
|
|
|
$loading.fadeIn()
|
|
|
|
|
if isDropdown
|
|
|
|
|
$dropdown.trigger('loading.gl.dropdown')
|
|
|
|
|
$selectbox.hide()
|
2016-06-16 23:09:34 +05:30
|
|
|
$value.css('display', '')
|
2016-06-02 11:05:42 +05:30
|
|
|
|
|
|
|
|
$valueContent.html(mediumDate)
|
|
|
|
|
$sidebarValue.html(mediumDate)
|
|
|
|
|
|
|
|
|
|
if value isnt ''
|
|
|
|
|
$('.js-remove-due-date-holder').removeClass 'hidden'
|
|
|
|
|
else
|
|
|
|
|
$('.js-remove-due-date-holder').addClass 'hidden'
|
|
|
|
|
).done (data) ->
|
|
|
|
|
if isDropdown
|
|
|
|
|
$dropdown.trigger('loaded.gl.dropdown')
|
|
|
|
|
$dropdown.dropdown('toggle')
|
|
|
|
|
$loading.fadeOut()
|
|
|
|
|
|
|
|
|
|
$block.on 'click', '.js-remove-due-date', (e) ->
|
|
|
|
|
e.preventDefault()
|
|
|
|
|
$("input[name='#{fieldName}']").val ''
|
|
|
|
|
addDueDate(false)
|
|
|
|
|
|
|
|
|
|
$datePicker.datepicker(
|
|
|
|
|
dateFormat: 'yy-mm-dd',
|
|
|
|
|
defaultDate: $("input[name='#{fieldName}']").val()
|
|
|
|
|
altField: "input[name='#{fieldName}']"
|
|
|
|
|
onSelect: ->
|
|
|
|
|
addDueDate(true)
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
$(document)
|
|
|
|
|
.off 'click', '.ui-datepicker-header a'
|
|
|
|
|
.on 'click', '.ui-datepicker-header a', (e) ->
|
|
|
|
|
e.stopImmediatePropagation()
|
