Add chattiness

diff --git a/picsorter.js b/picsorter.js
index 1d42b018b2eafc9e981af3e9d2f4d5abb539d5ff..22d6f10f318e097087afe483aa2ed656a7346bce 100644 (file)
--- a/picsorter.js
+++ b/picsorter.js
@@ -13,6 +13,11 @@ function setpic() {
   $("#pic").attr("src", zoom + exposure + "/" + files[input_index]);
 }
 
+function say(message) {
+  $("#message").text(message).removeClass("fade");
+  setTimeout(function() { $("#message").addClass("fade"); }, 1);
+}
+
 function toggle_zoom() {
   if (zoom) {
     zoom = "";
@@ -26,16 +31,19 @@ function move_to_nondeleted(direction) {
   do {
     input_index += direction;
   } while (files[input_index] in picsorter_deleted);
+  say(input_index);
 }
 
 function mark_deleted() {
   picsorter_deleted[files[input_index]] = 1;
   localStorage.picsorter_deleted = JSON.stringify(picsorter_deleted);
+  say("Deleted");
 }
 
 function mark_not_deleted() {
   delete picsorter_deleted[files[input_index]];
   localStorage.picsorter_deleted = JSON.stringify(picsorter_deleted);
+  say("Undeleted");
 }
 
 $(function() {
@@ -46,8 +54,8 @@ Mousetrap.bind('z', toggle_zoom);
 Mousetrap.bind('Z', function() { $("#pic").toggleClass("fit_view"); });
 Mousetrap.bind('n', function() { move_to_nondeleted(1); setpic(); });
 Mousetrap.bind('p', function() { move_to_nondeleted(-1); setpic(); });
-Mousetrap.bind('N', function() { input_index ++; setpic(); });
-Mousetrap.bind('P', function() { input_index --; setpic(); });
+Mousetrap.bind('N', function() { input_index ++; say(input_index); setpic(); });
+Mousetrap.bind('P', function() { input_index --; say(input_index); setpic(); });
 Mousetrap.bind('b', function() { exposure ++; setpic(); });
 Mousetrap.bind('d', function() { exposure --; setpic(); });
 Mousetrap.bind('x', mark_deleted);