your_platform 0.0.1 → 0.0.2

data/app/assets/javascripts/your_platform/datepicker_settings.js.coffee

@@ -0,0 +1,16 @@
+# ready = ->
+#   
+#   datepickerOptions = 
+#     changeYear: true,
+#     showWeek: true
+#     
+#   datepickerLocale =
+#     $("body").data("locale") || "en"
+#     
+#   datepickerOptionsForLocale =
+#     $.datepicker.regional[ datepickerLocale ]
+#   
+#   $.datepicker.setDefaults(datepickerOptions, datepickerOptionsForLocale  )
+# 
+# $(document).ready(ready)
+# 

data/app/assets/javascripts/your_platform/edit_tools.js.coffee

@@ -0,0 +1,19 @@
+ready = ->
+
+  # This button is hidden by javascript, since it should be shown as a fallback if javascript
+  # is not available.
+  #
+  $( "#site_tools .edit_button" ).hide()
+
+  # Hide 'edit' buttons for boxes where no .editable element is included.
+  #
+  hide_edit_button_if_not_needed = (edit_button)->
+    box = edit_button.closest('.box')
+    edit_button.hide() if box.find('div.content').find('.editable,.show_only_in_edit_mode,.best_in_place').length == 0
+
+  $( ".edit_button:visible" ).each( ->
+    hide_edit_button_if_not_needed $(this)
+  )
+
+$(document).ready(ready)
+

data/app/assets/javascripts/your_platform/editable_dbl_click.js.coffee

@@ -0,0 +1,42 @@
+#
+# Trigger 'edit' on editable elements when double-clicked.
+# This is especially usefull, when the element is shown as hyperlink
+# when not edited.
+#
+#jQuery ->
+#
+#  $( document ).on( "dblclick", ".editable", ->
+#    $( this ).trigger( "click" )
+#  )
+##  $( ".editable a" ).off( "click" )
+#
+#  dblclicked = false
+#  clicked = false
+#  link = ""
+#  $(".editable a").bind( "click", ->
+#    console.log "click"
+#    event.stopPropagation() # Otherwise this will trigger 'edit'.
+#    event.preventDefault()
+#    unless clicked
+#      link = $( this ).attr( "href" )
+#      setTimeout( ->
+#        console.log "callback"
+#        unless dblclicked
+#          console.log "forward"
+#          console.log link
+#          document.location = link
+#        dblclicked = false
+#        clicked = false
+#        link = ""
+#      , 200 )
+#    clicked = true
+#
+#
+#  ).bind( "dblclick", (event)->
+#    console.log "dblclick"
+#    dblclicked = true
+#  )
+#  # unfortunately, this does not work:
+#  #$( document ).on( "click", ".editable a", (event) ->
+#  #  event.stopPropagation()
+#  #)

data/app/assets/javascripts/your_platform/events.js.coffee

