From 33df317d1b8f7686540f8100b3bc71ce24189d26 Mon Sep 17 00:00:00 2001
From: Tom Giannattasio <tom@mitx.mit.edu>
Date: Wed, 17 Oct 2012 09:54:26 -0400
Subject: [PATCH] added spinner to unit input name

---
 cms/static/coffee/src/views/unit.coffee | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/cms/static/coffee/src/views/unit.coffee b/cms/static/coffee/src/views/unit.coffee
index 5bc5626d01..3fa43f531c 100644
--- a/cms/static/coffee/src/views/unit.coffee
+++ b/cms/static/coffee/src/views/unit.coffee
@@ -177,6 +177,7 @@ class CMS.Views.UnitEdit.NameEdit extends Backbone.View
   initialize: =>
     @model.on('change:metadata', @render)
     @saveName
+    @$spinner = $('<span class="spinner-in-field-icon"></span>');
 
   render: =>
     @$('.unit-display-name-input').val(@model.get('metadata').display_name)
@@ -186,7 +187,18 @@ class CMS.Views.UnitEdit.NameEdit extends Backbone.View
     metadata = $.extend({}, @model.get('metadata'))
     metadata.display_name = @$('.unit-display-name-input').val()
     $('.unit-location .editing .unit-name').html(metadata.display_name)
-    @model.set('metadata', metadata)
+    @model.set 'metadata', metadata
+
+    inputField = this.$el.find('input')
+
+    # add a spinner
+    @$spinner.css({
+        'position': 'absolute',
+        'top': Math.floor(inputField.position().top + (inputField.outerHeight() / 2) + 3),
+        'left': inputField.position().left + inputField.outerWidth() - 24,
+        'margin-top': '-10px'
+    });
+    inputField.after(@$spinner);
 
     # save the name after a slight delay
     if @timer
@@ -194,6 +206,7 @@ class CMS.Views.UnitEdit.NameEdit extends Backbone.View
     @timer = setTimeout( =>
       @model.save()
       @timer = null
+      @$spinner.delay(500).fadeOut(150)
     , 500)
 
 class CMS.Views.UnitEdit.LocationState extends Backbone.View