[ADF-3259] [ADF-3363] e2e login and card metadata (#3612)

* remember me

* add login component e2e test

* add success route test

* add change logo check

* redirect url after logout e2e

* move redirection test in a separate file

* login component tslint

* cardview e2e

* fix login test

* add test case number

* move version test in a separate file

* clean unused elements

* metadata part 1

* tslint fix

* fix metadata test

* remove fit

* fix formatting file viewerPage

* multi propety test

* metadata and login improvements

* fix data automation fix

* metadata permission e2e

* fix tslint problems

* improve selector

* stabilize search component test

* stabilize test step 1

* fix tag test
add config timeout

* tentative

* delay after download

* change meatdata test

* stabilize metadata

* use smaller file for not extension related test

* stabilize test step 2

* exclude failing test

* timeout fix

* split in multiple task e2e

* trick travis

* trigger build

* fix command issue

* fix save screenshot

* fix run subfolder

* test timeout increase

demo-shell/src/app/components/card-view/card-view.component.ts

@@ -26,6 +26,7 @@ import {
     CardViewKeyValuePairsItemModel,
     CardViewSelectItemModel,
     CardViewUpdateService,
+    CardViewMapItemModel,
     UpdateNotification
 } from '@alfresco/adf-core';
 import { of } from 'rxjs/observable/of';
@@ -38,78 +39,89 @@ export class CardViewComponent implements OnInit {
 
     @ViewChild('console') console: ElementRef;
 
+    isEditable = true;
     properties: any;
     logs: string[];
 
     constructor(private cardViewUpdateService: CardViewUpdateService) {
         this.logs = [];
+        this.createCard();
+    }
+
+    ngOnInit() {
+        this.cardViewUpdateService.itemUpdated$.subscribe(this.onItemChange.bind(this));
+    }
+
+    createCard() {
         this.properties = [
             new CardViewTextItemModel({
                 label: 'CardView Text Item',
                 value: 'Spock',
                 key: 'name',
-                default: 'default bar' ,
+                default: 'default bar',
                 multiline: false,
                 icon: 'icon',
-                editable: true
+                editable: this.isEditable
             }),
             new CardViewDateItemModel({
                 label: 'CardView Date Item',
-                value: new Date(),
-                key: 'date-of-birth',
-                default: new Date(),
+                value: new Date(1983, 11, 24, 10, 0, 30),
+                key: 'date',
+                default: new Date(1983, 11, 24, 10, 0, 30),
                 format: 'DD.MM.YYYY',
-                editable: true
+                editable: this.isEditable
             }),
             new CardViewDatetimeItemModel({
                 label: 'CardView Datetime Item',
-                value: new Date(),
-                key: 'datetime-of-birth',
-                default: new Date(),
+                value: new Date(1983, 11, 24, 10, 0, 0),
+                key: 'datetime',
+                default: new Date(1983, 11, 24, 10, 0, 0),
                 format: 'DD.MM.YYYY',
-                editable: true
+                editable: this.isEditable
             }),
             new CardViewBoolItemModel({
                 label: 'CardView Boolean Item',
                 value: true,
-                key: 'vulcanian',
+                key: 'boolean',
                 default: false,
-                editable: true
+                editable: this.isEditable
             }),
             new CardViewIntItemModel({
                 label: 'CardView Int Item',
                 value: 213,
-                key: 'intelligence',
+                key: 'int',
                 default: 1,
-                editable: true
+                editable: this.isEditable
             }),
             new CardViewFloatItemModel({
                 label: 'CardView Float Item',
                 value: 9.9,
-                key: 'mental-stability',
+                key: 'float',
                 default: 0.0,
-                editable: true
+                editable: this.isEditable
             }),
             new CardViewKeyValuePairsItemModel({
                 label: 'CardView Key-Value Pairs Item',
                 value: [],
                 key: 'key-value-pairs',
-                editable: true
+                editable: this.isEditable
             }),
             new CardViewSelectItemModel({
                 label: 'CardView Select Item',
                 value: 'one',
                 options$: of([{ key: 'one', label: 'One' }, { key: 'two', label: 'Two' }]),
                 key: 'select',
-                editable: true
+                editable: this.isEditable
+            }),
+            new CardViewMapItemModel({
+                label: 'My map',
+                value: new Map([['999', 'My Value']]),
+                key: 'map',
+                default: 'default map value'
             })
         ];
     }
 
-    ngOnInit() {
-        this.cardViewUpdateService.itemUpdated$.subscribe(this.onItemChange.bind(this));
-    }
-
     onItemChange(notification: UpdateNotification) {
         let value = notification.changed[notification.target.key];
 
@@ -120,4 +132,15 @@ export class CardViewComponent implements OnInit {
         this.logs.push(`[${notification.target.label}] - ${value}`);
         this.console.nativeElement.scrollTop = this.console.nativeElement.scrollHeight;
     }
+
+    toggleEditable() {
+        this.isEditable = !this.isEditable;
+        this.createCard();
+    }
+
+    reset() {
+        this.isEditable = true;
+        this.createCard();
+        this.logs = [];
+    }
 }