added several key-bindings, some work on saving state...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>

ui/Gen3-TODO.otl

@@ -1,17 +1,19 @@
-[_] 9% Gen 3 current todo
+[_] 16% Gen 3 current todo
-	[_] 19% High priority
+	[_] 33% High priority
+		[_] 0% Undo/Redo
+			[_] push/pop state stack
 		[_] 0% image load and positioning must be fool proof
 		[_] 0% gesture support
-		[_] 0% styles
+		[_] 0% CSS
 			[_] cleanup
 			[_] split themes and layout
+		[X] 100% modes
+			[X] ribbon
+			[X] single-image
 		[_] 0% themes
 			[_] light
 			[_] gray
 			[_] dark
-		[X] 100% action visual indication
-			[X] first/last image
-			[X] shift up/down
 		[_] 0% tweak loader
 			[_] thresholds and frame size
 			[_] remove extra and repetitive actions
@@ -20,6 +22,10 @@
 			[X] indicators
 			[_] image number
 			[_] detailed image info
+		[X] Save/load state
+		[X] 100% action visual indication
+			[X] first/last image
+			[X] shift up/down
 	[_] Low priority
 		[_] Help
 		[_] Keyboard config

ui/base.js

@@ -640,10 +640,12 @@ function centerRibbons(mode, no_skip_current){
 function clickHandler(evt){
 	var img = $(evt.target).closest('.image')
 
+	if(img.filter(NAV_VISIBLE).length > 0){
 		centerView(focusImage(img))
 
 		centerRibbons()
 	}
+}
 
 
 // XXX for some reason this messes up alignment for the initial view...

ui/index.html

@@ -263,7 +263,10 @@ body {
 	/* XXX for some reason this breaks the alignment on large magnifications...
 	display: none;
 	*/
+	visibility: hidden;
+	/* XXX this makes images pass through the :visible filter...
 	opacity: 0;
+	*/
 }
 
 

ui/keybindings3.js

@@ -148,6 +148,19 @@ var KEYBOARD_CONFIG = {
 				centerRibbons()
 			},
 
+		S: {
+				ctrl: function(){
+					saveLocalStorage()
+					saveLocalStorageMarks()
+				}
+			},
+		Z: {
+				ctrl: function(){
+					loadLocalStorage()
+					loadLocalStorageMarks()
+				}
+			},
+
 
 		// marking...
 		// XXX not final, think of a better way to do this...