[ADF-1841] Content Metadata first iteration (#2666)

* First try

* Small layout changes

* Add pipe support for CardViewTextItemModel

* property service

* Additional stuff

* Make CardViewUpdateService smarter

* Content metadata saving

* Rebase fix

* CardView Style fixes

* Fix core and content-services tests

* Fix CardView text item update UX

lib/core/models/card-view-textitem.model.spec.ts

@@ -0,0 +1,78 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { PipeTransform } from '@angular/core';
+import { CardViewTextItemModel, CardViewTextItemProperties } from './card-view-textitem.model';
+
+class TestPipe implements PipeTransform {
+    transform(value: string, pipeParam: string): string {
+        const paramPostFix = pipeParam ? `-${pipeParam}` : '';
+        return `testpiped-${value}${paramPostFix}`;
+    }
+}
+
+describe('CardViewTextItemModel', () => {
+
+    let properties: CardViewTextItemProperties;
+
+    beforeEach(() => {
+        properties = {
+            label: 'Tribe',
+            value: 'Banuk',
+            key: 'tribe'
+        };
+    });
+
+    describe('displayValue', () => {
+
+        it('should return the extension if file has it', () => {
+            const file = new CardViewTextItemModel(properties);
+
+            expect(file.displayValue).toBe('Banuk');
+        });
+
+        it('should apply a pipe on the value if it is present', () => {
+            properties.pipes = [
+                { pipe: new TestPipe() }
+            ];
+            const file = new CardViewTextItemModel(properties);
+
+            expect(file.displayValue).toBe('testpiped-Banuk');
+        });
+
+        it('should apply a pipe on the value with parameters if those are present', () => {
+            properties.pipes = [
+                { pipe: new TestPipe(), params: ['withParams'] }
+            ];
+            const file = new CardViewTextItemModel(properties);
+
+            expect(file.displayValue).toBe('testpiped-Banuk-withParams');
+        });
+
+        it('should apply more pipes on the value with parameters if those are present', () => {
+            const pipe: PipeTransform = new TestPipe();
+            properties.pipes = [
+                { pipe, params: ['1'] },
+                { pipe, params: ['2'] },
+                { pipe, params: ['3'] }
+            ];
+            const file = new CardViewTextItemModel(properties);
+
+            expect(file.displayValue).toBe('testpiped-testpiped-testpiped-Banuk-1-2-3');
+        });
+    });
+});

lib/core/models/card-view-textitem.model.ts

@@ -23,24 +23,41 @@
  * @returns {CardViewTextItemModel} .
  */
 
+import { PipeTransform } from '@angular/core';
 import { CardViewItem } from '../interface/card-view-item.interface';
 import { DynamicComponentModel } from '../services/dynamic-component-mapper.service';
 import { CardViewBaseItemModel, CardViewItemProperties } from './card-view-baseitem.model';
 
+export interface CardViewTextItemPipeProperty {
+    pipe: PipeTransform;
+    params?: Array<any>;
+}
 export interface CardViewTextItemProperties extends CardViewItemProperties {
     multiline?: boolean;
+    pipes?: Array<CardViewTextItemPipeProperty>;
 }
 export class CardViewTextItemModel extends CardViewBaseItemModel implements CardViewItem, DynamicComponentModel {
     type: string = 'text';
-    multiline: boolean;
+    multiline?: boolean;
+    pipes?: Array<CardViewTextItemPipeProperty>;
 
     constructor(obj: CardViewTextItemProperties) {
         super(obj);
         this.multiline = !!obj.multiline ;
+        this.pipes = obj.pipes || [];
     }
 
     get displayValue() {
-        return this.value;
+        return this.applyPipes(this.value);
     }
 
+    private applyPipes(displayValue) {
+        if (this.pipes.length) {
+            displayValue = this.pipes.reduce((accumulator, { pipe, params }) => {
+                return pipe.transform(accumulator, ...params);
+            }, displayValue);
+        }
+
+        return displayValue;
+    }
 }