several bugfixes and late migrations to new object.js

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>

ui (gen4)/features/metadata.js

@@ -411,7 +411,9 @@ var MetadataUIActions = actions.Actions({
 							Object.assign(
 								this.graph 
 									|| document.createElement('ig-image-graph'), 
-								config)
+								config,
+								// orientation....
+								{orientation: (that.images[gid] || {}).orientation || 0})
 						Object.assign(elem.style, {
 							width: '500px',
 							height: '200px',

ui (gen4)/lib/components/ig-image-graph.js

@@ -42,8 +42,8 @@ module.Filters = {
 		return context.getImageData(0, 0, c.width, c.height)
 	},
 	setPixels: function(c, data, w, h){
-		c.width = data.width
+		w = c.width = w || data.width
-		c.height = data.height
+		h = c.height = h || data.height
 		var context = c.getContext('2d')
 		context.putImageData(data, 0, 0)
 	},
@@ -74,8 +74,9 @@ module.Filters = {
 		color = color || 'fill'
 		mode = mode || 'luminance'
 
-		var w = 255 
+		var size = 255
-		var h = 255 
+		var w = size 
+		var h = size
 
 		// output buffer...
 		var out = this.getPixels(null, w, h)
@@ -105,14 +106,14 @@ module.Filters = {
 					count[b*4+2] = (count[b*4+2] || 0) + 1 } }
 		}
 
-		var m = 255 / Math.max(...count.filter(function(){ return true }))
+		var m = size / Math.max(...count.filter(function(){ return true }))
 
 		var pos = function(i, value){
 			return (
 				// horizontal position...
 				i*4 
 				// value vertical offset...
-				+ (255-Math.round(value*m))*w*4) }
+				+ (size-Math.round(value*m))*w*4) }
 
 		// XXX would be nice to have an option to draw full columns...
 		count.forEach(function(v, i){
@@ -228,9 +229,11 @@ module.Filters = {
 var WAVEFORM_SIZE =
 module.WAVEFORM_SIZE = 1000
 
+// XXX need to account for image rotation...
 var waveform = 
 module.waveform = 
-function(img, canvas, mode, color){
+function(img, canvas, mode, color, rotation){
+	// XXX rotate...
 	var d = Filters.getPixels(img, WAVEFORM_SIZE)
 	var w = Filters.waveform(d, mode, color)
 	Filters.setPixels(canvas, w) }
@@ -334,8 +337,9 @@ object.Constructor('igImageGraph', HTMLElement, {
 			'src', 
 			'mode', 
 			'color',
-			'nocontrols',
 			'graph',
+			'orientation',
+			'nocontrols',
 		]},
 	attributeChangedCallback: function(name, from, to){
 		name == 'nocontrols'
@@ -387,6 +391,15 @@ object.Constructor('igImageGraph', HTMLElement, {
 		value === undefined
 			&& this.removeAttribute('color') 
 		this.update() },
+	get orientation(){
+		return this.getAttribute('orientation') || 0 },
+	set orientation(value){
+		;(['top', 'left', 'bottom', 'right'].includes(value)
+				|| typeof(value) == typeof(123))
+			&& this.setAttribute('orientation', value) 
+		value == null
+			&& this.removeAttribute('orientation') 
+		this.update() },
 	get nocontrols(){
 		return this.getAttribute('nocontrols') != null },
 	set nocontrols(value){
@@ -477,7 +490,12 @@ object.Constructor('igImageGraph', HTMLElement, {
 		var canvas = this.__shadow.querySelector('canvas')
 
 		if(this.image){
-			graph(this.image, canvas, this.mode, this.color)
+			var orientation = this.orientation
+			orientation = parseFloat(
+				{top: 180, left: 90, bottom: 0, right: 270}[orientation] 
+				|| orientation)
+
+			graph(this.image, canvas, this.mode, this.color, orientation)
 
 		} else if(this.src){
 			this.src = this.src

ui (gen4)/lib/widget/browse-walk.js

@@ -97,9 +97,7 @@ function(path, make){
 				resolve(fs.statSync(path))
 			} catch(err){
 				reject(err)
-			}
+			} }) }
-		})
-	}
 
 	/*
 	var stat = function(path){
@@ -129,9 +127,7 @@ function(path, make){
 							if(drive == 'Z'){
 								resolve()
 							}
-						})
+						}) }) })
-			})
-		})
 
 	// list dirs...
 	} else {
@@ -150,8 +146,7 @@ function(path, make){
 						elem.attr('count', lst.length)
 					})
 			}
-			return elem
+			return elem }
-		}
 
 		return new Promise(function(resolve, reject){
 			// XXX should this be a promise???
@@ -291,9 +286,9 @@ var listDir = module.listDir = listDirfs
 // XXX for some reason pop does not focus the container dir correctly...
 // 		...this is potentially due to the list not being ready yet...
 // XXX this should be smarter and support other URL schemes...
-var WalkPrototype = {
+var Walk = 
-	__proto__: browse.Browser.prototype,
+module.Walk = 
-
+object.Constructor('Walk', browse.Browser, {
 	options: {
 		__proto__: browse.Browser.prototype.options,
 
@@ -346,33 +341,20 @@ var WalkPrototype = {
 		cur && this.select(cur)
 		return this
 	},
-}
+})
-
-
-var Walk = 
-module.Walk = 
-object.Constructor('Walk', 
-		browse.Browser, 
-		WalkPrototype)
 
 
 var makeWalk = 
 module.makeWalk = function(elem, path, fileCountPattern, rest){
-	var opts = {}
+	return Walk(elem,
-	if(rest){
+		Object.assign({}, 
-		for(var k in rest){
+			rest, 
-			opts[k] = rest[k]
+			{
-		}
+				path: path,
-	}
+				fileCountPattern: fileCountPattern == null ?
-
+					Walk.prototype.options.fileCountPattern
-	opts.path = path
+					: fileCountPattern,
-
+			})) }
-	opts.fileCountPattern = fileCountPattern == null ?
-		WalkPrototype.options.fileCountPattern
-		: fileCountPattern
-
-	return Walk(elem, opts)
-}
 
 
 

ui (gen4)/lib/widget/browse.js

@@ -3284,21 +3284,18 @@ var BrowserPrototype = {
 	// Toggle filter view mode...
 	toggleFilterViewMode: function(){
 		this.dom.toggleClass('show-filtered-out')
-		return this
+		return this },
-	},
 
 	// XXX should this be a toggler???
 	disableElements: function(pattern){
 		this.filter(pattern, false)
 			.addClass('disabled')
 			.removeClass('selected')
-		return this
+		return this },
-	},
 	enableElements: function(pattern){
 		this.filter(pattern, false)
 			.removeClass('disabled')
-		return this
+		return this },
-	},
 
 	// Select an element from current list...
 	//
@@ -4040,15 +4037,17 @@ var BrowserPrototype = {
 	list: function(path, make){
 		path = path || this.path
 		var m = this.options.list
-		return m ? m.apply(this, arguments) : []
+		return m ? 
-	},
+			m.apply(this, arguments) 
+			: [] },
 
 	// Run a function in the context of the object...
 	//
 	run: function(func){
 		var res = func ? func.call(this) : undefined
-		return res === undefined ? this : res
+		return res === undefined ? 
-	},
+			this 
+			: res },
 
 	// XXX need to get a container -- UI widget API....
 	// XXX paste does not work on IE yet...
@@ -4056,7 +4055,7 @@ var BrowserPrototype = {
 	__init__: function(parent, options){
 		var that = this
 
-		object.parent(BrowserPrototype.__init__, this).call(this, parent, options)
+		object.parentCall(Browser.prototype.__init__, this, parent, options)
 
 		var dom = this.dom
 		options = this.options
@@ -4110,9 +4109,8 @@ var BrowserPrototype = {
 			*/
 
 		// attach to parent...
-		if(parent != null){
+		parent != null
-			parent.append(dom)
+			&& parent.append(dom)
-		}
 
 		// load the initial state...
 		// NOTE: path can be a number so simply or-ing here is a bad idea...
@@ -4134,10 +4132,12 @@ var BrowserPrototype = {
 					// XXX not sure if we need this...
 					// 		...currently this is used only when path is 
 					// 		a list and we need to also select an item...
-					selected ? that.select(selected) 
+					selected ? 
+						that.select(selected) 
 					// we have a manually selected item but that was 
 					// not aligned...
-						: that.selected ? that.select()
+					: that.selected ? 
+						that.select()
 					: null })
 	},
 }
