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

some bugs hacked away...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2015-06-18 01:41:57 +03:00
parent d0f42e388a
commit ca96b6a36c
2 changed files with 33 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -91,7 +91,17 @@
opacity: 1;
}
.browse .path .dir.cur:empty:not([contenteditable]) {
display: none;
position: relative;
width: 50px;
height: 12px;
background: transparent;
opacity: 0;
}
.browse .path .dir.cur:empty:hover:not([contenteditable]) {
opacity: 0.3;
}
.browse .path .dir.cur:empty:hover:not([contenteditable]):after {
content: "filter";
}
/* XXX need to make this resizable up but only to a certain size (~80vh) */
/*

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

@ -82,6 +82,7 @@ var BrowserPrototype = {
'Right',
'Enter',
'Esc',
'/',
],
Enter: 'action!',
@ -124,8 +125,6 @@ var BrowserPrototype = {
// - build the element list
//
// XXX trigger an "update" event...
// XXX current path click shoud make it editable and start a live
// search/filter...
update: function(path){
path = path || this.path
var browser = this.dom
@ -152,10 +151,27 @@ var BrowserPrototype = {
// add current selction indicator...
p.append($('<div>')
.addClass('dir cur')
// XXX add a filter mode...
.click(function(){
that.startFilter()
//that.update(path.concat($(this).text()))
// XXX HACK: prevents the field from bluring when clicked...
// ...need to find a better way...
that._hold_blur = true
setTimeout(function(){ delete that._hold_blur }, 20)
})
// XXX for some reason this gets triggered when clicking ano
// is not triggered when entering via '/'
.on('blur', function(){
// XXX HACK: prevents the field from bluring when clicked...
// ...need to find a better way...
if(!that._hold_blur){
that.stopFilter()
}
//that.stopFilter()
})
.keyup(function(){
that.filter($(this).text())
}))
// fill the children list...
@ -184,6 +200,8 @@ var BrowserPrototype = {
// XXX sort:
// - as-is
// - best match
// XXX add deep-mode filtering...
// if '/' is in the pattern then we list down and combine paths...
filter: function(pattern, non_matched, sort){
var that = this
var browser = this.dom
@ -236,9 +254,6 @@ var BrowserPrototype = {
var e = this.dom.find('.path .dir.cur')
.text('')
.attr('contenteditable', true)
.keyup(function(){
that.filter($(this).text())
})
.focus()
// place the cursor...
@ -323,6 +338,7 @@ var BrowserPrototype = {
// XXX revise return values...
// XXX Q: should this trigger a "select" event???
// XXX on string/regexp mismatch this will select the first, is this correct???
// XXX handle scrollTop to show the selected element...
select: function(elem, filtering){
var pattern = '.list div:not(.disabled):not(.filtered-out)'
var browser = this.dom
@ -397,7 +413,6 @@ var BrowserPrototype = {
this.select(null, filtering)
} else {
this.select('none', filtering)
if(!filtering){
browser.find('.path .dir.cur').text(elem.text())