@@ -0,0 +1,126 @@
+ready = ->
+  
+  # Hide edit buttons on the events#show page, since
+  # the edit mode does not work properly with the datepicker, yet.
+  #
+  # The fields can be edited separately by clicking on them
+  # (best_in_place).
+  #
+  $('body.events * .edit_button').hide()
+  $('.box.upcoming_events * .edit_button').hide()
+  
+  #$('body.events * .start_at * input').lock()
+  
+  $.timepicker.setDefaults
+    dateFormat: "DD, dd. MM yy,",
+    timeFormat: "HH:mm 'Uhr'",
+    parse: 'loose'
+    showSecond: false,
+    stepMinute: 5,
+    hour: 20,
+    minute: 15
+    
+  $('#create_event').click (e)->
+    $.ajax({
+      type: 'POST',
+      url: $(this).attr('href'),
+      success: (created_event) ->
+        Turbolinks.visit created_event.path
+    })
+    $(this).replaceWith("<div class='alert alert-success'>Erstelle neue Veranstaltung. Bitte warten.</div>")
+    e.preventDefault()
+    
+  $('.destroy_event').click (e)->
+    destroy_button = $(this)
+    href = destroy_button.attr('href')
+    redirect_path = destroy_button.data('redirect')
+    $('.alert').hide('blind', 300)
+    $('.box').hide 'explode', 300, ->
+      destroy_button.replaceWith("<div class='alert alert-danger'><strong>Veranstaltung wird wieder gelöscht.</strong> Bitte warten.</div>")
+      $.ajax({
+        type: 'DELETE',
+        url: href,
+        success: (result) ->
+          $('.alert-danger').replaceWith("<div class='alert alert-success'><strong>Veranstaltung wurde gelöscht.</strong> Weiterleitung zur Startseite ...</div>")
+          Turbolinks.visit redirect_path
+        failure: (result) ->
+          alert('Es ist etwas schief gegangen. Bitte laden Sie die Seite neu.')
+      })
+    e.stopPropagation()
+    e.preventDefault()
+    
+  $('#join_event').click (event)->
+    btn = $(this)
+    $.ajax({
+      type: 'POST',
+      url: btn.attr('href'),
+      success: (r) -> 
+        btn.button('reset')
+        btn.hide()
+        $('#leave_event').removeClass 'hidden'
+        $('#leave_event').show()
+        $('#attendees_avatars').html(r.attendees_avatars)
+        $('.box.upload_image').removeClass('hidden').show()
+      }
+    )
+    btn.data('loading-text', btn.text() + " ...")
+    btn.button('loading')
+    event.preventDefault()
+  
+  $('#leave_event').click (event)->
+    btn = $(this)
+    $.ajax({
+      type: 'DELETE',
+      url: btn.attr('href'),
+      success: (r)->
+        btn.button('reset')
+        btn.hide()
+        $('#join_event').removeClass 'hidden'
+        $('#join_event').show()
+        $('#attendees_avatars').html(r.attendees_avatars)
+        $('.box.upload_image').hide()
+      }
+    )
+    btn.data('loading-text', btn.text() + " ...")
+    btn.button('loading')
+    event.preventDefault()
+    
+  $('#toggle_invite').click (click_event)->
+    $(this).data('loading-text', $(this).text())
+    $(this).button('loading')
+    $('form#invite').removeClass('hidden')
+    $('form#invite').show()
+    click_event.preventDefault()
+    
+  $('#test_invite, #confirm_invite').click (click_event)->
+    $.ajax(
+      type: 'POST',
+      url: $(this).attr('href'),
+      data: {
+        text: $('#invitation_text').val()
+      }
+    )
+    click_event.preventDefault()
+
+  $('#test_invite').click (e)->
+    $(this).text('Erneut zum Testen an meine eigene Adresse senden.')
+
+  $('#confirm_invite').click (click_event)->
+    $('form#invite').hide()
+    $('#toggle_invite').button('reset')
+    $('#toggle_invite').data('loading-text', $('#toggle_invite').text().replace('einladen …', 'eingeladen.'))
+    $('#toggle_invite').button('loading')
+    $('#toggle_invite').attr('title', '')
+    
+  # Deactivate webcal:// links for android and windows, since they don't support it, apparently.
+  #
+  user_os = navigator.userAgent.toLowerCase()
+  if (user_os.indexOf("android") > -1) or (user_os.indexOf("windows") > -1)
+    if $('#ics_abo').count > 0
+      $('#ics_abo').attr('href', $('#ics_abo').attr('href').replace('webcal://', 'https://'))
+    
+  if $('.box.first * h1 .best_in_place').text() == "Bezeichnung der Veranstaltung hier eingeben"
+    $('.box.first * h1 .best_in_place').trigger('click') # to edit it
+    
+$(document).ready(ready)
+

data/app/assets/javascripts/your_platform/fix_textarea.js.coffee

@@ -0,0 +1,11 @@
+ready = ->
+  
+  fix_textareas = ->
+    $('textarea').each ->
+      $(this).val($(this).val().replace(/^ {1,}/gm, ""))
+      
+  fix_textareas()
+  
+  $(document).on('focus', 'textarea', fix_textareas)
+
+$(document).ready(ready)

data/app/assets/javascripts/your_platform/galleria.js.coffee

