# this var holds whatever HTML has been parked
# to make room for a loader
#

# cloneObject will make a copy of an object - not a copy of the reference
# to some object!
#
# var obj1= {bla:'blabla',foo:'foofoo',etc:'etc'};
# var obj2= new cloneObject(obj1);
#
# 03-07-2015 (whd) not sure whether this method is OK!!!!
# cp'ed from: http://scriptcult.com/subcategory_1/article_414-copy-or-clone-javascript-array-object
#
@cloneObject = (source) ->
  for i in source
    if typeof source[i] == 'source'
      this[i] = new cloneObject source[i]
    else
      this[i] = source[i]


# it will be re-instated with releaseLoader
loaded_html = ""
loaded_element = ""

#
# set a loader - see http://materializecss.com/preloader.html
# for examples
#
@setLoader = (elem,html) ->
  html ||= '<div class="progress"><div class="indeterminate"></div></div>'
  loaded_element = $(elem)
  loaded_html = elem.html()
  elem.html(html)

#
# release the loader
#
@releaseLoader = (elem=null) ->
  elem ||= loaded_element
  $(elem).html(loaded_html)

#
# make sure fields with values do not have their labels obscuring your view
#
@setLabels = (selector) ->
  $(selector).each () ->
    try
      fld = '#'+$(this).attr('for')
      $(this).addClass('active') unless $(fld)[0].value.nil?
    catch
      #console.log this


@tellResponse = (msg,anchor='.message_container',fade=15000,selector='.alert') ->
  $(anchor).prepend(msg)
  if fade>0
    fadeItOut $(anchor).find(selector), 15000

@reportError = (msg) ->
  Materialize.toast( msg, 4500, 'red lighten-3')

@closeSweetAlert = ($elem=null) ->
  try
    unless $elem == undefined
      $elem.show()
    swal.close()
  catch error
    $('.sweet-overlay').hide()
    $('.sweet-alert').hide()


#
# initializeSweetAlert
# initializes the sweetalert prompt
#
@initializeSweetAlert = () ->
  try
    # console.log 'sweet alert initializing...'
    # sweetHTML = '<div class="sweet-overlay" tabIndex="-1"></div><div class="sweet-alert" tabIndex="-1"><div class="icon error"><span class="x-mark"><span class="line left"></span><span class="line right"></span></span></div><div class="icon warning"> <span class="body"></span> <span class="dot"></span> </div> <div class="icon info"></div> <div class="icon success"> <span class="line tip"></span> <span class="line long"></span> <div class="placeholder"></div> <div class="fix"></div> </div> <div class="icon custom"></div> <h2>Title</h2><p>Text</p><button class="cancel" tabIndex="2">Cancel</button><button class="confirm" tabIndex="1">OK</button></div>'
    # sweetWrap = document.createElement('div')
    # sweetWrap.innerHTML = sweetHTML
    # $(document.body).append(sweetWrap)
    # console.log 'sweetalert initialized!'
  catch error
    console.log 'sweetalert says: ' + error

#
# handleAttachLinks
# allows for attaching/detaching resources from their parents - like: /admin/users/2/printers/3/attach.js
#
@handleAttachLinks = (e) ->
  e.preventDefault()
  e.stopPropagation()

  $elem = $(e.currentTarget)
  request = $.ajax
    url: $elem.attr('href'),
    type: "get",
    dataType: 'html'
  .done (data) ->
    $( $elem[0].parentElement).html(data)

  .error (data) ->
    swal("Oops", "We couldn't connect to the server!", "error")
  return false

#
# handleActivateLinks
# allows for activating/deactivating resources - like: /admin/users/2/activate
#
@handleActivateLinks = (e) ->
  e.preventDefault()
  e.stopPropagation()

  $elem = $(e.currentTarget)
  request = $.ajax
    url: $elem.attr('href'),
    type: "get",
    dataType: 'html'
  .done (data) ->
    $( $elem[0].parentElement).html(data)

  .error (data) ->
    swal("Oops", "We couldn't connect to the server!", "error")
  return false


#
# handlePreferredLinks
# allows for activating/deactivating resources - like: /admin/users/2/activate
#
@handlePreferredLinks = (e) ->
  e.preventDefault()
  e.stopPropagation()

  $elem = $(e.currentTarget)
  request = $.ajax
    url: $elem.attr('href'),
    type: "get",
    dataType: 'html'
  .done (data) ->
    # here we have to write all the existing preferred ones
    $.when $('i.preferred').each (k,e) ->
      $e = $(e)
      $( $e[0].parentElement).html( data.replace /{{id}}/, $e.data('id'))
    # $( $elem[0].parentElement).html(data)
    .then $( $elem[0].parentElement).html('<i class="preferred material-icons green-text" data-id="' + $elem.data('id') + '">bookmark</i>')

  .error (data) ->
    swal("Oops", "We couldn't connect to the server!", "error")
  return false

