move_to_nondeleted() calls setpic()

[picsort] / picsorter.js

diff --git a/picsorter.js b/picsorter.js
index 567c2477a6057e8c1bbe353cbb4e116fcb39588f..d721ac4eeae7e93a31cbeb3ba528b2665e54dace 100644 (file)
--- a/picsorter.js
+++ b/picsorter.js
@@ -1,12 +1,73 @@
+var picinfo = {};
+if ("picsorter_picinfo" in localStorage) {
+  picinfo = JSON.parse(localStorage.picsorter_picinfo);
+}
+$.each(files, function(i, f) {
+  if (!(f in picinfo)) {
+    picinfo[f] = {};
+  }
+});
+localStorage.picsorter_picinfo = JSON.stringify(picinfo);
+
 var exposure = 20;
-var input_index = 0;
+var zoom = "sm/";
+var input_index = -1;
+
 
 function setpic() {
-  $("#pic").attr("src", exposure + "/" + files[input_index]);
+  $("#pic").attr("src", zoom + exposure + "/" + files[input_index]);
 }
 
-$(function() {
+function say(message) {
+  $("#message").text(message).removeClass("fade");
+  setTimeout(function() { $("#message").addClass("fade"); }, 1);
+}
+
+function say_exposure() {
+  var e = (exposure / 4) - 3.5;
+  say((e >= 0 ? "+" : "") + e);
+}
+
+function toggle_zoom() {
+  if (zoom) {
+    zoom = "";
+  } else {
+    zoom = "sm/";
+  }
   setpic();
+}
+
+function move_to_nondeleted(direction) {
+  do {
+    input_index += direction;
+  } while (picinfo[files[input_index]].deleted);
+  say(input_index);
+  setpic();
+}
+
+function mark_deleted() {
+  picinfo[files[input_index]].deleted = 1;
+  localStorage.picsorter_picinfo = JSON.stringify(picinfo);
+  say("Deleted");
+}
+
+function mark_not_deleted() {
+  delete picinfo[files[input_index]].deleted;
+  localStorage.picsorter_picinfo = JSON.stringify(picinfo);
+  say("Undeleted");
+}
+
+$(function() {
+  move_to_nondeleted(1);
 });
 
-Mousetrap.bind('z', function() { $("#pic").toggleClass("fit_view"); });
+Mousetrap.bind('z', toggle_zoom);
+Mousetrap.bind('Z', function() { $("#pic").toggleClass("fit_view"); });
+Mousetrap.bind('n', function() { move_to_nondeleted(1); });
+Mousetrap.bind('p', function() { move_to_nondeleted(-1); });
+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 ++; say_exposure(); setpic(); });
+Mousetrap.bind('d', function() { exposure --; say_exposure(); setpic(); });
+Mousetrap.bind('x', mark_deleted);
+Mousetrap.bind('X', mark_not_deleted);