[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-form/src/components/widgets/dynamic-table/dynamic-table.widget.html

@@ -1,23 +1,21 @@
-<div class="dynamic-table-widget {{field.className}}"
-    [class.dynamic-table-widget__invalid]="!isValid()" *ngIf="field?.isVisible">
-    <div class="dynamic-table-widget__label">{{content.name}}</div>
+<div class="{{field.className}}"
+    [class.adf-invalid]="!isValid()" *ngIf="field?.isVisible">
+    <div class="adf-label">{{content.name}}<span *ngIf="isRequired()">*</span></div>
 
     <div *ngIf="!editMode">
-        <div class="dynamic-table-widget__table-container">
-            <table class="mdl-data-table mdl-js-data-table dynamic-table-widget__table" id="dynamic-table-{{content.id}}">
+        <div class="adf-table-container">
+            <table class="full-width adf-dynamic-table" id="dynamic-table-{{content.id}}">
                 <thead>
                     <tr>
-                        <th *ngFor="let column of content.visibleColumns"
-                            class="mdl-data-table__cell--non-numeric">
+                        <th *ngFor="let column of content.visibleColumns">
                             {{column.name}}
                         </th>
                     </tr>
                 </thead>
                 <tbody>
                     <tr *ngFor="let row of content.rows; let idx = index" tabindex="0" id="{{content.id}}-row-{{idx}}"
-                        [class.dynamic-table-widget__row-selected]="row.selected" (keyup)="onKeyPressed($event, row)">
+                        [class.adf-dynamic-table-widget__row-selected]="row.selected" (keyup)="onKeyPressed($event, row)">
                         <td *ngFor="let column of content.visibleColumns"
-                            class="mdl-data-table__cell--non-numeric"
                             (click)="onRowClicked(row)">
                             {{ getCellValue(row, column) }}
                         </td>
@@ -26,28 +24,29 @@
             </table>
         </div>
 
-        <div class="dynamic-table-widget__buttons" *ngIf="!readOnly">
-            <button class="mdl-button mdl-js-button mdl-button--icon"
+        <div *ngIf="!readOnly">
+            <button md-button
                     [disabled]="!hasSelection()"
                     (click)="moveSelectionUp()">
                 <i class="material-icons">arrow_upward</i>
             </button>
-            <button class="mdl-button mdl-js-button mdl-button--icon"
+            <button md-button
                     [disabled]="!hasSelection()"
                     (click)="moveSelectionDown()">
                 <i class="material-icons">arrow_downward</i>
             </button>
-            <button class="mdl-button mdl-js-button mdl-button--icon"
+            <button md-button
+                    [disabled]="field.readOnly"
                     id="{{content.id}}-add-row"
                     (click)="addNewRow()">
                 <i class="material-icons">add_circle_outline</i>
             </button>
-            <button class="mdl-button mdl-js-button mdl-button--icon"
+            <button md-button
                     [disabled]="!hasSelection()"
                     (click)="deleteSelection()">
                 <i class="material-icons">remove_circle_outline</i>
             </button>
-            <button class="mdl-button mdl-js-button mdl-button--icon"
+            <button md-button
                     [disabled]="!hasSelection()"
                     (click)="editSelection()">
                 <i class="material-icons">edit</i>
@@ -62,7 +61,5 @@
         (save)="onSaveChanges()"
         (cancel)="onCancelChanges()">
      </row-editor>
-
-     <div class="dynamic-table-widget__summary">{{content?.field.validationSummary}}</div>
-
+    <error-widget [error]="field.validationSummary" ></error-widget>
 </div>