#
# handlePrintLinks
# initializes the tags classed with '.print_post_link' to print a post
#
@handlePrintLinks = (e) ->
  e.preventDefault()
  e.stopPropagation()

  $elem = $(e.currentTarget)
  loader = '<div class="preloader-wrapper small active"> <div class="spinner-layer spinner-blue-only"> <div class="circle-clipper left"> <div class="circle"></div> </div><div class="gap-patch"> <div class="circle"></div> </div><div class="circle-clipper right"> <div class="circle"></div> </div> </div> </div>'
  loaded_element = $elem.closest('.loader_container')
  setLoader( loaded_element,loader )
  printPost($elem)
  return false

#
# handleDeleteLinks
# initializes the tags classed with '.delete_link' to verify deleting an issue
#
@handleDeleteLinks = (e) ->
  e.preventDefault()
  e.stopPropagation()
  $elem = $(e.currentTarget)
  $elem.hide()

  $('.sweet-overlay').show()
  swal
    title: "Are you sure?",
    text: "Are you sure that you want to delete this photo?",
    type: "warning",
    animation: "slide-from-bottom",
    showLoaderOnConfirm: true,
    showCancelButton: true,
    closeOnConfirm: false,
    confirmButtonText: "Yes, delete it!",
    confirmButtonColor: "#ec6c62",
    (confirmed) ->
      if !confirmed
        closeSweetAlert($elem)
      else
        deletePost($elem)
  return false

#
# starting a search - and making some noise about it!
#
@searchKey = (e) ->
  if e.keyCode == 13
    e.preventDefault()
    e.stopPropagation()
    $elem = $('input.search-list')
    orderSearch(inputForm.action, $elem.val())

#
# starting a search - and making some noise about it!
#
@searchClick = (e) ->
  e.preventDefault()
  e.stopPropagation()
  $elem = $('input.search-list')
  orderSearch(inputForm.action, $elem.val())


inputForm = null
#
# initializeForm
# on pages with a FORM element - like show, new and edit
# prepare the FORM element
#
@initializeForm = (f) ->
  inputForm = f
  #
  # Initialize SELECT's
  #
  $('select').each () ->
    # remove span.caret's from previous 'runs' - however that happens
    $(this).parent().parent().find('span.caret').remove()
    $(this).material_select()

  #
  # make labels on fields with content move out of the way
  #
  setLabels('.input-field label')

  $(document.body).on 'keydown.search', 'input.search-list', searchKey
  $(document.body).on 'click.search', 'form a.search-list[type="submit"]', searchClick

  #
  # Initialize INPUT TYPE='DATE'
  #
  #   %input.datepicker{ type:"date" }
  #
  $('.datepicker').pickadate
    selectMonths: true, # Creates a dropdown to control month
    selectYears: 15     # Creates a dropdown of 15 years to control year

#
# setup a dropbox file upload
#
@prepareUpload = (e) ->
  if $('.dropbox').size() > 0
    medium = new Medium()
    medium.initializeBindings()


#
# handleFABLinks
# handles click on the fab_button
#
@handleFABLinks = (e) ->
  e.preventDefault()
  e.stopPropagation()
  elem = $(e.currentTarget)
  if elem.data('browser')=='new'
    window.open elem.data('url')
    return

  loader = '<div class="preloader-wrapper medium active"> <div class="spinner-layer spinner-blue-only"> <div class="circle-clipper left"> <div class="circle"></div> </div><div class="gap-patch"> <div class="circle"></div> </div><div class="circle-clipper right"> <div class="circle"></div> </div> </div> </div>'
  setLoader( $(elem).closest('.fixed-action-btn'),loader)
  oxremote = elem.data('oxremote')
  if (oxremote=='false' or oxremote==false)
    switch elem.data('method')
      when 'post', 'POST'
        # elem.closest('form').submit()
        $('form').submit()
      when 'put', 'PUT'
        console.log 'how do I put? add code in abstracted/app/assets/javascripts/initializers.js.coffee'
      when 'get', 'GET'
        window.location.href = elem.data('url')
  else
    jqxhr = $.ajax
      url: elem.data('url') || elem.attr('href')
      type: elem.data('method') || 'get'
      data: dataArgumentOn(elem)
      dataType: elem.data('type') || 'html'
    .done (data) ->
      releaseLoader()
      if elem.data('modal')
        $(elem.data('modal')).html(data).openModal()
      else
        $(document.body).append(data)
    .error (data) ->
      releaseLoader()
      $(document.body).append(data)
  return false

#
# fadeItOut will fade an element out with a preset or
# supplied delay
#
@fadeItOut = (e,delay=3500) ->
  $(e).delay( delay ).fadeOut( 1000 )

