@wizishop/angular-components 0.0.74 → 0.0.75
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/wizishop-angular-components.umd.js +6 -4
- package/bundles/wizishop-angular-components.umd.js.map +1 -1
- package/bundles/wizishop-angular-components.umd.min.js +1 -1
- package/bundles/wizishop-angular-components.umd.min.js.map +1 -1
- package/esm2015/lib/components/tree/tree.component.js +4 -4
- package/esm2015/lib/pipes/tree/format-object-to-recursif-tree.pipe.js +4 -2
- package/esm2015/lib/pipes/tree/format-object-to-simple-tree.pipe.js +2 -2
- package/fesm2015/wizishop-angular-components.js +7 -5
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/tree/tree.component.d.ts +1 -1
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.75.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.74.tgz +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component,
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
2
|
export class TreeComponent {
|
|
3
3
|
constructor() {
|
|
4
4
|
this.treeDepth = 0;
|
|
@@ -8,13 +8,13 @@ export class TreeComponent {
|
|
|
8
8
|
TreeComponent.decorators = [
|
|
9
9
|
{ type: Component, args: [{
|
|
10
10
|
selector: 'wac-tree',
|
|
11
|
-
template: "<div *ngFor=\"let item of items; index as i\" [ngClass]=\"['treeDepth-' + treeDepth]\">\n <ul>\n <li>\n\n <ng-template #defaultItem>\n {{ item?.treeLabel }}\n </ng-template>\n\n <ng-container\n [ngTemplateOutlet]=\"
|
|
11
|
+
template: "<div *ngFor=\"let item of items; index as i\" [ngClass]=\"['treeDepth-' + treeDepth]\">\n <ul>\n <li>\n\n <ng-template #defaultItem>\n {{ item?.treeLabel }}\n </ng-template>\n\n <ng-container\n [ngTemplateOutlet]=\"optionTemplate || defaultItem\"\n [ngTemplateOutletContext]=\"{ $implicit: item, index: i }\"\n >\n </ng-container>\n\n <wac-tree [optionTemplate]=\"optionTemplate\" [items]=\"item.treeChildren\" *ngIf=\"item.treeChildren?.length\" [treeDepth]=\"treeDepth + 1\">\n <!-- Todo maybe pass child template -->\n\n </wac-tree>\n </li>\n </ul>\n</div>"
|
|
12
12
|
},] }
|
|
13
13
|
];
|
|
14
14
|
TreeComponent.ctorParameters = () => [];
|
|
15
15
|
TreeComponent.propDecorators = {
|
|
16
16
|
items: [{ type: Input }],
|
|
17
17
|
treeDepth: [{ type: Input }],
|
|
18
|
-
|
|
18
|
+
optionTemplate: [{ type: Input, args: ["optionTemplate",] }]
|
|
19
19
|
};
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RyZWUvdHJlZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBZ0IsS0FBSyxFQUF1QixNQUFNLGVBQWUsQ0FBQztBQVFwRixNQUFNLE9BQU8sYUFBYTtJQVN4QjtRQUpTLGNBQVMsR0FBVSxDQUFDLENBQUM7SUFJZCxDQUFDO0lBRWpCLFFBQVEsS0FBSyxDQUFDOzs7WUFoQmYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxVQUFVO2dCQUNwQiwwbUJBQWtDO2FBQ25DOzs7O29CQU1FLEtBQUs7d0JBQ0wsS0FBSzs2QkFDTCxLQUFLLFNBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBPbkluaXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZWN1cnNpZkR0bywgVHJlZUR0byB9IGZyb20gJy4vdHJlZS5kdG8nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YWMtdHJlZScsXG4gIHRlbXBsYXRlVXJsOiAndHJlZS5jb21wb25lbnQuaHRtbCdcbn0pXG5cbmV4cG9ydCBjbGFzcyBUcmVlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAvLyBodHRwczovL2luZGVwdGguZGV2L3Bvc3RzLzE0MDUvbmd0ZW1wbGF0ZW91dGxldFxuXG4gIEBJbnB1dCgpIGl0ZW1zOiggUmVjdXJzaWZEdG9bXSB8IFRyZWVEdG9bXSk7XG4gIEBJbnB1dCgpIHRyZWVEZXB0aDpudW1iZXIgPSAwO1xuICBASW5wdXQoXCJvcHRpb25UZW1wbGF0ZVwiKVxuICAgIG9wdGlvblRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKSB7IH1cbn0iXX0=
|
|
@@ -7,6 +7,8 @@ export class FormatObjectToRecursifTreePipe {
|
|
|
7
7
|
this.childrenProperties = childrenProperties;
|
|
8
8
|
const treeDepth = 0;
|
|
9
9
|
objectList.forEach(object => this.recursiveFormatObjectToRecursifTree(object, treeDepth));
|
|
10
|
+
console.log('objectList');
|
|
11
|
+
console.log(objectList);
|
|
10
12
|
return objectList;
|
|
11
13
|
}
|
|
12
14
|
recursiveFormatObjectToRecursifTree(object, treeDepth) {
|
|
@@ -17,7 +19,7 @@ export class FormatObjectToRecursifTreePipe {
|
|
|
17
19
|
object.hasTreeChrildren = false;
|
|
18
20
|
continue;
|
|
19
21
|
}
|
|
20
|
-
if (Array.isArray(object[childrenProperty])) {
|
|
22
|
+
if (!Array.isArray(object[childrenProperty])) {
|
|
21
23
|
throw `Property : "${childrenProperty}", is not an array. it could not be transform to a recursive list.`;
|
|
22
24
|
}
|
|
23
25
|
// Add treeChildren property filled with name children property
|
|
@@ -34,4 +36,4 @@ FormatObjectToRecursifTreePipe.decorators = [
|
|
|
34
36
|
name: 'formatObjectToRecursifTree'
|
|
35
37
|
},] }
|
|
36
38
|
];
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0LW9iamVjdC10by1yZWN1cnNpZi10cmVlLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9waXBlcy90cmVlL2Zvcm1hdC1vYmplY3QtdG8tcmVjdXJzaWYtdHJlZS5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBTXBELE1BQU0sT0FBTyw4QkFBOEI7SUFKM0M7UUFNSSx1QkFBa0IsR0FBYSxFQUFFLENBQUM7SUFvQ3RDLENBQUM7SUFsQ0csU0FBUyxDQUFDLFVBQWdCLEVBQUUsa0JBQTRCO1FBQ3BELElBQUksQ0FBQyxrQkFBa0IsR0FBRyxrQkFBa0IsQ0FBQztRQUM3QyxNQUFNLFNBQVMsR0FBRyxDQUFDLENBQUM7UUFFcEIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxtQ0FBbUMsQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQztRQUUxRixPQUFPLENBQUMsR0FBRyxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQzFCLE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDeEIsT0FBTyxVQUFVLENBQUM7SUFDdEIsQ0FBQztJQUVPLG1DQUFtQyxDQUFDLE1BQVcsRUFBRSxTQUFnQjtRQUNyRSxLQUFLLE1BQU0sZ0JBQWdCLElBQUksSUFBSSxDQUFDLGtCQUFrQixFQUFFO1lBRXBELE1BQU0sQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7WUFFL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsZ0JBQWdCLENBQUMsRUFBRTtnQkFDMUMsb0JBQW9CO2dCQUNwQixNQUFNLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDO2dCQUNoQyxTQUFTO2FBQ1o7WUFFRCxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxFQUFFO2dCQUMxQyxNQUFNLGVBQWUsZ0JBQWdCLG9FQUFvRSxDQUFDO2FBQzdHO1lBQ0QsK0RBQStEO1lBQy9ELE1BQU0sQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7WUFDL0Msb0VBQW9FO1lBQ3BFLElBQUksQ0FBQyxtQ0FBbUMsQ0FBQyxNQUFNLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUM7WUFDM0UsTUFBTTtTQUNUO1FBRUQsTUFBTSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7SUFDakMsQ0FBQzs7O1lBekNKLElBQUksU0FBQztnQkFDRixJQUFJLEVBQUUsNEJBQTRCO2FBQ3JDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AUGlwZSh7XG4gICAgbmFtZTogJ2Zvcm1hdE9iamVjdFRvUmVjdXJzaWZUcmVlJ1xufSlcblxuZXhwb3J0IGNsYXNzIEZvcm1hdE9iamVjdFRvUmVjdXJzaWZUcmVlUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuXG4gICAgY2hpbGRyZW5Qcm9wZXJ0aWVzOiBzdHJpbmdbXSA9IFtdO1xuXG4gICAgdHJhbnNmb3JtKG9iamVjdExpc3Q6YW55W10sIGNoaWxkcmVuUHJvcGVydGllczogc3RyaW5nW10pOiBhbnkge1xuICAgICAgICB0aGlzLmNoaWxkcmVuUHJvcGVydGllcyA9IGNoaWxkcmVuUHJvcGVydGllcztcbiAgICAgICAgY29uc3QgdHJlZURlcHRoID0gMDtcblxuICAgICAgICBvYmplY3RMaXN0LmZvckVhY2gob2JqZWN0ID0+IHRoaXMucmVjdXJzaXZlRm9ybWF0T2JqZWN0VG9SZWN1cnNpZlRyZWUob2JqZWN0LCB0cmVlRGVwdGgpKTtcblxuICAgICAgICBjb25zb2xlLmxvZygnb2JqZWN0TGlzdCcpO1xuICAgICAgICBjb25zb2xlLmxvZyhvYmplY3RMaXN0KTtcbiAgICAgICAgcmV0dXJuIG9iamVjdExpc3Q7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSByZWN1cnNpdmVGb3JtYXRPYmplY3RUb1JlY3Vyc2lmVHJlZShvYmplY3Q6IGFueSwgdHJlZURlcHRoOm51bWJlcik6IGFueSB7XG4gICAgICAgIGZvciAoY29uc3QgY2hpbGRyZW5Qcm9wZXJ0eSBvZiB0aGlzLmNoaWxkcmVuUHJvcGVydGllcykge1xuXG4gICAgICAgICAgICBvYmplY3QuaGFzVHJlZUNocmlsZHJlbiA9IHRydWU7XG5cbiAgICAgICAgICAgIGlmICghb2JqZWN0Lmhhc093blByb3BlcnR5KGNoaWxkcmVuUHJvcGVydHkpKSB7XG4gICAgICAgICAgICAgICAgLy8gTm8gbW9yZSBjaHJpbGRyZW5cbiAgICAgICAgICAgICAgICBvYmplY3QuaGFzVHJlZUNocmlsZHJlbiA9IGZhbHNlO1xuICAgICAgICAgICAgICAgIGNvbnRpbnVlO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBpZiAoIUFycmF5LmlzQXJyYXkob2JqZWN0W2NoaWxkcmVuUHJvcGVydHldKSkge1xuICAgICAgICAgICAgICAgIHRocm93IGBQcm9wZXJ0eSA6IFwiJHtjaGlsZHJlblByb3BlcnR5fVwiLCBpcyBub3QgYW4gYXJyYXkuIGl0IGNvdWxkIG5vdCBiZSB0cmFuc2Zvcm0gdG8gYSByZWN1cnNpdmUgbGlzdC5gO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gQWRkIHRyZWVDaGlsZHJlbiBwcm9wZXJ0eSBmaWxsZWQgd2l0aCBuYW1lIGNoaWxkcmVuIHByb3BlcnR5XG4gICAgICAgICAgICBvYmplY3QudHJlZUNoaWxkcmVuID0gb2JqZWN0W2NoaWxkcmVuUHJvcGVydHldO1xuICAgICAgICAgICAgLy8gY2FsbCB0aGlzIGZ1bmN0aW9uIHJlY3Vyc2l2ZWx5IHVudGlsIG5vIGNoaWxkcmVuIGNhbiBiZSBnZW5lcmF0ZWRcbiAgICAgICAgICAgIHRoaXMucmVjdXJzaXZlRm9ybWF0T2JqZWN0VG9SZWN1cnNpZlRyZWUob2JqZWN0LnRyZWVDaGlsZHJlbiwgdHJlZURlcHRoKyspO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgIH1cblxuICAgICAgICBvYmplY3QudHJlZURlcHRoID0gdHJlZURlcHRoO1xuICAgIH1cbn0iXX0=
|
|
@@ -26,7 +26,7 @@ export class FormatObjectToSimpleTreePipe {
|
|
|
26
26
|
object.hasTreeChrildren = false;
|
|
27
27
|
continue;
|
|
28
28
|
}
|
|
29
|
-
if (Array.isArray(object[property])) {
|
|
29
|
+
if (!Array.isArray(object[property])) {
|
|
30
30
|
throw `Property : "${property}", is not an array. it could not be transform to a recursive list.`;
|
|
31
31
|
}
|
|
32
32
|
// Add treeChildren property filled with name children property
|
|
@@ -42,4 +42,4 @@ FormatObjectToSimpleTreePipe.decorators = [
|
|
|
42
42
|
name: 'formatObjectToSimpleTree'
|
|
43
43
|
},] }
|
|
44
44
|
];
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0LW9iamVjdC10by1zaW1wbGUtdHJlZS5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvcGlwZXMvdHJlZS9mb3JtYXQtb2JqZWN0LXRvLXNpbXBsZS10cmVlLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFNcEQsTUFBTSxPQUFPLDRCQUE0QjtJQUp6QztRQU1ZLHVCQUFrQixHQUFhLEVBQUUsQ0FBQztRQUNsQyxvQkFBZSxHQUFhLEVBQUUsQ0FBQztJQTJDM0MsQ0FBQztJQXpDRyxTQUFTLENBQUMsVUFBZ0IsRUFBRSxrQkFBNEIsRUFBRSxlQUF5QjtRQUUvRSxJQUFJLENBQUMsa0JBQWtCLEdBQUcsa0JBQWtCLENBQUM7UUFDN0MsSUFBSSxDQUFDLGVBQWUsR0FBRyxlQUFlLENBQUM7UUFDdkMsTUFBTSxTQUFTLEdBQUcsQ0FBQyxDQUFDO1FBRXBCLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsaUNBQWlDLENBQUMsTUFBTSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUM7UUFFeEYsT0FBTyxVQUFVLENBQUM7SUFDdEIsQ0FBQztJQUVPLGlDQUFpQyxDQUFDLE1BQVcsRUFBRSxTQUFnQjtRQUNuRSxLQUFLLE1BQU0sUUFBUSxJQUFJLE1BQU0sRUFBRTtZQUUzQixJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxRQUFRLENBQUMsRUFBRTtnQkFDekQsU0FBUzthQUNaO1lBRUQsSUFBSSxJQUFJLENBQUMsZUFBZSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsRUFBRTtnQkFDekMsTUFBTSxDQUFDLFNBQVMsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQ3BDLFNBQVM7YUFDWjtZQUVELE1BQU0sQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7WUFFL0IsSUFBSSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLEVBQUU7Z0JBQzdDLG9CQUFvQjtnQkFDcEIsTUFBTSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztnQkFDaEMsU0FBUzthQUNaO1lBRUQsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLEVBQUU7Z0JBQ2xDLE1BQU0sZUFBZSxRQUFRLG9FQUFvRSxDQUFDO2FBQ3JHO1lBQ0QsK0RBQStEO1lBQy9ELE1BQU0sQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ3ZDLG9FQUFvRTtZQUNwRSxJQUFJLENBQUMsaUNBQWlDLENBQUMsTUFBTSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDO1lBQ3pFLE1BQU07U0FDVDtJQUNMLENBQUM7OztZQWpESixJQUFJLFNBQUM7Z0JBQ0YsSUFBSSxFQUFFLDBCQUEwQjthQUNuQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQFBpcGUoe1xuICAgIG5hbWU6ICdmb3JtYXRPYmplY3RUb1NpbXBsZVRyZWUnXG59KVxuXG5leHBvcnQgY2xhc3MgRm9ybWF0T2JqZWN0VG9TaW1wbGVUcmVlUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuXG4gICAgcHJpdmF0ZSBjaGlsZHJlblByb3BlcnRpZXM6IHN0cmluZ1tdID0gW107XG4gICAgcHJpdmF0ZSBsYWJlbFByb3BlcnRpZXM6IHN0cmluZ1tdID0gW107XG5cbiAgICB0cmFuc2Zvcm0ob2JqZWN0TGlzdDphbnlbXSwgY2hpbGRyZW5Qcm9wZXJ0aWVzOiBzdHJpbmdbXSwgbGFiZWxQcm9wZXJ0aWVzOiBzdHJpbmdbXSk6IGFueSB7XG5cbiAgICAgICAgdGhpcy5jaGlsZHJlblByb3BlcnRpZXMgPSBjaGlsZHJlblByb3BlcnRpZXM7XG4gICAgICAgIHRoaXMubGFiZWxQcm9wZXJ0aWVzID0gbGFiZWxQcm9wZXJ0aWVzO1xuICAgICAgICBjb25zdCB0cmVlRGVwdGggPSAwO1xuXG4gICAgICAgIG9iamVjdExpc3QuZm9yRWFjaChvYmplY3QgPT4gdGhpcy5yZWN1cnNpdmVGb3JtYXRPYmplY3RUb1NpbXBsZVRyZWUob2JqZWN0LCB0cmVlRGVwdGgpKTtcblxuICAgICAgICByZXR1cm4gb2JqZWN0TGlzdDtcbiAgICB9XG5cbiAgICBwcml2YXRlIHJlY3Vyc2l2ZUZvcm1hdE9iamVjdFRvU2ltcGxlVHJlZShvYmplY3Q6IGFueSwgdHJlZURlcHRoOm51bWJlcik6IGFueSB7XG4gICAgICAgIGZvciAoY29uc3QgcHJvcGVydHkgaW4gb2JqZWN0KSB7XG5cbiAgICAgICAgICAgIGlmICghT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKG9iamVjdCwgcHJvcGVydHkpKSB7XG4gICAgICAgICAgICAgICAgY29udGludWU7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGlmICh0aGlzLmxhYmVsUHJvcGVydGllcy5pbmNsdWRlcyhwcm9wZXJ0eSkpIHtcbiAgICAgICAgICAgICAgICBvYmplY3QudHJlZUxhYmVsID0gb2JqZWN0W3Byb3BlcnR5XTtcbiAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgb2JqZWN0Lmhhc1RyZWVDaHJpbGRyZW4gPSB0cnVlO1xuXG4gICAgICAgICAgICBpZiAoIXRoaXMuY2hpbGRyZW5Qcm9wZXJ0aWVzLmluY2x1ZGVzKHByb3BlcnR5KSkge1xuICAgICAgICAgICAgICAgIC8vIE5vIG1vcmUgY2hyaWxkcmVuXG4gICAgICAgICAgICAgICAgb2JqZWN0Lmhhc1RyZWVDaHJpbGRyZW4gPSBmYWxzZTtcbiAgICAgICAgICAgICAgICBjb250aW51ZTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgaWYgKCFBcnJheS5pc0FycmF5KG9iamVjdFtwcm9wZXJ0eV0pKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgYFByb3BlcnR5IDogXCIke3Byb3BlcnR5fVwiLCBpcyBub3QgYW4gYXJyYXkuIGl0IGNvdWxkIG5vdCBiZSB0cmFuc2Zvcm0gdG8gYSByZWN1cnNpdmUgbGlzdC5gO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gQWRkIHRyZWVDaGlsZHJlbiBwcm9wZXJ0eSBmaWxsZWQgd2l0aCBuYW1lIGNoaWxkcmVuIHByb3BlcnR5XG4gICAgICAgICAgICBvYmplY3QudHJlZUNoaWxkcmVuID0gb2JqZWN0W3Byb3BlcnR5XTtcbiAgICAgICAgICAgIC8vIGNhbGwgdGhpcyBmdW5jdGlvbiByZWN1cnNpdmVseSB1bnRpbCBubyBjaGlsZHJlbiBjYW4gYmUgZ2VuZXJhdGVkXG4gICAgICAgICAgICB0aGlzLnJlY3Vyc2l2ZUZvcm1hdE9iamVjdFRvU2ltcGxlVHJlZShvYmplY3QudHJlZUNoaWxkcmVuLCB0cmVlRGVwdGgrKyk7XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgfVxuICAgIH1cbn0iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { NwbFilterRoutingBuilder, NwbAllModule } from '@wizishop/ng-wizi-bulma';
|
|
2
|
-
import { Component, ViewEncapsulation, Input, EventEmitter, Output, Directive, HostListener, ɵɵdefineInjectable, ɵɵinject, ComponentFactoryResolver, ApplicationRef, INJECTOR, Injectable, Injector, ElementRef, Renderer2, NgModule, ViewChild, Pipe, Inject
|
|
2
|
+
import { Component, ViewEncapsulation, Input, EventEmitter, Output, Directive, HostListener, ɵɵdefineInjectable, ɵɵinject, ComponentFactoryResolver, ApplicationRef, INJECTOR, Injectable, Injector, ElementRef, Renderer2, NgModule, ViewChild, Pipe, Inject } from '@angular/core';
|
|
3
3
|
import { CommonModule, DOCUMENT } from '@angular/common';
|
|
4
4
|
import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
5
5
|
import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
|
|
@@ -3307,14 +3307,14 @@ class TreeComponent {
|
|
|
3307
3307
|
TreeComponent.decorators = [
|
|
3308
3308
|
{ type: Component, args: [{
|
|
3309
3309
|
selector: 'wac-tree',
|
|
3310
|
-
template: "<div *ngFor=\"let item of items; index as i\" [ngClass]=\"['treeDepth-' + treeDepth]\">\n <ul>\n <li>\n\n <ng-template #defaultItem>\n {{ item?.treeLabel }}\n </ng-template>\n\n <ng-container\n [ngTemplateOutlet]=\"
|
|
3310
|
+
template: "<div *ngFor=\"let item of items; index as i\" [ngClass]=\"['treeDepth-' + treeDepth]\">\n <ul>\n <li>\n\n <ng-template #defaultItem>\n {{ item?.treeLabel }}\n </ng-template>\n\n <ng-container\n [ngTemplateOutlet]=\"optionTemplate || defaultItem\"\n [ngTemplateOutletContext]=\"{ $implicit: item, index: i }\"\n >\n </ng-container>\n\n <wac-tree [optionTemplate]=\"optionTemplate\" [items]=\"item.treeChildren\" *ngIf=\"item.treeChildren?.length\" [treeDepth]=\"treeDepth + 1\">\n <!-- Todo maybe pass child template -->\n\n </wac-tree>\n </li>\n </ul>\n</div>"
|
|
3311
3311
|
},] }
|
|
3312
3312
|
];
|
|
3313
3313
|
TreeComponent.ctorParameters = () => [];
|
|
3314
3314
|
TreeComponent.propDecorators = {
|
|
3315
3315
|
items: [{ type: Input }],
|
|
3316
3316
|
treeDepth: [{ type: Input }],
|
|
3317
|
-
|
|
3317
|
+
optionTemplate: [{ type: Input, args: ["optionTemplate",] }]
|
|
3318
3318
|
};
|
|
3319
3319
|
|
|
3320
3320
|
class FormatObjectToRecursifTreePipe {
|
|
@@ -3325,6 +3325,8 @@ class FormatObjectToRecursifTreePipe {
|
|
|
3325
3325
|
this.childrenProperties = childrenProperties;
|
|
3326
3326
|
const treeDepth = 0;
|
|
3327
3327
|
objectList.forEach(object => this.recursiveFormatObjectToRecursifTree(object, treeDepth));
|
|
3328
|
+
console.log('objectList');
|
|
3329
|
+
console.log(objectList);
|
|
3328
3330
|
return objectList;
|
|
3329
3331
|
}
|
|
3330
3332
|
recursiveFormatObjectToRecursifTree(object, treeDepth) {
|
|
@@ -3335,7 +3337,7 @@ class FormatObjectToRecursifTreePipe {
|
|
|
3335
3337
|
object.hasTreeChrildren = false;
|
|
3336
3338
|
continue;
|
|
3337
3339
|
}
|
|
3338
|
-
if (Array.isArray(object[childrenProperty])) {
|
|
3340
|
+
if (!Array.isArray(object[childrenProperty])) {
|
|
3339
3341
|
throw `Property : "${childrenProperty}", is not an array. it could not be transform to a recursive list.`;
|
|
3340
3342
|
}
|
|
3341
3343
|
// Add treeChildren property filled with name children property
|
|
@@ -3380,7 +3382,7 @@ class FormatObjectToSimpleTreePipe {
|
|
|
3380
3382
|
object.hasTreeChrildren = false;
|
|
3381
3383
|
continue;
|
|
3382
3384
|
}
|
|
3383
|
-
if (Array.isArray(object[property])) {
|
|
3385
|
+
if (!Array.isArray(object[property])) {
|
|
3384
3386
|
throw `Property : "${property}", is not an array. it could not be transform to a recursive list.`;
|
|
3385
3387
|
}
|
|
3386
3388
|
// Add treeChildren property filled with name children property
|