flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-12-17 08:41:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

now createCSSClassToggler(...) callbacks get acces to the explicitly passed object...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-12-05 03:57:34 +04:00
parent b84a85ad13
commit 84b5cb2e8a
1 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
ui/lib/jli.js
View File

@ -41,14 +41,17 @@
// - <class-name> : explicitly set a class from the list // - <class-name> : explicitly set a class from the list
// - '!' : reload current state, same as toggler(toggler('?')) // - '!' : reload current state, same as toggler(toggler('?'))
// - '?' : return current state ('on'|'off') // - '?' : return current state ('on'|'off')
// //
//
// In the third form the <target> is a jquery-compatible object. // In the third form the <target> is a jquery-compatible object.
// //
// In all forms this will return the current state string or null if the // In all forms this will return the current state string or null if the
// action argument given is invalid. // action argument given is invalid.
// //
// NOTE: action '?' is handled internally and not passed to the callbacks.
// NOTE: there is a special action 'next', passing it will have the same // NOTE: there is a special action 'next', passing it will have the same
// effect as not passing any action. // effect as not passing any action -- we will change to the next
// state.
// NOTE: if it is needed to apply this to an explicit target but with // NOTE: if it is needed to apply this to an explicit target but with
// no explicit action, just pass 'next' as the second argument. // no explicit action, just pass 'next' as the second argument.
// NOTE: a special class name 'none' means no class is set, if it is present // NOTE: a special class name 'none' means no class is set, if it is present
@ -60,17 +63,23 @@
// a way around this is to pass an empty function as callback_b // a way around this is to pass an empty function as callback_b
// NOTE: leading dots in class names in class_list are optional. // NOTE: leading dots in class names in class_list are optional.
// this is due to several times I've repeated the same mistake of // this is due to several times I've repeated the same mistake of
// forgetting to write the classes without leading dots, this now // forgetting to write the classes without leading dots, the class
// will normalize the class list... // list is not normalized...
// //
// //
// This also takes one or two callbacks. If only one is given then it is // This also takes one or two callbacks. If only one is given then it is
// called after (post) the change is made. If two are given then the first // called after (post) the change is made. If two are given then the first
// is called before the change and the second after the change. // is called before the change and the second after the change.
// The callbacks are passed the current action. //
// The callbacks are passed two arguments:
// - <action> : the state we are going in
// - <target> : the target element or the element passed to the
// toggler
//
//
// The callback function will have 'this' set to the same value as the // The callback function will have 'this' set to the same value as the
// toggler itself, e.g. if the toggler is called as a method, the // toggler itself, e.g. if the toggler is called as a method, the
// callback's 'this' will reference the object. // callback's 'this' will reference it's parent object.
// //
// NOTE: the pre-callback will get the "intent" action, i.e. the state the // NOTE: the pre-callback will get the "intent" action, i.e. the state the
// we are changing into but the changes are not yet made. // we are changing into but the changes are not yet made.
@ -168,7 +177,7 @@ function createCSSClassToggler(elem, class_list, callback_a, callback_b){
// function, this will enable them to act as metods correctly // function, this will enable them to act as metods correctly
// pre callback... // pre callback...
if(callback_pre != null){ if(callback_pre != null){
if(callback_pre.call(this, action) === false){ if(callback_pre.call(this, action, e) === false){
// XXX should we return action here??? // XXX should we return action here???
//return //return
return func('?') return func('?')
@ -181,7 +190,7 @@ function createCSSClassToggler(elem, class_list, callback_a, callback_b){
} }
// post callback... // post callback...
if(callback_post != null){ if(callback_post != null){
callback_post.call(this, action) callback_post.call(this, action, e)
} }
return action return action
@ -325,7 +334,8 @@ var USE_3D_TRANSFORM = true
// NOTE: at this point this works only on the X axis... // NOTE: at this point this works only on the X axis...
function setElementTransform(elem, offset, scale, duration){ function setElementTransform(elem, offset, scale, duration){
elem = $(elem) elem = $(elem)
var t3d = USE_3D_TRANSFORM ? 'translateZ(0px)' : '' //var t3d = USE_3D_TRANSFORM ? 'translateZ(0px)' : ''
var t3d = USE_3D_TRANSFORM ? 'translate3d(0,0,0)' : ''
if(offset == null){ if(offset == null){
offset = getElementShift(elem) offset = getElementShift(elem)