@@ -4146,19 +4146,20 @@ var BrowserPrototype = {
 var Browser = 
 module.Browser = 
 object.Constructor('Browser', 
+		widget.Widget,
 		BrowserClassPrototype, 
 		BrowserPrototype)
 
 
-// inherit from widget...
-Browser.prototype.__proto__ = widget.Widget.prototype
-
-
 
 /*********************************************************************/
 
-var ListerPrototype = Object.create(Browser.prototype)
+var Lister = 
-ListerPrototype.options = {
+module.Lister = 
+object.Constructor('Lister', Browser, {
+	options: {
+		__proto__: Browser.prototype.options,
+
 		pathPrefix: '', 
 		fullPathEdit: false,
 		traversable: false,
@@ -4168,18 +4169,8 @@ ListerPrototype.options = {
 		skipDisabledItems: false,
 		// NOTE: to disable this set it to false or null
 		isItemDisabled: '^- ',
-}
+	},
-// XXX should we inherit or copy options???
+})
-// 		...inheriting might pose problems with deleting values reverting
-// 		them to default instead of nulling them and mutable options might
-// 		get overwritten...
-ListerPrototype.options.__proto__ = Browser.prototype.options
-
-var Lister = 
-module.Lister = 
-object.Constructor('Lister', 
-		BrowserClassPrototype, 
-		ListerPrototype)
 
 
 // This is a shorthand for: new List(<elem>, { data: <list> })
@@ -4217,8 +4208,11 @@ module.makeLister = function(elem, lister, options){
 // 	
 // NOTE: this essentially a different default configuration of Browser...
 // NOTE: this is essentially a wrapper around make.List(...)
-var ListPrototype = Object.create(Browser.prototype)
+var List = 
-ListPrototype.options = {
+module.List = 
+object.Constructor('List', Browser, {
+	options: {
+		__proto__: Browser.prototype.options,
 
 		pathPrefix: '', 
 		fullPathEdit: false,
@@ -4252,14 +4246,8 @@ ListPrototype.options = {
 
 			return res
 		},
-}
+	},
-ListPrototype.options.__proto__ = Browser.prototype.options
+})
-
-var List = 
-module.List = 
-object.Constructor('List', 
-		BrowserClassPrototype, 
-		ListPrototype)
 
 
 // This is a shorthand for: new List(<elem>, { data: <list> })
@@ -4378,8 +4366,11 @@ function(list, options){
 // NOTE: currently only trailing '*' are supported.
 //
 // XXX add support for '*' and '**' glob patterns...
-var PathListPrototype = Object.create(Browser.prototype)
+var PathList = 
-PathListPrototype.options = {
+module.PathList = 
+object.Constructor('PathList', Browser, {
+	options: {
+		__proto__: Browser.prototype.options,
 
 		fullPathEdit: true,
 		traversable: true,
@@ -4515,14 +4506,9 @@ PathListPrototype.options = {
 					.filter(function(e){ return e !== false })
 			}
 		},
-}
+	},
-PathListPrototype.options.__proto__ = Browser.prototype.options
+})
 
-var PathList = 
-module.PathList = 
-object.Constructor('PathList', 
-		BrowserClassPrototype, 
-		PathListPrototype)
 
 var makePathList = 
 module.makePathList = makeBrowserMaker(PathList)

ui (gen4)/lib/widget/widget.js

@@ -95,9 +95,9 @@ function(){
 /*********************************************************************/
 
 var WidgetClassPrototype = {
-	make: function(obj, client, options){
+	//make: function(obj, client, options){
-		console.error('Widget must define a .make method.')
+	//	console.error('Widget must define a .make method.')
-	},
+	//},
 }
 
 
@@ -168,14 +168,13 @@ var WidgetPrototype = {
 		var that = this
 
 		parent = this.parent = $(parent || 'body')
-		options = options || {}
 
 		this.keybindings = JSON.parse(JSON.stringify(this.keybindings))
 
 		// merge options...
-		var opts = Object.create(this.options)
+		options = this.options = Object.assign(
-		Object.keys(options).forEach(function(n){ opts[n] = options[n] })
+			Object.create(this.options),
-		options = this.options = opts
+			options || {})
 
 		// build the dom...
 		if(this.constructor.make){
@@ -203,13 +202,11 @@ var WidgetPrototype = {
 						this.keyboard,
 						options.logKeys,
 						this,
-						function(){ return this.options.keyboardRepeatPause }))
+						function(){ return this.options.keyboardRepeatPause })) }
-		}
 
-		if(this.options.nonPropagatedEvents != null){
+		this.options.nonPropagatedEvents != null
-			this.on(this.options.nonPropagatedEvents.join(' '), 
+			&& this.on(this.options.nonPropagatedEvents.join(' '), 
 				function(evt){ evt.stopPropagation() })
-		}
 
 		return this
 	},
@@ -253,7 +250,6 @@ var ContainerPrototype = {
 		var that = this
 
 		parent = this.parent = $(parent || 'body')
-		options = options || {}
 
 		this.keybindings = JSON.parse(JSON.stringify(this.keybindings))
 
@@ -261,9 +257,9 @@ var ContainerPrototype = {
 		client.parent = this
 
 		// merge options...
-		var opts = Object.create(this.options)
+		options = this.options = Object.assign(
-		Object.keys(options).forEach(function(n){ opts[n] = options[n] })
+			Object.create(this.options),
-		options = this.options = opts
+			options || {})
 
 		// build the dom...
 		if(this.constructor.make){
@@ -301,10 +297,10 @@ var ContainerPrototype = {
 var Container = 
 module.Container = 
 object.Constructor('Container', 
+	Widget,
 	ContainerClassPrototype, 
 	ContainerPrototype)
 
-Container.prototype.__proto__ = Widget.prototype