[ADF-852] Form style Material 2 (#2151)

* mdl2 transition part form 1

* hyperlink

* radio buttons

* label

* people component

* [ADF-852] moved textarea to new angular material

* number widget

* change error multiline

* [ADF-852] added md desgin for dropdown

* [ADF-852] removed unused css file

* functional widget

* error dropdown

* [ADF-852] - changed to new md date

* remove md-date-time-picker dependency in ng2-alfresco-from

* [ADF-852] conversion dynamic table phase 1

* container widget

* remove test unused

* validation change

* [ADF-852] convert dynamic table phase 2

* [ADF-852] improving style and fixing bugs

* move custom style for form in form.scss

* error footer refactor

* fix models and test

* [ADF-852]- fixed minor twitch on dynamic table

* align fields and fix tests dropdown

* disabling button in readonly
clean mdl form start process form

* align dropdown

* [ADF-1048] Upload widget can manage multiple files. (#2134)

* [ADF-1048] improving upload widget

* [ADF-1048] added ability to upload multiple file on upload widget

* [ADF-1048] added multiple upload elements on upload widget

* [ADF-1048] - show all the files on the completed form

* [ADF-1048] fixed wrong selecion on displya upload

* [ADF-1048] removed fdescribe from upload widget

* date validation and custom moment data adapter

* move content widget in the widget folder

* add style fields and theming

* color primary radio and checkbox

* fix amount widget and colors

* change ViewEncapsulation and fix date style button issue

* empty form customization 1736

* focus label style

* [ADF-224] fix the rendering of custom stencils when form is opened in readonly state. (#2161)

* [ADF-224] Fixed rendering of custom stencil in readonly mode

* [ADF-224] improved variable name

* test fix

* container filter in form model creation

* show display value correctly

* fix change date and test

* fix date editor and add some test coverage for date

* style minor issue

* fix new unused local import rule

* fix test date

* strict date check

* fix analytics failing test

* restore null as default in model

* unify model diagrams and analytics

ng2-components/ng2-activiti-processlist/src/components/processlist.component.html

@@ -1,28 +1,26 @@
 <div *ngIf="!requestNode">{{ 'FILTERS.MESSAGES.NONE' | translate }}</div>
 <div *ngIf="requestNode">
-    <div>
-        <adf-datatable
-            [data]="data"
-            [loading]="isLoading"
-            (rowClick)="onRowClick($event)">
-            <loading-content-template>
-                <ng-template>
-                    <!--Add your custom loading template here-->
-                    <md-progress-spinner
+    <adf-datatable
+        [data]="data"
+        [loading]="isLoading"
+        (rowClick)="onRowClick($event)">
+        <loading-content-template>
+            <ng-template>
+                <!--Add your custom loading template here-->
+                <md-progress-spinner
                     class="adf-process-list-loading-margin"
                     [color]="'primary'"
                     [mode]="'indeterminate'">
-                    </md-progress-spinner>
-                </ng-template>
-            </loading-content-template>
-            <no-content-template>
-                <!--Add your custom empty template here-->
-                <ng-template>
-                    <div class="no-content-message">
-                        {{ 'PROCESSLIST.NONE' | translate }}
-                    </div>
-                </ng-template>
-            </no-content-template>
-        </adf-datatable>
-    </div>
+                </md-progress-spinner>
+            </ng-template>
+        </loading-content-template>
+        <no-content-template>
+            <!--Add your custom empty template here-->
+            <ng-template>
+                <div class="no-content-message">
+                    {{ 'PROCESSLIST.NONE' | translate }}
+                </div>
+            </ng-template>
+        </no-content-template>
+    </adf-datatable>
 </div>

ng2-components/ng2-activiti-processlist/src/components/start-process.component.html

@@ -25,4 +25,3 @@
 		<button md-button (click)="cancelStartProcess()" id="cancle_process" class=""> {{'START_PROCESS.FORM.ACTION.CANCEL'| translate}} </button>
 		<button md-button *ngIf="!hasStartForm()" [disabled]="!validateForm()" (click)="startProcess()" data-automation-id="btn-start" id="button-start" class="btn-start"> {{'START_PROCESS.FORM.ACTION.START' | translate}} </button>
 	</md-card-actions>
-</md-card>

ng2-components/ng2-activiti-processlist/src/components/start-process.component.ts

@@ -26,7 +26,7 @@ import { ProcessService } from './../services/process.service';
 @Component({
     selector: 'adf-start-process, activiti-start-process',
     templateUrl: './start-process.component.html',
-    styleUrls: ['./start-process.component.css']
+    styleUrls: ['./start-process.component.scss']
 })
 export class StartProcessInstanceComponent implements OnChanges {
 

ng2-components/ng2-activiti-processlist/src/models/filter-process.model.ts

@@ -32,13 +32,15 @@ export class FilterProcessRepresentationModel {
     index: number;
 
     constructor(obj?: any) {
-        this.id = obj && obj.id || null;
-        this.appId = obj && obj.appId || null;
-        this.name = obj && obj.name || null;
-        this.recent = obj && obj.recent || false;
-        this.icon = obj && obj.icon || null;
-        this.filter = obj && obj.filter || null;
-        this.index = obj && obj.index;
+        if (obj) {
+            this.id = obj.id || null;
+            this.appId = obj.appId || null;
+            this.name = obj.name || null;
+            this.recent = !!obj.recent;
+            this.icon = obj.icon || null;
+            this.filter = obj.filter || null;
+            this.index = obj.index;
+        }
     }
 
     hasFilter() {
@@ -59,9 +61,9 @@ export class FilterParamsModel {
     index: number;
 
     constructor(obj?: any) {
-        this.id = obj && obj.id || null;
-        this.name = obj && obj.name || null;
-        this.index = obj && obj.index;
+        this.id = obj.id || null;
+        this.name = obj.name || null;
+        this.index = obj.index;
     }
 }
 
@@ -77,7 +79,7 @@ export class ProcessFilterParamRepresentationModel {
     sort: string;
 
     constructor(obj?: any) {
-        this.state = obj && obj.state || null;
-        this.sort = obj && obj.sort || null;
+        this.state = obj.state || null;
+        this.sort = obj.sort || null;
     }
 }