138 lines
4.7 KiB
CoffeeScript
138 lines
4.7 KiB
CoffeeScript
issuable_created = false
|
|
@Issuable =
|
|
init: ->
|
|
unless issuable_created
|
|
issuable_created = true
|
|
Issuable.initTemplates()
|
|
Issuable.initSearch()
|
|
Issuable.initChecks()
|
|
Issuable.initLabelFilterRemove()
|
|
|
|
initTemplates: ->
|
|
Issuable.labelRow = _.template(
|
|
'<% _.each(labels, function(label){ %>
|
|
<span class="label-row btn-group" role="group" aria-label="<%= _.escape(label.title) %>" style="color: <%= label.text_color %>;">
|
|
<a href="#" class="btn btn-transparent has-tooltip" style="background-color: <%= label.color %>;" title="<%= _.escape(label.description) %>" data-container="body">
|
|
<%= _.escape(label.title) %>
|
|
</a>
|
|
<button type="button" class="btn btn-transparent label-remove js-label-filter-remove" style="background-color: <%= label.color %>;" data-label="<%= _.escape(label.title) %>">
|
|
<i class="fa fa-times"></i>
|
|
</button>
|
|
</span>
|
|
<% }); %>'
|
|
)
|
|
|
|
initSearch: ->
|
|
@timer = null
|
|
$('#issue_search')
|
|
.off 'keyup'
|
|
.on 'keyup', ->
|
|
clearTimeout(@timer)
|
|
@timer = setTimeout( ->
|
|
$search = $('#issue_search')
|
|
$form = $('.js-filter-form')
|
|
$input = $("input[name='#{$search.attr('name')}']", $form)
|
|
|
|
if $input.length is 0
|
|
$form.append "<input type='hidden' name='#{$search.attr('name')}' value='#{_.escape($search.val())}'/>"
|
|
else
|
|
$input.val $search.val()
|
|
|
|
Issuable.filterResults $form
|
|
, 500)
|
|
|
|
initLabelFilterRemove: ->
|
|
$(document)
|
|
.off 'click', '.js-label-filter-remove'
|
|
.on 'click', '.js-label-filter-remove', (e) ->
|
|
$button = $(@)
|
|
|
|
# Remove the label input box
|
|
$('input[name="label_name[]"]')
|
|
.filter -> @value is $button.data('label')
|
|
.remove()
|
|
|
|
# Submit the form to get new data
|
|
Issuable.filterResults $('.filter-form')
|
|
|
|
toggleLabelFilters: ->
|
|
$filteredLabels = $('.filtered-labels')
|
|
if $filteredLabels.find('.label-row').length > 0
|
|
$filteredLabels.removeClass('hidden')
|
|
else
|
|
$filteredLabels.addClass('hidden')
|
|
|
|
filterResults: (form) =>
|
|
formData = form.serialize()
|
|
|
|
$('.issues-holder, .merge-requests-holder').css('opacity', '0.5')
|
|
formAction = form.attr('action')
|
|
issuesUrl = formAction
|
|
issuesUrl += ("#{if formAction.indexOf('?') < 0 then '?' else '&'}")
|
|
issuesUrl += formData
|
|
$.ajax
|
|
type: 'GET'
|
|
url: formAction
|
|
data: formData
|
|
complete: ->
|
|
$('.issues-holder, .merge-requests-holder').css('opacity', '1.0')
|
|
success: (data) ->
|
|
$('.issues-holder, .merge-requests-holder').html(data.html)
|
|
# Change url so if user reload a page - search results are saved
|
|
history.replaceState {page: issuesUrl}, document.title, issuesUrl
|
|
Issuable.reload()
|
|
Issuable.updateStateFilters()
|
|
$filteredLabels = $('.filtered-labels')
|
|
|
|
if typeof Issuable.labelRow is 'function'
|
|
$filteredLabels.html(Issuable.labelRow(data))
|
|
|
|
Issuable.toggleLabelFilters()
|
|
|
|
dataType: "json"
|
|
|
|
reload: ->
|
|
if Issuable.created
|
|
Issuable.initChecks()
|
|
|
|
$('#filter_issue_search').val($('#issue_search').val())
|
|
|
|
initChecks: ->
|
|
$('.check_all_issues').on 'click', ->
|
|
$('.selected_issue').prop('checked', @checked)
|
|
Issuable.checkChanged()
|
|
|
|
$('.selected_issue').on 'change', Issuable.checkChanged
|
|
|
|
updateStateFilters: ->
|
|
stateFilters = $('.issues-state-filters, .dropdown-menu-sort')
|
|
newParams = {}
|
|
paramKeys = ['author_id', 'milestone_title', 'assignee_id', 'issue_search', 'issue_search']
|
|
|
|
for paramKey in paramKeys
|
|
newParams[paramKey] = gl.utils.getParameterValues(paramKey)[0] or ''
|
|
|
|
if stateFilters.length
|
|
stateFilters.find('a').each ->
|
|
initialUrl = gl.utils.removeParamQueryString($(this).attr('href'), 'label_name[]')
|
|
labelNameValues = gl.utils.getParameterValues('label_name[]')
|
|
if labelNameValues
|
|
labelNameQueryString = ("label_name[]=#{value}" for value in labelNameValues).join('&')
|
|
newUrl = "#{gl.utils.mergeUrlParams(newParams, initialUrl)}&#{labelNameQueryString}"
|
|
else
|
|
newUrl = gl.utils.mergeUrlParams(newParams, initialUrl)
|
|
$(this).attr 'href', newUrl
|
|
|
|
checkChanged: ->
|
|
checked_issues = $('.selected_issue:checked')
|
|
if checked_issues.length > 0
|
|
ids = $.map checked_issues, (value) ->
|
|
$(value).data('id')
|
|
|
|
$('#update_issues_ids').val ids
|
|
$('.issues-other-filters').hide()
|
|
$('.issues_bulk_update').show()
|
|
else
|
|
$('#update_issues_ids').val []
|
|
$('.issues_bulk_update').hide()
|
|
$('.issues-other-filters').show()
|