[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

demo-shell-ng2/app/components/about/about.component.css

@@ -4,5 +4,7 @@
 
 .adf-table-version {
     width: 60%;
+    border: 0;
+    border-spacing: 0;
     text-align: center;
 }

demo-shell-ng2/app/components/about/about.component.html

@@ -1,20 +1,21 @@
 <div class="about-container">
-
     <h3>Server settings</h3>
-    <small>The values below are taken from the AppConfigService and loaded from the '{{ configFile }}' file.</small>
-    <div>
-        Alfresco Process Services URL: <strong>{{ bpmHost }}</strong>
-    </div>
-
-    <div>
-        Alfresco Content Services URL: <strong>{{ ecmHost }}</strong>
-    </div>
+    <md-list>
+        <small>The values below are taken from the AppConfigService and loaded from the '{{ configFile }}' file.</small>
+        <md-list-item>
+            <h4 md-line> Alfresco Process Services URL: {{ bpmHost }}</h4>
+        </md-list-item>
+        <md-divider></md-divider>
+        <md-list-item>
+            <h4 md-line>Alfresco Content Services URL: {{ ecmHost }}</h4>
+        </md-list-item>
+    </md-list>
 
     <h3>Product Versions</h3>
     <div *ngIf="bpmVersion">
         <h3>BPM</h3>
-        <label> Edition </label>
-        <p> {{ bpmVersion.edition }}</p>
+        <label> Edition </label> {{ bpmVersion.edition }}
+        <p></p>
         <table border="2" class="adf-table-version">
             <tr>
                 <th>Major Version</th>
@@ -32,10 +33,10 @@
     </div>
     <div *ngIf="ecmVersion">
         <h3>ECM</h3>
-        <label> Edition </label>
-        <p> {{ ecmVersion.edition }}</p>
-        <label> Version </label>
-        <p> {{ ecmVersion.version.display }}</p>
+        <label> Edition </label> {{ ecmVersion.edition }}
+        <p></p>
+        <label> Version </label> {{ ecmVersion.version.display }}
+        <p></p>
         <h4>License</h4>
         <table border="2" class="adf-table-version">
             <tr>
@@ -105,7 +106,6 @@
         </div>
     </div>
 
-
     <h3>Packages</h3>
     <small>Current project is using the following ADF libraries:</small>
     <alfresco-datatable [data]="data"></alfresco-datatable>

demo-shell-ng2/app/vendor.ts

@@ -37,9 +37,6 @@ import 'ng2-alfresco-webscript';
 require('script-loader!dialog-polyfill/dialog-polyfill');
 import 'dialog-polyfill/dialog-polyfill.css';
 
-// Load the Angular Material 2 stylesheet
-import '@angular/material/prebuilt-themes/indigo-pink.css';
-
 // Google Material Design Lite
 import 'material-design-icons/iconfont/material-icons.css';
 import 'material-design-lite/dist/material.orange-blue.min.css';

demo-shell-ng2/config/webpack.common.js

@@ -46,6 +46,7 @@ module.exports = {
             },
             {
                 test: /\.html$/,
+                include: [helpers.root('app'), helpers.root('../ng2-components')],
                 loader: 'html-loader',
                 exclude: [/node_modules/, /public/, /resources/, /dist/]
             },
@@ -63,7 +64,8 @@ module.exports = {
                 loader: 'raw-loader'
             },
             {
-                test: /\.component.scss$/,
+                test: /\.scss$/,
+                include: [helpers.root('app'), helpers.root('../ng2-components')],
                 use: [{
                     loader: "to-string-loader"
                 }, {
@@ -73,7 +75,8 @@ module.exports = {
                     options: {
                         includePaths: [path.resolve(__dirname, '../../ng2-components/ng2-alfresco-core/styles')]
                     }
-                }]
+                }],
+                exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },
             {
                 test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,