[ADF-3275] Select CardView item (#3530)

* Select card view item

* package json fix

* package json fix

* console.log removed

* Usage of generic

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

@@ -0,0 +1,46 @@
+/*!
+ * @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 { async } from '@angular/core/testing';
+import { CardViewSelectItemModel } from './card-view-selectitem.model';
+import { CardViewSelectItemProperties } from '../interfaces/card-view.interfaces';
+import { of } from 'rxjs/observable/of';
+
+describe('CardViewSelectItemModel', () => {
+    let properties: CardViewSelectItemProperties;
+    const mockData = [{ key: 'one', label: 'One' }, { key: 'two', label: 'Two' }, { key: 'three', label: 'Three' }];
+
+    beforeEach(() => {
+        properties = {
+            label: 'Select box label',
+            value: 'two',
+            options$: of(mockData),
+            key: 'key',
+            editable: true
+        };
+    });
+
+    describe('displayValue', () => {
+        it('should return the value if it is present', async(() => {
+            const itemModel = new CardViewSelectItemModel(properties);
+
+            itemModel.displayValue.subscribe(value => {
+                expect(value).toBe(mockData[1].label);
+            });
+        }));
+    });
+});

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

@@ -0,0 +1,44 @@
+/*!
+ * @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 { CardViewItem } from '../interfaces/card-view-item.interface';
+import { DynamicComponentModel } from '../../services/dynamic-component-mapper.service';
+import { CardViewBaseItemModel } from './card-view-baseitem.model';
+import { CardViewSelectItemProperties, CardViewSelectItemOption } from '../interfaces/card-view.interfaces';
+import { Observable } from 'rxjs/Observable';
+import { switchMap } from 'rxjs/operators';
+import { of } from 'rxjs/observable/of';
+
+export class CardViewSelectItemModel<T> extends CardViewBaseItemModel implements CardViewItem, DynamicComponentModel {
+    type: string = 'select';
+    options$: Observable<CardViewSelectItemOption<T>[]>;
+
+    constructor(obj: CardViewSelectItemProperties<T>) {
+        super(obj);
+
+        this.options$ = obj.options$;
+    }
+
+    get displayValue() {
+        return this.options$.pipe(
+            switchMap(options => {
+                const option = options.find(o => o.key === this.value);
+                return of(option ? option.label : '');
+            })
+        );
+    }
+}

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

@@ -24,3 +24,4 @@ export * from './card-view-intitem.model';
 export * from './card-view-mapitem.model';
 export * from './card-view-textitem.model';
 export * from './card-view-keyvaluepairs.model';
+export * from './card-view-selectitem.model';