hjkl movement keys

[picsort] / picsorter.js

var picinfo = {};
if ("picsorter_picinfo" in localStorage) {
  picinfo = JSON.parse(localStorage.picsorter_picinfo);
}
$.each(files, function(i, f) {
  if (!(f in picinfo)) {
    picinfo[f] = {};
  }
});
function save_picinfo() {
  localStorage.picsorter_picinfo = JSON.stringify(picinfo);
}
save_picinfo();

var exposure = 20;
var zoom = "sm/";
var input_index = -1;

function endsWith(str, suffix) {
  return str.indexOf(suffix, str.length - suffix.length) !== -1;
}

function stripFromEnd(str, suffix) {
  if (endsWith(str, suffix)) {
    return str.substr(0, str.length - suffix.length);
  }
  return str;
}

function setpic() {
  if ("exposure" in picinfo[files[input_index]]) {
    exposure = picinfo[files[input_index]].exposure;
  } else {
    picinfo[files[input_index]].exposure = exposure;
    save_picinfo();
  }
  $("#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 = "";
  } else {
    zoom = "sm/";
  }
  setpic();
}

function move_to_nondeleted(direction) {
  do {
    input_index += direction;
  } while (picinfo[files[input_index]].deleted);
  say(input_index + " " + (picinfo[files[input_index]].name || ""));
  setpic();
}

function mark_deleted() {
  picinfo[files[input_index]].deleted = 1;
  save_picinfo();
  say("Deleted");
}

function mark_not_deleted() {
  delete picinfo[files[input_index]].deleted;
  save_picinfo();
  say("Undeleted");
}

function change_exposure(amount) {
  exposure += amount;
  picinfo[files[input_index]].exposure = exposure;
  save_picinfo();
  setpic();
  var display_exposure = (exposure / 4) - 3.5;
  say((display_exposure >= 0 ? "+" : "") + display_exposure);
}

function set_name() {
  var name_input = $("#name").hide().get(0);
  var name = name_input.value;
  name_input.value = "";
  picinfo[files[input_index]].name = name;
  save_picinfo();
  say("Named " + name);
}

$(function() {
  $("#name").hide().on("keyup", function(e) { e.which == 13 && set_name(); });
  move_to_nondeleted(1);
});

Mousetrap.bind('z', toggle_zoom);
Mousetrap.bind('Z', function() { $("#pic").toggleClass("fit_view"); });
Mousetrap.bind(['n', 'l'], function() { move_to_nondeleted(1); });
Mousetrap.bind(['p', 'h'], function() { move_to_nondeleted(-1); });
Mousetrap.bind(['N', 'L'], function() { input_index ++; say(input_index); setpic(); });
Mousetrap.bind(['P', 'H'], function() { input_index --; say(input_index); setpic(); });
Mousetrap.bind(['b', 'k'], function() { change_exposure(1); });
Mousetrap.bind(['d', 'j'], function() { change_exposure(-1); });
Mousetrap.bind('x', mark_deleted);
Mousetrap.bind('X', mark_not_deleted);
Mousetrap.bind('c', function() { $("#name").show().focus(); return false; });