Fixed FF issue with image resize.

app/assets/javascripts/app/controllers/_profile/avatar.js.coffee

@@ -108,19 +108,18 @@ class Index extends App.Controller
   storeImage: (src) =>
 
     # store avatar globally
-    params =
+    @oldDataUrl = src
-      avatar_full: src
-
-    # add resized image
-    avatar = new App.ImageService( src )
-    params['avatar_resize'] = avatar.toDataURLForAvatar( 'auto', 160 )
 
     # store on server site
+    store = (newDataUrl) =>
       @ajax(
         id:   'avatar_new'
         type: 'POST'
         url:  @apiPath + '/users/avatar'
-      data: JSON.stringify( params )
+        data: JSON.stringify(
+          avatar_full:   @oldDataUrl
+          avatar_resize: newDataUrl
+        )
         processData: true
         success: (data, status, xhr) =>
           avatarHolder = $(App.view('profile/avatar-holder')( src: src, avatar: data.avatar ) )
@@ -128,6 +127,9 @@ class Index extends App.Controller
           @pick avatarHolder.find('.avatar')
       )
 
+    # add resized image
+    App.ImageService.resizeForAvatar( src, 'auto', 160, store )
+
   onUpload: (event) =>
     callback = @storeImage
     EXIF.getData event.target.files[0], ->

app/assets/javascripts/app/controllers/getting_started.js.coffee

@@ -25,10 +25,10 @@ class Index extends App.ControllerContent
 
     # get data
     @ajax(
-      id:    'getting_started',
+      id:          'getting_started'
-      type:  'GET',
+      type:        'GET'
-      url:   @apiPath + '/getting_started',
+      url:         @apiPath + '/getting_started'
-      processData: true,
+      processData: true
       success:     (data, status, xhr) =>
 
         # redirect to login if master user already exists
@@ -81,6 +81,11 @@ class Admin extends App.ControllerContent
       processData: true
       success: (data, status, xhr) =>
 
+        # check if user got created right now
+        #if true
+        #  @navigate '#getting_started/base'
+        #  return
+
         # redirect to login if master user already exists
         if @Config.get('system_init_done')
           @navigate '#login'
@@ -251,26 +256,22 @@ class Base extends App.ControllerContent
 
   submit: (e) =>
     e.preventDefault()
-
-    # get params
-    params = @formParam(e.target)
-
-    # add logo
-    params['logo'] = @logoPreview.attr('src')
-
-    # add resized image
-    if params['logo']
-      resizeLogo = new App.ImageService( params['logo'] )
-      params['logo_resize'] = resizeLogo.toDataURLForApp( @logoPreview.width(), @logoPreview.height() )
-
     @hideAlerts()
     @disable(e)
 
+    # get params
+    @params = @formParam(e.target)
+
+    # add logo
+    @params.logo = @logoPreview.attr('src')
+
+    store = (logoResizeDataUrl) =>
+      @params.logo_resize = logoResizeDataUrl
       @ajax(
         id:          'getting_started_base'
         type:        'POST'
         url:         @apiPath + '/getting_started/base'
-      data: JSON.stringify( params )
+        data:        JSON.stringify(@params)
         processData: true
         success:     (data, status, xhr) =>
           if data.result is 'ok'
@@ -288,6 +289,9 @@ class Base extends App.ControllerContent
           @enable(e)
       )
 
+    # add resized image
+    App.ImageService.resizeForAvatar( @params.logo, @logoPreview.width(), @logoPreview.height(), store )
+
   hideAlerts: =>
     @$('.form-group').removeClass('has-error')
     @$('.alert').addClass('hide')

app/assets/javascripts/app/lib/app_post/image_service.js.coffee

@@ -1,20 +1,24 @@
 class App.ImageService
-  constructor: (url) ->
-    @orgDataURL = url
 
-  src: (url) =>
+  @resizeForAvatar: (dataURL, x, y, callback) =>
-    @orgDataURL = url
+    if @checkUrl(dataURL)
+      callback(dataURL)
+    else
+      @resize( dataURL, x, y, 2, 'image/jpeg', 0.7, callback )
 
-  resize: ( x = 'auto', y = 'auto', sizeFactor = 1) =>
+  @toDataURLForApp: (dataURL, x, y, callback) =>
-    @canvas  = document.createElement('canvas')
+    if @checkUrl(dataURL)
-    context = @canvas.getContext('2d')
+      callback(dataURL)
+    else
+      @resize( dataURL, x, y, 2, 'image/png', 0.7, callback )
+
+  @resize: ( dataURL, x = 'auto', y = 'auto', sizeFactor = 1, type, quallity, callback) =>
 
     # load image from data url
     imageObject = new Image()
-    imageObject.src = @orgDataURL
+    imageObject.onload = =>
       imageWidth  = imageObject.width
       imageHeight = imageObject.height
-
       if y is 'auto' && x is 'auto'
         x = imageWidth
         y = imageHeight
@@ -32,28 +36,22 @@ class App.ImageService
         x = x * sizeFactor
         y = y * sizeFactor
 
-    # set canvas dimensions
+      # create canvas and set dimensions
-    @canvas.width  = x
+      canvas        = document.createElement('canvas')
-    @canvas.height = y
+      canvas.width  = x
+      canvas.height = y
 
       # draw image on canvas and set image dimensions
+      context = canvas.getContext('2d')
       context.drawImage( imageObject, 0, 0, x, y )
-    @canvas
 
-  checkUrl: =>
+      # execute callback with resized image
+      newDataUrl = canvas.toDataURL( type, quallity )
+      callback(newDataUrl)
+
+    # load image from data url
+    imageObject.src = dataURL
+
+  @checkUrl: (dataURL) ->
     ignore = /\.svg$/i
-    ignore.test( @orgDataURL )
+    ignore.test( dataURL )
-
-  toDataURL: (type, quallity = 1) =>
-    #@resize()
-    @canvas.toDataURL( type, quallity )
-
-  toDataURLForAvatar: ( x, y ) =>
-    return if @checkUrl()
-    @resize( x, y, 2 )
-    @toDataURL( 'image/jpeg', 0.7 )
-
-  toDataURLForApp: ( x, y ) =>
-    return if @checkUrl()
-    @resize( x, y, 2 )
-    @toDataURL( 'image/png', 0.7 )