@@ -0,0 +1,112 @@
+# This array will contain the galleria instances.
+# It is used to destroy the instances with turbolinks.
+# 
+galleriaInstances = []
+
+$(document).ready ->
+  
+  if $('.galleria').length
+    
+    # Basic galleria configuration.
+    #
+    Galleria.configure {
+      #imageCrop: true,
+      transition: 'slide',
+      initialTransition: 'fade',
+      assets: false,  # The images are not serverd as assets but by the attachments controller.
+      _toggleInfo: true,
+      preload: 10,
+      #autoplay: 9000,
+      popupLinks: false,
+      trueFullscreen: false,
+      #carousel: false,
+      swipe: true,
+      responsive: true,
+      #height: 0.625, # 16:10
+      debug: false
+      ## height: $(this).find('img').attr('height')
+    }
+    
+    # Initialize galleria. One has to load a theme here, 
+    # even if the theme files have already been loaded through
+    # the asset pipeline.
+    #
+    # Each instance of .galleria in the dom will generate
+    # one instance of the Galleria object in javascript.
+    # For each such instance, Galleria.ready is being called
+    # below.
+    #
+    Galleria.loadTheme $('.galleria').data('theme-js-path')
+    Galleria.run '.galleria'
+    
+    Galleria.ready ->
+      newGalleriaInstance = this
+      galleriaInstances.push(newGalleriaInstance)
+
+      # Clicking on an gallery image switches to fullscreen mode,
+      # i.e. covers the full browser window.
+      #
+      $(document).on 'click', '.galleria-container:not(.fullscreen) .galleria-stage img', (e)->
+        currentGalleriaInstance = $(this).closest('.galleria').data('galleria')
+        if typeof(currentGalleriaInstance) != 'undefined'
+          currentGalleriaInstance.enterFullscreen()
+        e.stopPropagation()
+        e.preventDefault()
+        false
+      $(document).on 'click', '.galleria-container.fullscreen .galleria-stage img', (e)->
+        galleriaInstances.forEach (galleriaInstance)->
+          galleriaInstance.exitFullscreen()
+       
+      # When loading a gallery image, also update the description
+      # shown below the image.
+      # 
+      this.bind 'loadfinish', (e)->
+        if typeof(e.galleriaData) != 'undefined'
+          # Transform the image path into the description json url.
+          # /attachments/123/filename.png
+          description_path = e.galleriaData.big.split("/").slice(0,3).join("/") + "/description.json"
+          
+          $.ajax({
+            type: 'GET',
+            url: description_path,
+            success: (result) ->
+              parent = $(e.target).first().parent().parent()
+              $(parent).find('.picture-info')
+                .hide()
+                .replaceWith(result.html).show()
+              $(parent).find('.picture-info')
+                .find('.best_in_place').best_in_place()
+              $(parent).find('.remove_button')
+                .removeClass('show_only_in_edit_mode')  
+                .hide()
+          })
+      
+      # Hide thumbnail collections with less than 2 elements,
+      # since they only confuse people there.
+      #
+      $('.galleria-thumbnails').each ->
+        if $(this).find('.galleria-image').size() < 2
+          $(this).hide()
+        else
+          $(this).show()            
+      
+    # The button to remove an image is only to be shown when 
+    # hovering the image description.
+    # 
+    $(document).on 'mouseenter', '.picture-title', ->
+      $(this).find('.remove_button').show()
+    $(document).on 'mouseleave', '.picture-title', ->
+      $(this).find('.remove_button').hide()
+      
+  # Do not show galleria errors. These are not useful
+  # in production.
+  #  
+  $('.galleria-errors').hide()
+  
+# When turbolinks is starting to fetch a page, remove all
+# galleria objects to avoid binding issues.
+#
+$(document).on "page:fetch", ->
+  $('.galleria').remove()
+  galleriaInstances.forEach (galleriaInstance)->
+    galleriaInstance.destroy()

data/app/assets/javascripts/your_platform/groups.js.coffee

