flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-31 03:10:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

added action events and automatic state saving...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2012-08-30 03:43:24 +04:00
parent 3a4a276f63
commit 193086a4e4
2 changed files with 47 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ui/TODO.otl
View File

@ -1,14 +1,16 @@
Priority work
[_] 67% Preview II
[_] 42% save state
[_] 68% Preview II
[_] 47% save state
[X] minimal: Local Storage (manual)
| works across all targets (CEF, PhoneGap, browser)
[_] local JSON (file)
[_] CouchDB
[_] 0% autosave
[_] on edit
[_] 33% autosave
[X] on edit
[_] on navigate
| only save position to save time...
[_] on timer
[X] manual save
[X] manual incremental save
[_] manual named save
[X] versions/history
[_] 66% load state

57
ui/gallery-prototype.js
View File

@ -24,10 +24,18 @@ var ImageGrid = {
// call - callable
// XXX revise...
ACTION: function(obj, func){
var base = this
var id = func.name != '' ? func.name : obj.id
if(func != null){
obj = $.extend(obj, {
id: func.name != '' ? func.name : obj.id,
call: func
id: id,
//call: func
call: function(){
res = func.apply(base, arguments)
$(document).trigger(id)
return res
}
})
}
// add all the attrs to the function...
@ -99,7 +107,20 @@ ImageGrid.GROUP('API',
}
}
}),
ImageGrid.ACTION({
doc: 'Get documentation for name.',
group: 'API',
display: false,
},
function doc(name){
return {
action: this[name] != null ? this[name].doc : null,
action_func: this[name] != null ? this[name].func_doc : null,
option: this.option_props[name] != null ? this.option_props[name].doc : null,
}
}))
ImageGrid.GROUP('State',
ImageGrid.ACTION({
doc: 'Save state to local storage',
group: 'API',
@ -182,7 +203,6 @@ ImageGrid.GROUP('API',
history.push(cur)
$.jStorage.set(this.option.KEY_NAME_HISTORY, history)
}),
ImageGrid.ACTION({
doc: 'Sync and update option values.\n\n'+
'NOTE: this is here because JS has no direct way to '+
@ -200,18 +220,6 @@ ImageGrid.GROUP('API',
}
}
return this.option
}),
ImageGrid.ACTION({
doc: 'Get documentation for name.',
group: 'API',
display: false,
},
function doc(name){
return {
action: this[name] != null ? this[name].doc : null,
action_func: this[name] != null ? this[name].func_doc : null,
option: this.option_props[name] != null ? this.option_props[name].doc : null,
}
}))
@ -221,8 +229,10 @@ ImageGrid.TYPE('toggle', function(obj){
// wrap the call to set the option...
// XXX this is context mirroring...
obj.call = function(action){
var res = call(action)
ImageGrid.option[obj.id] = call('?')
//var res = call(action)
var res = call.apply(ImageGrid, [action])
//ImageGrid.option[obj.id] = call('?')
ImageGrid.option[obj.id] = call.apply(ImageGrid, ['?'])
return res
}
// add an option to store the state...
@ -1006,6 +1016,19 @@ function setDefaultInitialState(){
function setupEvents(){
// persistence...
$(document)
// main modifier events...
.bind('shiftImageUp shiftImageDown reverseImageOrder '+
'reverseRibbons shiftImageUpNewRibbon shiftImageDownNewRibbon',
ImageGrid.saveState)
/*
// XXX should this be here?
.bind('nextImage prevImage nextScreenImages prevScreenImages '+
'focusAboveRibbon focusBelowRibbon',
ImageGrid.saveState)
*/
// resize...
$(window).resize(function() {
// XXX HACK