Added object field format to xosTable
diff --git a/views/ngXosLib/xosHelpers/spec/ui/table.test.js b/views/ngXosLib/xosHelpers/spec/ui/table.test.js
index 31f93a9..9550afa 100644
--- a/views/ngXosLib/xosHelpers/spec/ui/table.test.js
+++ b/views/ngXosLib/xosHelpers/spec/ui/table.test.js
@@ -189,11 +189,44 @@
});
it('should render a comma separated list', () => {
let td1 = $(element).find('tbody tr:first-child')[0];
- // console.log(td1);
expect($(td1).text().trim()).toEqual('Film, Music');
});
});
+ describe('and is object', () => {
+ beforeEach(() => {
+ scope.data = [
+ {
+ attributes: {
+ age: 20,
+ height: 50
+ }
+ }
+ ];
+ scope.config = {
+ columns: [
+ {
+ label: 'Categories',
+ prop: 'attributes',
+ type: 'object'
+ }
+ ]
+ }
+ compileElement();
+ });
+ it('should render a list of key-values', () => {
+ let td = $(element).find('tbody tr:first-child')[0];
+ let ageLabel = $(td).find('dl > dt')[0];
+ let ageValue = $(td).find('dl > dd')[0];
+ let heightLabel = $(td).find('dl > dt')[1];
+ let heightValue = $(td).find('dl > dd')[1];
+ expect($(ageLabel).text().trim()).toEqual('age');
+ expect($(ageValue).text().trim()).toEqual('20');
+ expect($(heightLabel).text().trim()).toEqual('height');
+ expect($(heightValue).text().trim()).toEqual('50');
+ });
+ });
+
describe('and is custom', () => {
beforeEach(() => {
scope.data = [
diff --git a/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/table/table.component.js b/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/table/table.component.js
index a38901a..c2fe85d 100644
--- a/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/table/table.component.js
+++ b/views/ngXosLib/xosHelpers/src/ui_components/dumbComponents/table/table.component.js
@@ -240,6 +240,12 @@
<span ng-if="col.type === 'array'">
{{item[col.prop] | arrayToList}}
</span>
+ <span ng-if="col.type === 'object'">
+ <dl class="dl-horizontal" ng-repeat="(k,v) in item[col.prop]">
+ <dt>{{k}}</dt>
+ <dd>{{v}}</dd>
+ </dl>
+ </span>
<span ng-if="col.type === 'custom'">
{{col.formatter(item[col.prop])}}
</span>
@@ -312,7 +318,7 @@
.filter('arrayToList', function(){
return (input) => {
if(!angular.isArray(input)){
- throw new Error('[xosArrayToList] This filter require an array');
+ return input;
}
return input.join(', ');
}