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

revised non-traversable handling + test...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2015-06-21 04:15:54 +03:00
parent fda402bcc9
commit 12f6488c80
3 changed files with 32 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ui (gen4)/experiments/browse-dialog.css
View File

@ -115,6 +115,9 @@
opacity: 0.7;
}
.browse .list div:not(.not-traversable):after {
content: "/";
}
.browse:focus .list div.selected,
.browse .path .dir:hover,

20
ui (gen4)/experiments/browse-dialog.html
View File

@ -142,6 +142,7 @@ TREE.dir_c.dir_b.tree = TREE
//---
var use_disabled = true
var show_files = false
requirejs(['../lib/keyboard', '../object', './browse-dialog'], function(k, o, browser){
keyboard = k
@ -157,7 +158,7 @@ requirejs(['../lib/keyboard', '../object', './browse-dialog'], function(k, o, br
return Object.keys(cur)
// remove all strings...
.filter(function(k){
return typeof(cur[k]) != typeof('str')
return show_files || typeof(cur[k]) != typeof('str')
})
.map(function(k){
// make the element...
@ -166,6 +167,9 @@ requirejs(['../lib/keyboard', '../object', './browse-dialog'], function(k, o, br
if(use_disabled && k == 'dir_b'){
e.addClass('disabled')
}
if(typeof(cur[k]) == typeof('str')){
e.addClass('not-traversable')
}
return k
})
},
@ -202,6 +206,15 @@ function toggleDisabled(){
use_disabled ? b.disableElements('_b') : b.enableElements('_b')
}
function toggleFiles(){
show_files = !show_files
// NOTE: we need to update only because .list(..) does not show
// files at all and we need to re-render them, another way
// would be render everything but hide and show files via CSS
// class...
b.update()
}
</script>
@ -221,6 +234,11 @@ Theme: <button id="theme" onclick="themeToggler()">none</button>
Disabled: <button id="theme" onclick="toggleDisabled()">toggle</button>
<br>
Files: <button id="theme" onclick="toggleFiles()">toggle</button>
<div class="container">
<div class="browse">

14
ui (gen4)/experiments/browse-dialog.js
View File

@ -648,9 +648,7 @@ var BrowserPrototype = {
path.push(elem.text())
// if not traversable call the action...
if(this.isTraversable != null
&& (this.isTraversable !== false
|| ! this.isTraversable(path))){
if(elem.hasClass('not-traversable')){
return this.action(path)
}
@ -727,12 +725,20 @@ var BrowserPrototype = {
// - make should never get called
// - the returned list will be rendered
//
//
// This can set the following classes on elements:
//
// .disabled
// an element is disabled.
//
// .non-traversable
// an element is not traversable/listable and will trigger the
// .action(..) on push...
list: function(path, make){
path = path || this.path
var m = this.options.list
return m ? m.apply(this, arguments) : []
},
isTraversable: null,
// XXX need to get a container....
// XXX setup instance events...