Add saved fields feedback

muan · muan · commit 7d75e4b91278 · 2014-02-04T14:17:46.000+09:00
diff --git a/src/options/options.css b/src/options/options.css
@@ -35,6 +35,11 @@ body, * {
   background-color: #fff;
 }
 
+.saved.option {
+  background: #ffe;
+  color: #333;
+}
+
 input[type]:focus {
   background-color: #fff;
 }
diff --git a/src/options/options.js b/src/options/options.js
@@ -31,14 +31,18 @@ $(document).on('keypress', 'input[type]', function(e) {
 })
 
 $(document).on('click', '#save', function() {
+  fields = []
   $('input[name]').map(function(i, e) {
+    if( localStorage[e.name] != e.value ) fields.push(e)
     localStorage[e.name] = e.value
   })
 
   // Update status to let user know options were saved.
   var save = document.getElementById('save')
-  save.innerHTML = 'Saved.'
+  save.innerHTML = 'Updated!'
+  $(fields).closest('.option').removeClass('saved').addClass('saved')
   setTimeout(function() {
+    $(fields).closest('.option').removeClass('saved')
     save.innerHTML = 'Save'
-  }, 750)
+  }, 2050)
 })
