diff --git a/ui (gen4)/experiments/browse-dialog.html b/ui (gen4)/experiments/browse-dialog.html index bbe572e4..e3161601 100755 --- a/ui (gen4)/experiments/browse-dialog.html +++ b/ui (gen4)/experiments/browse-dialog.html @@ -81,6 +81,18 @@ .browse .path .dir:after { content: "/"; } +.browse .path .dir.cur { + opacity: 0.5; +} +.browse .path .dir.cur:after { + content: ""; +} +.browse .path .dir.cur:hover { + opacity: 1; +} +.browse .path .dir.cur:empty { + display: none; +} /* XXX need to make this resizable up but only to a certain size (~80vh) */ /* .browse .list { diff --git a/ui (gen4)/experiments/browse-dialog.js b/ui (gen4)/experiments/browse-dialog.js index e4d085cc..228112d7 100755 --- a/ui (gen4)/experiments/browse-dialog.js +++ b/ui (gen4)/experiments/browse-dialog.js @@ -80,7 +80,7 @@ var BrowserPrototype = { // XXX does the path includes the currently selected element? get path(){ var skip = false - return this.dom.find('.path .dir') + return this.dom.find('.path .dir:not(.cur)') .map(function(i, e){ return $(e).text() }) .toArray() }, @@ -99,19 +99,36 @@ var BrowserPrototype = { var p = browser.find('.path').empty() var l = browser.find('.list').empty() + var c = [] // fill the path field... path.forEach(function(e){ + c.push(e) + var cur = c.slice() p.append($('