updated todo, added local-storage state storing (manual)...

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

ui/TODO.otl

@@ -1,16 +1,23 @@
 Priority work
-	[_] 62% Preview II
-		[_] 50% load folder
-			[X] drag'n'drop
-			[_] open dilog
+	[_] 55% Preview II
+		[_] 0% save state
+			[_] minimal: Local Storage
+			| works across all targets (CEF, PhoneGap, browser)
+			[_] local JSON (file)
+			[_] CouchDB
 		[_] 0% load state
 			[_] auto: last state
 			[_] manual
-		[_] 0% save state
-			[_] minimal: Local Storage
-			| XXX does not seem to work in CEF
-			[_] local JSON (file)
-			[_] CouchDB
+		[_] 50% load folder
+			[X] drag'n'drop
+			[_] open dilog
+		[_] 0% dynamic loading of images
+			[_] sizes on zoom
+			[_] stream on navigate
+			| NOTE: here the trigger must be proximity to the view as we 
+			| 		can reach an image not just by navigating close but 
+			| 		also by scrolling/dragging to it (without changing the
+			| 		current image)...
 		[_] 49% native client
 			[_] 33% Windows (CEF / CEFPython)
 				[X] basic test

ui/gallery-prototype.js

@@ -99,6 +99,24 @@ ImageGrid.GROUP('API',
 				}
 			}
 		}),
+	ImageGrid.ACTION({
+			doc: 'save state to local storage',
+			group: 'API',
+			display: false,
+		},
+		function save(){
+			$.jStorage.set(ImageGrid.option.KEY_NAME_CONFIG, ImageGrid.sync())
+			$.jStorage.set(ImageGrid.option.KEY_NAME_STATE, buildJSON())
+		}),
+	ImageGrid.ACTION({
+			doc: 'load state from local storage',
+			group: 'API',
+			display: false,
+		},
+		function load(){
+			loadJSON($.jStorage.get(ImageGrid.option.KEY_NAME_STATE, {}))
+			ImageGrid.set($.jStorage.get(ImageGrid.option.KEY_NAME_CONFIG, {}))
+		}),
 	ImageGrid.ACTION({
 			doc: 'Sync and update option values.\n\n'+
 					'NOTE: this is here because JS has no direct way to '+
@@ -171,6 +189,16 @@ var DEBUG = true
 
 
 ImageGrid.GROUP('State',
+	ImageGrid.OPTION({
+			name: 'KEY_NAME_CONFIG',
+			title: 'Name of localStorage key to store config data.',
+			value: 'ImageGrid_config',
+		}),
+	ImageGrid.OPTION({
+			name: 'KEY_NAME_STATE',
+			title: 'Name of localStorage key to store state.',
+			value: 'ImageGrid_state',
+		}),
 	ImageGrid.OPTION({
 			name: 'CURRENT_IMAGE_ID',
 			doc: '',