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

more tweaking...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2019-02-08 21:21:36 +03:00
parent 0ec9de15a1
commit edcfa129fc
1 changed files with 33 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
ui (gen4)/lib/widget/browse2.js
View File

@ -467,7 +467,7 @@ var BrowserPrototype = {
var that = this var that = this
options = options || this.options options = options || this.options
// dialog... // dialog (container)...
var dialog = document.createElement('div') var dialog = document.createElement('div')
dialog.classList.add('browse-widget') dialog.classList.add('browse-widget')
dialog.setAttribute('tab-index', '0') dialog.setAttribute('tab-index', '0')
@ -493,13 +493,11 @@ var BrowserPrototype = {
var header = document.createElement('div') var header = document.createElement('div')
header.classList.add('path', 'v-block') header.classList.add('path', 'v-block')
// XXX path... // XXX path/search...
var dir = document.createElement('div') var dir = document.createElement('div')
dir.classList.add('dir', 'cur') dir.classList.add('dir', 'cur')
header.appendChild(dir) header.appendChild(dir)
// XXX search...
return header return header
}, },
renderNested: function(header, sublist, item, options){ renderNested: function(header, sublist, item, options){
@ -539,18 +537,25 @@ var BrowserPrototype = {
return null return null
} }
var e = document.createElement('div') var elem = document.createElement('div')
// classes... // classes...
e.classList.add('item') elem.classList.add(...['item']
;(options.cls || []) // user classes...
.forEach(function(cls){ .concat(options.cls || [])
e.classList.add(cls) }) // special classes...
.concat([
//'focused',
'selected',
'disabled',
'hidden',
].filter(function(cls){
return !!options[cls] })))
// attrs... // attrs...
Object.entries(options.attrs || {}) Object.entries(options.attrs || {})
.forEach(function({key, value}){ .forEach(function({key, value}){
e.setAttribute(key, value) }) elem.setAttribute(key, value) })
// values... // values...
;(item.value instanceof Array ? item.value : [item.value]) ;(item.value instanceof Array ? item.value : [item.value])
@ -558,21 +563,30 @@ var BrowserPrototype = {
var value = document.createElement('span') var value = document.createElement('span')
value.classList.add('text') value.classList.add('text')
value.innerHTML = v || item || '' value.innerHTML = v || item || ''
e.appendChild(value) elem.appendChild(value)
}) })
// events...
// XXX will the events survive attaching???
var _elem = $(elem)
Object.entries(options.events || {})
// special events...
.concat([
'click',
].map(function(evt){ return [evt, options[evt]] }))
// setup the handlers...
.forEach(function({event, handler}){
handler
&& _elem.on(event, handler) })
// XXX buttons... // XXX buttons...
// XXX // XXX
// special stuff... item.dom = elem
options.focused && e.classList.add('focused')
options.selected && e.classList.add('selected')
options.disabled && e.classList.add('disabled')
options.hidden && e.classList.add('hidden')
item.dom = e return elem
},
return e },
// save the rendered state to .dom // save the rendered state to .dom
render: function(context, options){ render: function(context, options){