Add a message-displaying area

[picsort] / picsorter.js

var exposure = 20;
var input_index = 0;
var zoom = "sm/";

if (!("picsorter_deleted" in localStorage)) {
  localStorage.picsorter_deleted = JSON.stringify({});
}

function setpic() {
  $("#pic").attr("src", zoom + exposure + "/" + files[input_index]);
}

function toggle_zoom() {
  if (zoom) {
    zoom = "";
  } else {
    zoom = "sm/";
  }
}

function move_to_nondeleted(direction) {
  var deleted = JSON.parse(localStorage.picsorter_deleted);
  do {
    input_index += direction;
  } while (files[input_index] in deleted);
}

function mark_deleted() {
  var deleted = JSON.parse(localStorage.picsorter_deleted);
  deleted[files[input_index]] = 1;
  localStorage.picsorter_deleted = JSON.stringify(deleted);
}

function mark_not_deleted() {
  var deleted = JSON.parse(localStorage.picsorter_deleted);
  delete deleted[files[input_index]];
  localStorage.picsorter_deleted = JSON.stringify(deleted);
}

$(function() {
  setpic();
});

Mousetrap.bind('z', function() { toggle_zoom(); setpic(); });
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('b', function() { exposure ++; setpic(); });
Mousetrap.bind('d', function() { exposure --; setpic(); });
Mousetrap.bind('x', function() { mark_deleted(); });
Mousetrap.bind('X', function() { mark_not_deleted(); });