From: Scott Worley Date: Fri, 28 Feb 2014 09:57:37 +0000 (-0800) Subject: 'c' to Call a picture something or Change its name X-Git-Url: http://git.scottworley.com/picsort/commitdiff_plain/d92eb78e8d30a01235195c167307e0ad910b76c3?hp=01dd04816ae1bec01e224c8cd17e271ec129ad1c 'c' to Call a picture something or Change its name --- diff --git a/picsorter.css b/picsorter.css index b99fc9e..78e0d79 100644 --- a/picsorter.css +++ b/picsorter.css @@ -19,6 +19,17 @@ background-color: rgba(200,200,200,0.5); } +#namecontainer { + position: fixed; + width: 100%; +} +#name { + display: block; + margin-left: auto; + margin-right: auto; + font-size: 30pt; +} + .fade { opacity: 0; animation-duration: 2s; diff --git a/picsorter.html b/picsorter.html index f609060..ef41f4f 100644 --- a/picsorter.html +++ b/picsorter.html @@ -8,6 +8,7 @@

Welcome to picsorter

diff --git a/picsorter.js b/picsorter.js index db313d9..70cd236 100644 --- a/picsorter.js +++ b/picsorter.js @@ -45,7 +45,7 @@ function move_to_nondeleted(direction) { do { input_index += direction; } while (picinfo[files[input_index]].deleted); - say(input_index); + say(input_index + " " + (picinfo[files[input_index]].name || "")); setpic(); } @@ -70,7 +70,17 @@ function change_exposure(amount) { 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); }); @@ -84,3 +94,4 @@ Mousetrap.bind('b', function() { change_exposure(1); }); Mousetrap.bind('d', function() { change_exposure(-1); }); Mousetrap.bind('x', mark_deleted); Mousetrap.bind('X', mark_not_deleted); +Mousetrap.bind('c', function() { $("#name").show().focus(); return false; });