class GitLabDropdownFilter BLUR_KEYCODES = [27, 40] constructor: (@dropdown, @remote, @data, @callback) -> @input = @dropdown.find(".dropdown-input-field") # Key events @input.on "keyup", (e) => blur_field = @shouldBlur e.keyCode search_text = @input.val() if blur_field @input.blur() if @remote @remote search_text, (data) => @callback(data) else @filter search_text shouldBlur: (keyCode) -> return BLUR_KEYCODES.indexOf(keyCode) >= 0 filter: (search_text) -> data = @data() results = if search_text isnt "" then data.search(search_text) else data.list @callback results class GitLabDropdownRemote constructor: (@dataEndpoint, @options) -> execute: -> if typeof @dataEndpoint is "string" @fetchData() else if typeof @dataEndpoint is "function" if @options.beforeSend @options.beforeSend() # Fetch the data by calling the data funcfion @dataEndpoint (data) => if @options.success @options.success(data) if @options.beforeSend @options.beforeSend() # Fetch the data through ajax if the data is a string fetchData: -> $.ajax( url: @dataEndpoint, dataType: @options.dataType, beforeSend: => if @options.beforeSend @options.beforeSend() success: (data) => if @options.success @options.success(data) ) class GitLabDropdown LOADING_CLASS = "is-loading" constructor: (@el, @options) -> self = @ @dropdown = $(@el).parent() search_fields = if @options.search then @options.search.fields else []; if @options.data # Remote data @remote = new GitLabDropdownRemote @options.data, { dataType: @options.dataType, beforeSend: @toggleLoading.bind(@) success: (data) => @fullData = data dataToPrase = @fullData if @options.filterable @fullData = new Fuse data, { keys: search_fields } dataToPrase = @fullData.list @parseData dataToPrase } # Init filiterable if @options.filterable @filter = new GitLabDropdownFilter @dropdown, @options.query, => return @fullData , (data) => @parseData data # Event listeners $(@el).parent().on "shown.bs.dropdown", @opened if @options.selectable @dropdown.on "click", "a", (e) -> self.rowClicked $(@) if self.options.clicked self.options.clicked() toggleLoading: -> $('.dropdown-menu', @dropdown).toggleClass LOADING_CLASS parseData: (data) -> @renderedData = data # Render each row html = $.map data, (obj) => return @renderItem(obj) if @options.filterable and data.length is 0 # render no matching results html = [@noResults()] # Render the full menu full_html = @renderMenu(html.join("")) @appendMenu(full_html) opened: => if @remote @remote.execute() # Render the full menu renderMenu: (html) -> menu_html = "" if @options.renderMenu menu_html = @options.renderMenu(html) else menu_html = "