abc

stateful component ContactSuperTable{
	var model;
	
	this.init = function(){
		model = Model('ContactSuperTable');
		model.selectable = this.selectable || 0;
	};

	this.render = function () {
		return `<@ class='contact-super-table'>
					<@controls />
					<super::table model='ContactSuperTable'></super::table>
				</>`;
	};

	this.done = function () {
		this.$().find('.board-controls').replaceWith(`<@controls />`);
		if (model.selectable){
			this.$().find('.st-selection').replaceWith(`<contact-super-table @selections />`);
		}
		model.setDefaultConfigs();
		model.setActiveFilter(this.$());

	};

	@render controls(){
		return `<div class='board-controls super-table-controls'>
					<base-button icon='icon_equal' url='::ui/supertable/manageFields' title='{{Manage fields}}' />
				</div>`;
	};

};