@@ -0,0 +1,36 @@
+# This file handles the add_user_group_membership form on the groups#show view, 
+# which is rendered in the partial user_group_memberships/_new.
+#
+# The things that happen *after* creation by javascript are handled by
+# app/views/user_group_memberships/create.js.erb
+# 
+$(document).ready ->
+
+  $(document).on 'submit', 'form.new_user_group_membership', (event)->
+    
+    # close the box if no text is entered
+    if $('#user_group_membership_user_title').val() == ""
+      event.preventDefault()
+      $('.box.section.members').trigger('save')
+
+    # if text is entered, send the form and switch to 'loading'.
+    else
+      text_field = $('.user-select-input.new-membership')
+      button = $('.add-user-button')
+      
+      text_field.val('')
+      text_field.focus()
+      
+      $('.new_users_waiting').append('<i class="fa fa-user-plus"></i>')
+  
+  $(document).on('edit', '.box.section.members', (event) ->
+    $('input#user_group_membership_user_title').focus()
+  )
+  
+  $(document).on('keydown', 'input#user_group_membership_user_title', (event) ->
+    if event.keyCode == 27  # escape
+      $('.box.section.members').trigger('cancel')
+  )
+
+
+

data/app/assets/javascripts/your_platform/hidden.js.coffee

@@ -0,0 +1,5 @@
+ready = ->
+  $('.hidden').hide()
+
+$(document).ready(ready)
+

data/app/assets/javascripts/your_platform/links_to_external_sites.js.coffee

@@ -0,0 +1,12 @@
+ready = ->
+  # This applies to all hyperlinks, except:
+  # - links that open popovers
+  #
+  $("a:not(.has_popover)").click ->
+    link_host = @href.split("/")[2]
+    document_host = document.location.href.split("/")[2]
+    unless link_host is document_host
+      window.open @href
+      false
+
+$(document).ready(ready)

data/app/assets/javascripts/your_platform/maps.js.coffee

@@ -0,0 +1,13 @@
+$(document).ready ->
+  
+  $(document).on 'edit', '.map.do_not_show_in_edit_mode', ->
+    #
+    # Hide this map when entering edit mode. Do not show it afterwards,
+    # since the map is only updated on page reload, not via javascript.
+    #
+    # Since edit_mode uses hide() and show(), we need to use the display
+    # css attribute.
+    #
+    $(this).closest('.box').removeClass('with_small_map')
+    $(this).remove()
+    

data/app/assets/javascripts/your_platform/may_need_review.js.coffee

@@ -0,0 +1,10 @@
+# This script removes the 'review' marker after the 'confirm' button was clicked.
+#
+ready = ->
+  $(document).on('ajax:success', '#corporate_vita .membership', (event) ->
+    $(this).removeClass("needs_review")
+    $(this).find(".confirm-review-button").hide()
+  )
+
+$(document).ready(ready)
+

data/app/assets/javascripts/your_platform/navable_title_rename.js.coffee

@@ -0,0 +1,17 @@
+ready = ->
+  
+  $(document).on 'keydown', '.box.first h1 input', (e)->
+    if (e.keyCode == 13)
+      setTimeout ->
+        # Use `setTimeout`. Otherwise, the `text()` does not contain
+        # the content of the input field.
+        text = $('.box.first h1').text()
+        $('.vertical_menu .active a').text(text)
+        $('#breadcrumb li.last.crumb a').text(text)
+      , 100
+      
+  # $(document).on 'dblclick', '.box.first h1 input', (e)->
+  #   e.stopPropagation() # does not work
+  
+$(document).ready(ready)
+

data/app/assets/javascripts/your_platform/officers.js.coffee

@@ -0,0 +1,35 @@
+ready = ->
+  
+  $('#add_office').click (e)->
+    btn = $(this)
+    btn.data('loading-text', btn.text() + " ...")
+    btn.button('loading')
+    $.ajax({
+      type: 'POST',
+      url: btn.attr('href'),
+      success: (r)->
+        btn.button('reset')
+        new_element = r.officers_group_entry_html
+        $('ul.officer_groups').append(new_element)
+
+        $('.box.officers .content').apply_edit_mode()
+        officer_entry = $('.officer_entry').last()
+        officer_entry.find('.best_in_place').trigger('edit')
+        $('.box.officers .content .show_only_in_edit_mode')
+          .show()
+          .css('visibility', 'visible')
+      }
+    )
+    e.preventDefault()
+    
+  $(document).on 'click', '#destroy_office', (e)->
+    url = $(this).attr('href')
+    $(this).closest('.officer_entry').remove()
+    $.ajax({
+      type: 'DELETE',
+      url: url
+    })
+    e.preventDefault()
+    
+$(document).ready(ready)
+