#
# dataArgumentOn constructs the data: argument on AJAX calls
# from what ever data- attributes an element holds
#
# excemptions: data-id, data-remote, data-ajax, data-method, data-type and data-url
#
@dataArgumentOn = (elem) ->
  $(elem).data()

#
# closeNotice
# will close the notice DIV
@closeNotice = (e) ->
  fadeItOut $(e).closest('.alert') #.remove()

#
# PageOnLoad loads and initializes
# fixed elements like SELECT's, Materialized's elements, et al.
#
@pageOnLoad = () ->

  # fileApiSupportCheck()
  #
  # make sure all eventhandlers are gone!
  $(document.body).unbind('click.close_notice')
  $(document.body).unbind('click.print')
  $(document.body).unbind('click.delete')
  $(document.body).unbind('click.fab')
  $(document.body).unbind('click.attach')
  $(document.body).unbind('click.activate')
  $(document.body).unbind('click.prefer')
  $(document.body).unbind('keydown.search')
  $(document.body).unbind('click.search')

  #
  # Initialize the 'hamburger'
  #
  $(".button-collapse").sideNav();

  #
  # Prepare close-notice's for acting on clicks to remove div
  #
  $(document.body).on 'click.close_notice', 'a.close-notice', closeNotice

  #
  # Prepare print_link's
  #
  $(document.body).on 'click.print', 'a.print_post_link, a.print_item', handlePrintLinks

  #
  # Prepare delete_link's for acting on clicks to delete posts
  #
  $(document.body).on 'click.delete', 'a.delete_link, a.delete_item', handleDeleteLinks

  #
  # Add event on the FAB (fixed action button)
  #
  $(document.body).on 'click.fab', 'a.fab-button', handleFABLinks

    #
    # else
    # 	$form = $(e.currentTarget).closest('form')
    # 	data = $form.serialize()
    # 	jqxhr = $.ajax
    # 	  url: $(e.currentTarget).data('url'),
    # 	  type: $(e.currentTarget).data('method'),
    # 	  data: data
    # 	.done (response) ->
    # 		$('body').html(response)
    # 	.fail (response) ->
    # 		console.log 'øv!'

  #
  # Initialize collapsible (uncomment the line below if you use the dropdown variation)
  #
  $('.collapsible').collapsible
    accordion : true                  # A setting that changes the collapsible behavior to expandable instead of the default accordion style

  #
  # If this page has FORM element(s)
  #
  $('form').first().map (k,f) ->
    initializeForm(f)
    prepareUpload(f)

  #
  # If this page has a resources_list
  #
  $('table.resources_table').map (k,t) ->
    console.log 'table ' + k
    $(document.body).on 'click.attach', 'a.attached, a.detached', handleAttachLinks
    $(document.body).on 'click.activate', 'a.activated, a.deactivated', handleActivateLinks
    $(document.body).on 'click.prefer', 'a.preferred, a.deferred', handlePreferredLinks
    scrollTable(t)

  #
  # Try to keep users from double-clicking submit's
  #
  # document.addEventListener('DOMContentLoaded', disableMultipleSubmits, false);

  #
  # make drop-downs react nicely
  #
  $(".dropdown-button").dropdown()

  #
  # prepare for tabbed display of tabbed UL's
  #
  $('ul.tabs').tabs()
  $('.materialboxed').materialbox()

  try

    if ($('.sweet-alert').length<1)
      initializeSweetAlert()
    if ($('.sweet-alert').length>0)
      console.log 'sweet-alert initialized correctly!' #swal( 'pageOnLoad', 'pageOnLoad blev kaldt!', 'success')

  catch error
    console.log 'autch!'
    console.log error

  # try
  #
  #   swal( 'pageOnLoad', 'pageOnLoad blev kaldt!', 'success')
  #
  # catch error
  #   console.log 'ok - giving up'
  # console.log 'page loaded!'

#
# check to see iff this browser supperts the File APIs
#
@fileApiSupportCheck = () ->
  if (window.File && window.FileReader && window.FileList && window.Blob)
    # All the File APIs are supported.
    console.log 'file APIs supported '
  else
    document.getElementById('message_container').innerHTML = '<div class="alert fade in alert-warning"><a href="#!" class="warning close-notice btn-floating btn-small waves-effect waves-light" aria-hidden="true" type="button" data-dismiss="alert"><i class="mdi-navigation-close"></i></a>This browser does not support this application fully! Use latest Chrome - or advance cautiously!</div>';




#
# PageOnChange really just calls a pageload - as of now 19-06-15
# fixed elements like SELECT's, Materialized's elements, et al.
#
# @pageOnChange = () ->
#   console.log 'page changed '
#   pageOnLoad()