From a25b47b7d9f5b777113165bf98abadd8522115ee Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Thu, 7 Feb 2019 01:30:30 +0300
Subject: [PATCH] a more compatible DOM structure...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 ui (gen4)/lib/widget/browse2.js | 33 +++++++++++++++++++++++++++++----
 1 file changed, 29 insertions(+), 4 deletions(-)

diff --git a/ui (gen4)/lib/widget/browse2.js b/ui (gen4)/lib/widget/browse2.js
index d10507cc..2d09d676 100755
--- a/ui (gen4)/lib/widget/browse2.js	
+++ b/ui (gen4)/lib/widget/browse2.js	
@@ -453,25 +453,50 @@ var BrowserPrototype = {
 	__proto__: BaseBrowser.prototype,
 
 	options: {
+		hideListHeader: false,
+
 		renderHidden: false,
 
 	},
 	
 	dom: null,
 
+	// XXX instrument interactions...
 	renderList: function(items, options){
 		var that = this
-		var e = document.createElement('div')
+		options = options || this.options
 
-		e.classList.add('list')
+		// dialog...
+		var dialog = document.createElement('div')
+		dialog.classList.add('browse-widget')
 
+		// header...
+		options.hideListHeader
+			|| dialog.appendChild(this.renderListHeader(options))
+
+		// list...
+		var list = document.createElement('div')
+		list.classList.add('list', 'v-block')
 		items
 			.forEach(function(item){
-				e.appendChild(item instanceof Array ? 
+				list.appendChild(item instanceof Array ? 
 					that.renderGroup(item) 
 					: item) })
+		dialog.appendChild(list)
 
-		return e },
+		return dialog 
+	},
+	// XXX populate this...
+	renderListHeader: function(options){
+		var header = document.createElement('div')
+		header.classList.add('path', 'v-block')
+
+		// XXX path...
+
+		// XXX search...
+
+		return header
+	},
 	renderNested: function(header, sublist, item, options){
 		var e = document.createElement('div')
 		e.classList.add('list')