#= require ab_admin/fileupload/fileuploader.js
#= require ab_admin/fileupload/admin-fileuploader.js
#= require jquery.tmpl.min

class window.AdminAssets
  constructor: (@element_id, @url, @sortable) ->
    @initHandlers()

  initHandlers: ->
    self = this
    query = "##{@element_id} .fileupload-list"
    if @sortable
      $(".do_sort " + query).sortable
        revert: true
        start: (e, ui) ->
          ui.item.addClass "drag_sort"

        update: (event, ui) ->
          data = $(query).sortable("serialize")
          $.ajax
            url: self.url
            data: data
            dataType: "script"
            type: "POST"

    if $.fn.fancybox
      @initFancybox(query)

    unless window.admin_assets_first
      window.admin_assets_first = true
      @initMainImage()
      @initRemove()
      @initRotate()

  initRemove: ->
    $(document).on "ajax:complete", ".fileupload .del_asset", ->
      $(this).closest("div.asset").remove()

  initMainImage: ->
    $(document).on 'click', '.fileupload.many_assets .main_image', ->
      $asset = $(this).closest('.asset')
      $curr_cont = $asset.closest('.fileupload')
      $curr_list = $curr_cont.find('.fileupload-list')
      asset_klass = $curr_cont.data('asset')
      $main_list = $(".fileupload.one_asset[data-asset='#{asset_klass}'] .fileupload-list")

      $.post "/admin/assets/#{$asset.data('id')}/main", ->
        $main_list.find('.asset').appendTo($curr_list)
        $asset.appendTo($main_list)

  initRotate: ->
    $(document).on 'click', '.fileupload .rotate_image', ->
      $asset = $(this).closest('.asset')
      $.post "/admin/assets/#{$asset.data('id')}/rotate", (data) ->
        $asset.replaceWith $('#fileupload_tmpl').tmpl(data.asset)

  initFancybox: (query) ->
    $(query + " a.fancybox").fancybox
      titleShow: false
      transitionIn: "none"
      transitionOut: "none"
      autoScale: false
      onStart: (items, index, opts) ->
        obj = $(items[index]).parent()
        if obj.hasClass("drag_sort")
          obj.removeClass "drag_sort"
          false

#class window.AssetDescription
#  constructor: (@assoc, @assetable_type, @assetable_id, @guid) ->
#    @cont = $("[id^='#{@assoc}_']")
#    @addButton()
#
#  addButton: ->
#    uri = $.param({assoc: @assoc, assetable_type: @assetable_type, assetable_id: @assetable_id, guid: @guid})
#    url = '/admin/assets/description?' + uri
#    html = "<button type='button' class='black_button button_description' href='#{url}'>#{I18n.t('admin_js.button_description')}</button>"
#    @cont.find('.fileupload-button').after(html)
#    @button = @cont.find('.button_description')
#    @button.fancybox
#      onComplete: ->
#        $cont = $(".locale_tabs.asset_description")
##        $cont.tabs()
#        $cont.closest('#fancybox-content').width (i, w) -> w + 10
#    $('#fancybox-content .button_save, #fancybox-content .button_cancel').live 'click', ->
#      $.fancybox.close()
#