class @DueDateSelect constructor: -> # Milestone edit/new form $datePicker = $('.datepicker') if $datePicker.length $dueDate = $('#milestone_due_date') $datePicker.datepicker dateFormat: 'yy-mm-dd' onSelect: (dateText, inst) -> $dueDate.val(dateText) .datepicker('setDate', $.datepicker.parseDate('yy-mm-dd', $dueDate.val())) $('.js-clear-due-date').on 'click', (e) -> e.preventDefault() $.datepicker._clearDate($datePicker) # Issuable sidebar $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() $value.css('display', '') ) 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 = 'No due date' data = {} data[abilityName] = {} data[abilityName].due_date = value $.ajax( type: 'PUT' url: issueUpdateURL data: data dataType: 'json' beforeSend: -> $loading.fadeIn() if isDropdown $dropdown.trigger('loading.gl.dropdown') $selectbox.hide() $value.css('display', '') cssClass = if Date.parse(mediumDate) then 'bold' else 'no-value' $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()