bricks/bricks/datarow.js

var bricks = window.bricks || {};

bricks.DataRow = class extends bricks.HBox {
	/*
	{
		toolbar:[
		]
		fields:[]
		css
		header_css
	}
	*/
	constructor(opts){
		super(opts);
	}
	render_header(editable, checkable){
		this.render(editable, checkable, true);
	}
	render_data(editable, checkable){
		this.render(editable, checkable, false);
	}
	render(editable, checkable, header){
		if (checkable){
			var w = new bricks.UiCheck({name:'c',value:false})
			this.add_widget(w);
			w.bind(changed, this.get_check_state.bind(this));
		}
		this.build_toolbar(editable, header);
		this.build_fields(header);
	}
	get_check_state(e){
		d = e.target.getValue()
		this.dispatch('checked', d.c)
	}
	build_toolbar(editable, header){
		var tools = [];
		var rsvd = ['add', 'update', 'delete'];

		if (editable){
			if (header){
				tools.push({
					name:'add',
					tip:'add new record',
					icon:editable.add_icon || bricks_resource('imgs/add.png')
				});
				tools.push({
					name:'blankicon'
				});
			} else {
				tools.push({
				});
				tools.push({
				});
			}
		}
		if (header){
			if (this.toolbar){
				this.toolbar.tools.forEach(t => {
					if (! rsvd.includes(t.name)) 
						tools.push({name:'blankicon'});
				});
			}
		} else {
			if (this.toolbar){
				this.toolbar.tools.forEach(t => {
					if (! rsvd.includes(t.name)) 
						tools.push(t)
				});
			}
		}
		var toolbar = bricks.extend({cwidth:2.5}, this.toolbar || {});
		toolbar.tools = tools;
		var w = new bricks.IconBar(toolbar);
		this.add_widget(w);
		this.event_names = []
		for(var i=0;i<tools.length;i++){
			this.event_names.push(tools[i].name);
			w.bind(tools[i].name, this.dispatch(tools[i].name));
		}
	}
		
	build_fields(header){
		for (var i=0;i<this.fields.length;i++){
			var f = this.fields[i]
			var opts = bricks.extend({
				margin:'3px'
			}, f);
			if (header){
				opts.value = f.label || f.name;
			} 
			var f = bricks.get_ViewBuilder(f.uitype);
			if (!f) f = bricks.get_ViewBuilder('str');
			var w = f(opts);
			this.add_widget(w)
		}
	}
}

bricks.Factory.register('DataRow', bricks.DataRow);