gsprenger/sustainabilitychecker

# site.js

# init google maps api
window.initialize = ->
  pos = new google.maps.LatLng(41.4974744,2.1098583,17)
  map_canvas = document.getElementById('map_canvas')
  $('#map_canvas').height($('#map_canvas').innerWidth()*0.8)
  map_options = {
    center: pos,
    zoom: 15,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  map = new google.maps.Map(map_canvas, map_options)
  marker = new google.maps.Marker({
    position: pos,
    map: map
  })

window.setup = ->
  # Init tooltips
  $('body').tooltip {
    selector: '[data-toggle=tooltip]',
    placement: 'bottom'
  }
  # init popovers
  $('body').popover {
    selector: '[data-toggle=popover]'
    placement: 'bottom',
    trigger: 'hover click',
  }
  # Init smooth scrolling
  $('a').on 'click', (e) ->
    $('html, body').animate({scrollTop: $(e.currentTarget.hash).offset().top}, 1000)  
    return false
  # create and init scrollTop button
  $('body').append("""
      <div id='scrolltopicon-cont'>
        <div id='scrolltopicon' title='Scroll to the top'><i class='fa fa-arrow-circle-o-up'></i></div>
      </div>
    """)
  $(window).scroll ->
    if $(this).scrollTop() > 100
      $('#scrolltopicon-cont').fadeIn()
    else
      $('#scrolltopicon-cont').fadeOut()
  $('#scrolltopicon').on 'click', ->
    $('html, body').animate({scrollTop : 0},800)
    false
  # contact form
  $('#btnsend-contactform').on 'click', ->
    button = this
    $(button).attr('disabled', 'disabled')
    $(button).text('Sending...')
    data = 
      name: $('#nameinput').val()
      email: $('#emailinput').val()
      msg: $('#msginput').val()
    $.post "contact/send", data, (data) ->
      $(button).attr('disabled', false)
      $(button).text('Send message')
      alert = """
          <div class="alert alert-#{if data.success then 'success' else 'danger'} alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
            #{if data.success then 'Your message was sent successfully!' else 'Your message could not be sent, please retry!'}
          </div> 
        """
      $('#contact-form').prepend(alert)