Add instagram background implementation and generalize application for other identity providers

app/assets/javascripts/supplier/app/models/user.js.coffee

@@ -1,14 +1,13 @@
 attr = DS.attr
 App.User= DS.Model.extend
-  facebook_id: attr('string')
-  email: attr('string')
   name: attr('string')
+  uid: attr('string')
+  provider: attr('string')
+  avatar: attr('string')
   list: DS.belongsTo('list') # in ember scope not many to many (yet)
   join_requests: DS.hasMany('join_request')
-  facebook_image_tag: (->
-    facebook_id = @get('facebook_id')
-    return '' unless facebook_id
-    url = "http://graph.facebook.com/#{facebook_id}/picture?type=square"
+  avatar_tag: (->
+    return unless avatar = @get('avatar')
     name = @get('name')
-    new Handlebars.SafeString "<img src=\"#{url}\" alt=\"#{name}\" title=\"#{name}\" class=\"user-facebook-image\">"
-  ).property('facebook_id', 'name')
+    "<img src='#{avatar}' alt='#{name}' title='#{name}' class='user-avatar-image #{@get('provider')}'>".htmlSafe()
+  ).property('avatar', 'name')

app/assets/javascripts/supplier/app/templates/_list_content.emblem

@@ -14,7 +14,7 @@ if list.closed_at
   .display-field= view "close-list-button" content=list
 .user-info-container
   each user in list.users
-    =user.facebook_image_tag
+    =user.avatar_tag
 if list.sorted_orders
   .list-orders-container
     each order in list.sorted_orders

app/assets/javascripts/supplier/app/templates/active_list.emblem

@@ -1,6 +1,6 @@
 td.user-info.show-for-large-up
   each user in view.content.users
-    =  user.facebook_image_tag
+    =  user.avatar_tag
 td.status-icons
   if view.content.needs_help
     span.icon.needs-help

app/assets/javascripts/supplier/app/templates/active_order.emblem

@@ -1,6 +1,6 @@
 td.user-info.show-for-large-up
   each user in view.content.list.users
-    =  user.facebook_image_tag
+    =  user.avatar_tag
 td.status-icons
   if view.content.active
     span.active-order.fa.fa-check.fa-lg

app/assets/javascripts/supplier/app/templates/orders_display.emblem

@@ -14,7 +14,7 @@ table.table
       tr
         td
           each user in order.list.users
-            =  user.facebook_image_tag
+            =  user.avatar_tag
         td.status-icons
           if order.active
             span.active-order.fa.fa-check.fa-lg

app/assets/javascripts/supplier/app/templates/section_table.emblem

@@ -18,7 +18,7 @@ if table.active_list
     /.table-action-row
       a{action "editTable" table}: span.fa.fa-lg.fa-wrench
     each user in table.active_list.users
-      = user.facebook_image_tag
+      = user.avatar_tag
 if editmodedisabled
   .table-settings
     select

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

@@ -1,12 +1,3 @@
-#FB.init appId: '168928633304849'
-
-#Ember.Application.initializer
-  #name: 'authentication',
-  #initialize: (container, application)->
-    ## register the Facebook authenticator so the session can find it
-    #container.register 'authenticators:facebook', App.FacebookAuthenticator
-    #Ember.SimpleAuth.setup(container, application)
-
 @App = Ember.Application.create
   LOG_TRANSITIONS: true
   rootElement: '#ember-app-container'

app/assets/javascripts/user/app/models/user.js.coffee.erb

@@ -1,18 +1,13 @@
 attr = DS.attr
 App.User = DS.Model.extend
-  facebook_id: attr('string')
-  email: attr('string')
   name: attr('string')
+  uid: attr('string')
+  provider: attr('string')
+  avatar: attr('string')
   list: DS.belongsTo('list') # in ember scope not many to many (yet)
   join_requests: DS.hasMany('join_request')
-  facebook_image_tag: (->
-    facebook_id = @get('facebook_id')
-    return '' unless facebook_id
-<% if Rails.env.test? %>
-    url = ""
-<% else %>
-    url = "http://graph.facebook.com/#{facebook_id}/picture?type=square"
-<% end %>
+  avatar_tag: (->
+    return unless avatar = @get('avatar')
     name = @get('name')
-    new Handlebars.SafeString "<img src=\"#{url}\" alt=\"#{name}\" title=\"#{name}\" class=\"user-facebook-image\">"
-  ).property('facebook_id', 'name')
+    "<img src='#{avatar}' alt='#{name}' title='#{name}' class='user-avatar-image #{@get('provider')}'>".htmlSafe()
+  ).property('avatar', 'name')

app/assets/javascripts/user/app/templates/_list_content.emblem

@@ -1,5 +1,5 @@
 each user in list.users
-  img.facebook-image src="http://graph.facebook.com/#{unbound user.facebook_id}/picture?type=square" alt="f"
+  user.avatar_tag
 .display-row
   .display-label=t 'attributes.list.created_at'
   .display-field=time list.created_at

app/assets/javascripts/user/app/templates/join_requests.emblem

@@ -2,8 +2,8 @@
   h2= t 'join_request.existing_user.title'
   each join_request in join_requests
     .join-request-container
-      = join_request.user.facebook_image_tag
-      span.user-email= join_request.user.email
+      = join_request.user.avatar_tag
+      span.user-name= join_request.user.name
       .right
         button.join-request-reject{action "rejectRequest" join_request}=t 'join_request.existing_user.reject_request'
         button.join-request-approve{action "approveRequest" join_request}=t 'join_request.existing_user.approve_request'