# **notice**
$ = jQuery # Don't complile me with {bare:true}

updateNotifier = (type, innerHTML) ->
    deferred = $.Deferred()

    $('#ITM-notifier')
        .removeClass()
        .addClass 'notice'
        .addClass "notice-#{type}"
        .empty()
        .append $ "<p>#{innerHTML}</p>"
        .fadeIn 50, ->
            deferred.resolve()

    return  deferred.promise()


clearNotifier = ->
    deferred = $.Deferred()

    $ '#ITM-notifier'
        .fadeOut 50, ->
            $(this).empty()
            deferred.resolve()

    return  deferred.promise()

makeRequest = (action) ->
    deferred = $.Deferred()

    $.post ajax.endpoint, {action, nonce: ajax.nonce}, ({success, data}) ->
        unless success?
            deferred.reject()
        if success
            deferred.resolve(data)
        else
            deferred.reject(data)

    return deferred.promise()


updateTable = (data) ->
    deferred = $.Deferred()

    $table = $('#ITM-Content>table.wp-list-table>tbody')
    $table.fadeOut 100, ->
        $table.children('tr').each (i, tr) ->
            foundValues = false
            $(tr).children('td:not(.column-key)').each (i, td) ->
                $span = $(td).children 'span.ITM-list-data'
                [key, col] = [$span.data('key'), $span.data('col')]
                cols = data.filter (item, index) -> item.native_key is key
                if cols.length > 0 and cols[0][col]?
                    foundValues = foundValues or true
                    if $(td).html isnt cols[0][col]
                        $(td).html cols[0][col]
            if foundValues then $(tr).show() else $(tr).hide()

        $table.fadeIn 200, ->
            deferred.resolve()

    return deferred.promise()



$(document).ready ($) ->
    sync = false # prevent multiple request

    $('.ITM-button').click ->

        if sync then return else sync = true
        $('body').css 'cursor', 'wait'
        updateNotifier 'success', ajax.status.updating

        makeRequest $(this).data 'action'
            .done updateTable
            .done ->
                updateNotifier 'success', ajax.status.success

            .fail (message) ->
                updateNotifier 'error', if message? then message else ajax.status.unknownError
            .always ->
                sync = false
                $('body').css 'cursor', 'default'