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

notes...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2017-04-26 02:42:46 +03:00
parent 0e7c3a32fd
commit 67fb0db945
1 changed files with 28 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
ui (gen4)/features/ui-partial-ribbons-vdom.js
View File

@ -42,7 +42,6 @@ var core = require('features/core')
window.vdom = vdom window.vdom = vdom
//--------------------------------------------------------------------- //---------------------------------------------------------------------
// attribute hooks... // attribute hooks...
@ -59,7 +58,6 @@ VALUE.prototype.hook = function(elem, prop){
&& elem.setAttribute(prop, this.value) } && elem.setAttribute(prop, this.value) }
//--------------------------------------------------------------------- //---------------------------------------------------------------------
// XXX get vertical offset and scale... // XXX get vertical offset and scale...
@ -121,7 +119,11 @@ function(gid, data, images){
var image = (images || {})[gid] || {} var image = (images || {})[gid] || {}
var current = data.current == gid ? '.current' : '' var current = data.current == gid ? '.current' : ''
gid = JSON.stringify(gid).slice(1, -1) // XXX stuff needed to get a preview:
// - image tile size -- .ribbons.getVisibleImageSize(..)
// - preview url -- .ribbons.getBestPreview(..)
// - actual preview size -- w and h
// XXX need a strategy on how to update images...
return vdom.h('div.image'+current, { return vdom.h('div.image'+current, {
key: 'image-'+gid, key: 'image-'+gid,
@ -131,20 +133,34 @@ function(gid, data, images){
orientation: new VALUE(image.orientation), orientation: new VALUE(image.orientation),
flipped: new VALUE(image.flipped), flipped: new VALUE(image.flipped),
// XXX preview stuff??? // XXX preview stuff...
//'preview-width': new VALUE(w),
//'preview-height': new VALUE(h),
//style: {
// backgroundImage: 'url('+ url +')',
//}
}) })
} }
// XXX // XXX get marks...
var makeImageMarks = var makeImageMarks =
window.makeImageMarks = window.makeImageMarks =
function(gid, data, images){ function(gid, data, images){
gid = JSON.stringify(gid).slice(1, -1) // XXX get marks...
var marks = [] var marks = []
// XXX
return marks return marks
.map(function(type){
return makeImageMark(gid, type, data, images) })
}
var makeImageMark =
window.makeImageMark =
function(gid, type, data, images){
return vdom.h('div.mark'+(type || ''), {
key: 'mark-'+gid,
gid: new GID(gid),
})
} }
@ -320,6 +336,10 @@ module.PartialRibbons = core.ImageGridFeatures.Feature({
actions: PartialRibbonsActions, actions: PartialRibbonsActions,
handlers: [ handlers: [
['start',
function(){
console.warn(
'EXPERIMENTAL: starting virtual-dom version of partial ribbons...') }],
['focusImage.pre centerImage.pre', ['focusImage.pre centerImage.pre',
function(target, list){ function(target, list){
// NOTE: we have to do this as we are called BEFORE the // NOTE: we have to do this as we are called BEFORE the