Add touch events

app/assets/javascripts/user/app/views/application_view.js.coffee

@@ -1,13 +1,16 @@
 App.ApplicationView = Ember.View.extend
   didInsertElement: ->
-    $('.main-section').css 'min-height', $(window).height() - $('.top-menu').outerHeight()
-
-    $('.toggle-side-menu,.side-menu').click ->
-      menu = $('aside.side-menu')
-      toggle = $('.toggle-side-menu')
-      if menu.is(':visible')
-        menu.animate left: -255, -> $(@).hide()
-        toggle.animate left: 0, -> $(@).removeClass('open')
-      else
-        menu.show().animate left: 0
-        toggle.animate left: 222 - 30, -> $(@).addClass('open')
+    # Side menu collapsing
+    targets = @$('.side-menu')
+    targets.addClass('closed').click -> targets.toggleClass('active').addClass('clicked').toggleClass('closed')
+    controller = @get('controller')
+    @$('.main-section').swipe
+      swipe: (event, direction, distance, duration, fingerCount) ->
+        if fingerCount is 2
+          if direction is "right"
+            targets.addClass('active clicked').removeClass('closed')
+          if direction is "left"
+            targets.removeClass('active').addClass('closed')
+        if fingerCount is 3 and direction is "up"
+          controller.transitionToRoute "settings"
+      fingers: 'all'