[ADF-4023] Demo-shell - Fix pagination in tasks list (#4372)

* in progress

* C277002 - Role Site Dropdown automated.

* C277002 - Role Site Dropdown automated.

* async updates

* async updates

* in progress

* fixed errors

* Fixing tests

* fixed errors

.dockerignore

@@ -1,12 +1,26 @@
 .git
 .github
 .vscode
+assets
 coverage
 docs
 e2e
+e2e-output
 node_modules
 scripts
 src
 lib
 integration
-/demo-shell/config/
+tools
+demo-shell/src/
+demo-shell/resources/
+/angular.json
+/desktop.ini
+/cspell.json
+/.travis.yml
+/CODE_OF_CONDUCT.md
+/.stylelintignore
+/ALFRESCOCORS.md
+/CONTRIBUTING.md
+/appveyor.yml
+/BROWSER-SUPPORT.md

.gitignore

@@ -4,6 +4,7 @@ bundles
 workspace.xml
 .idea/
 dist/
+tmp
 e2e-output/
 e2e/downloads/
 ng2-components/coverage/
@@ -29,3 +30,5 @@ src/environments/
 /docs/sourceinfo
 /docs/docs.json
 /protractorFailuresReport
+coverage/
+/desktop.ini

.stylelintignore

@@ -0,0 +1 @@
+_theming.scss

.travis.yml

@@ -1,3 +1,6 @@
+git:
+  depth: 3
+  quiet: true
 language: node_js
 dist: trusty
 sudo: required
@@ -5,6 +8,27 @@ node_js:
  # Use the explicit NodeJS LTS version 8.9.4 to avoid any automatic upgrade of the version.
   - '8.9.4'
 
+install:
+    echo "no install"
+
+branches:
+  only:
+  - master
+  - development
+  - /.*beta.*/
+  - /.*greenkeeper.*/
+
+# TRAVIS_PULL_REQUEST == false means is running on dev branch and is not a PR
+stages:
+  - name: Warm Up Cache
+    if: branch = master
+  - name: Warm Up Cache & Lint & Build Dist
+    if: branch != master
+  - name: Unit test
+  - name: e2e Test
+  - name: Create Docker PR
+  - name: Deploy Docker PR
+
 addons:
     chrome: stable
 before_script:
@@ -20,101 +44,151 @@ before_install:
 jobs:
     include:
         - stage: Warm Up Cache
-          script:  if ([ "$TRAVIS_BRANCH" = "master" ]); then
-                (./scripts/npm-build-all.sh  || exit 1;);
-            else
-                (./scripts/npm-build-all.sh  -vjsapi alpha -sb --skip-lint || exit 1;);
+          script:
+          - ./scripts/npm-build-all.sh || exit 1
+        - stage: Warm Up Cache & Lint & Build Dist
+          script:
+          - ./scripts/update-version.sh -gnu -alpha || exit 1
+          - npm install
+          - ./scripts/lint.sh || exit 1
+          - npm run spellcheck || exit 1
+          - npm run stylelint || exit 1
+          - rm -rf tmp && (./scripts/smart-build.sh -b $TRAVIS_BRANCH || exit 1;);
+          - npm run build:dist || exit 1
+          - ./scripts/license-list-generator.sh
+        - stage: Unit test
+          name: core
+          script:
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b -gnu $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "core$" || $TRAVIS_PULL_REQUEST == "false" ]];
+            then
+                ng test core --watch=false || exit 1;
             fi
-        - stage: Lint
-          script:  (./scripts/lint.sh)
         - stage: Unit test
-          env: STAGE=core
-          script:  (./scripts/npm-build-all.sh -si -sb -t "core" --skip-lint || exit 1;);
+          name: extensions
+          script:
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b -gnu $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "extensions$" || $TRAVIS_PULL_REQUEST == "false"  ]];
+            then
+                ng test extensions --watch=false || exit 1;
+            fi
         - stage: Unit test
-          env: STAGE=extensions
-          script:  (./scripts/npm-build-all.sh -si -sb -t "extensions" --skip-lint || exit 1;);
+          name: process-services
+          script:
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b -gnu $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "process-services$" || $TRAVIS_PULL_REQUEST == "false"  ]];
+            then
+                ng test process-services --watch=false || exit 1;
+            fi
         - stage: Unit test
-          env: STAGE=process-services
-          script: (./scripts/npm-build-all.sh -si -sb -t "process-services" --skip-lint|| exit 1;);
+          name: insights
+          script:
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b -gnu $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "insights$" || $TRAVIS_PULL_REQUEST == "false"  ]];
+            then
+                ng test insights --watch=false || exit 1;
+            fi
         - stage: Unit test
-          env: STAGE=insights
-          script:  (./scripts/npm-build-all.sh -si -sb -t "insights" --skip-lint || exit 1;);
+          name: content-services
+          script:
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b -gnu $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "content-services$" || $TRAVIS_PULL_REQUEST == "false"  ]];
+            then
+                ng test content-services --watch=false || exit 1;
+            fi
         - stage: Unit test
-          env: STAGE=content-services
-          script:  (./scripts/npm-build-all.sh -si -sb -t "content-services" --skip-lint|| exit 1;);
+          name: process-services-cloud
+          script:
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b -gnu $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "process-services-cloud$" || $TRAVIS_PULL_REQUEST == "false"  ]];
+            then
+                ng test process-services-cloud --watch=false || exit 1;
+            fi
         - stage: Unit test
-          env: STAGE=demo-shell
+          name: demo-shell
           script:   if ([ "$TRAVIS_BRANCH" = "master" ]); then
                             (./scripts/start.sh -t -ss || exit 1;);
                        else
                             (./scripts/start.sh -dev -t -ss -vjsapi alpha || exit 1;);
                     fi
-        - stage: Packaging test
-          script:  (npm run build-lib || exit 1;) && node ./scripts/upload-build-lib-in-cs.js -u "$E2E_USERNAME"  -p "$E2E_PASSWORD" --host "$E2E_HOST" -f $TRAVIS_BUILD_NUMBER
         - stage: Update children projects dependency #Update generator-ng2-alfresco-app
+          name: Update Generator
           if: tag =~ .*beta.*
           script: ./scripts/update-project.sh -gnu -t $GITHUB_TOKEN -n generator-ng2-alfresco-app
         - stage: Update children projects dependency # Test Update alfresco-content-app
+          name: Update ACA
           if: tag =~ .*beta.*
           script: ./scripts/update-project.sh -gnu -t $GITHUB_TOKEN -n alfresco-content-app
         - stage: Update children projects dependency # Test Update adf-app-manager-ui
+          name: Update adf-app-manager-ui
           if: tag =~ .*beta.*
           script: ./scripts/update-project.sh -gnu -t $GITHUB_TOKEN -n adf-app-manager-ui
-        - stage: Update children projects dependency # Test Update aalfresco-ng2-components
+        - stage: Update children projects dependency # Test Update alfresco-ng2-components
+          name: Update alfresco-ng2-components
           if: tag =~ .*beta.*
           script: ./scripts/update-project.sh -gnu -t $GITHUB_TOKEN -n alfresco-ng2-components
         - stage: Update children projects dependency # Test Update alfresco-modeler-app
+          name: Update alfresco modeler app
           if: tag =~ .*beta.*
           script: ./scripts/update-project.sh -gnu -t $GITHUB_TOKEN -n alfresco-modeler-app
-        - stage: Create Shell dist
-          script: rm -rf ./node_modules/@alfresco; node ./scripts/download-build-lib-in-cs.js -u "$E2E_USERNAME"  -p "$E2E_PASSWORD" --host "$E2E_HOST" -f $TRAVIS_BUILD_NUMBER || exit 1; npm run build:dist || exit 1; node ./scripts/upload-build-in-cs.js -u "$E2E_USERNAME"  -p "$E2E_PASSWORD" --host "$E2E_HOST" -f  $TRAVIS_BUILD_NUMBER || exit 1
         - stage: e2e Test # Test core
-          env: STAGE=core
-          script: node ./scripts/download-build-in-cs.js --username "$E2E_USERNAME" --password "$E2E_PASSWORD" --host "$E2E_HOST" --folder $TRAVIS_BUILD_NUMBER; ./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b -save --folder core --skip-lint --use-dist --timeout 7000
+          name: core
+          script:
+            AFFECTED_E2E="$(./scripts/affected-folder.sh -b $TRAVIS_BRANCH -f "e2e")";
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -gnu -b $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "core$" || $AFFECTED_E2E = "e2e" || $TRAVIS_PULL_REQUEST == "false"  ]];
+            then
+                (./scripts/test-e2e-lib.sh -host localhost:4200 --host_sso "$E2E_HOST_SSO" --host_bpm "$E2E_HOST_BPM" --host_identity "$E2E_HOST_IDENTITY" -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b --folder core --skip-lint --use-dist || exit 1;);
+            fi
         - stage: e2e Test # Test process-services
-          env: STAGE=process-services
-          script: node ./scripts/download-build-in-cs.js --username "$E2E_USERNAME" --password "$E2E_PASSWORD" --host "$E2E_HOST" --folder $TRAVIS_BUILD_NUMBER; ./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b -save --folder process-services --skip-lint --use-dist --timeout 7000
+          name: process-services
+          script:
+            AFFECTED_E2E="$(./scripts/affected-folder.sh -b $TRAVIS_BRANCH -f "e2e")";
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -gnu -b $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "process-services$" || $AFFECTED_E2E = "e2e" || $TRAVIS_PULL_REQUEST == "false"  ]];
+            then
+                (./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b --folder process-services --skip-lint --use-dist || exit 1;);
+            fi
         - stage: e2e Test # Test content-services
-          env: STAGE=content-services
-          script: node ./scripts/download-build-in-cs.js --username "$E2E_USERNAME" --password "$E2E_PASSWORD" --host "$E2E_HOST" --folder $TRAVIS_BUILD_NUMBER; ./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b -save --folder content-services --skip-lint --use-dist --timeout 7000
+          name: content-services
+          script:
+            AFFECTED_E2E="$(./scripts/affected-folder.sh -b $TRAVIS_BRANCH -f "e2e")";
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -gnu -b $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "content-services$" || $AFFECTED_E2E = "e2e" || $TRAVIS_PULL_REQUEST == "false"  ]];
+            then
+                (./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b --folder content-services --skip-lint --use-dist || exit 1;);
+            fi
+        - stage: e2e Test # Test search
+          name: search
+          script:
+            AFFECTED_E2E="$(./scripts/affected-folder.sh -b $TRAVIS_BRANCH -f "e2e")";
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b -gnu $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "content-services$" || $AFFECTED_E2E = "e2e" || $TRAVIS_PULL_REQUEST == "false"  ]];
+            then
+                (./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b --folder search --skip-lint --use-dist  || exit 1;);
+            fi
+        - stage: e2e Test # Test process-services-cloud
+          name: process-services-cloud
+          script:
+            AFFECTED_E2E="$(./scripts/affected-folder.sh -b $TRAVIS_BRANCH -f "e2e")";
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b -gnu $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "process-services-cloud$" || $AFFECTED_E2E = "e2e" || $TRAVIS_PULL_REQUEST == "false"  ]];
+            then
+                (./scripts/test-e2e-lib.sh -host localhost:4200 --host_sso "$E2E_HOST_SSO" --host_bpm "$E2E_HOST_BPM" --host_identity "$E2E_HOST_IDENTITY" -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b --folder process-services-cloud --skip-lint --use-dist  || exit 1;);
+            fi
         - stage: e2e Test # Test insights
-          env: STAGE=insights
-          script: node ./scripts/download-build-in-cs.js --username "$E2E_USERNAME" --password "$E2E_PASSWORD" --host "$E2E_HOST" --folder $TRAVIS_BUILD_NUMBER; ./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b -save --folder insights --skip-lint --use-dist --timeout 7000
-        - stage: Test Update version 2.0.0
-          if: branch = development
-          env: STAGE=test-BC
-          script: ./scripts/test-e2e-bc.sh -b $TRAVIS_BUILD_NUMBER
-        - stage: Test Update version 2.0.0
-          env: STAGE=test-export
-          script: npm run test-export
+          name: insights
+          script:
+            AFFECTED_E2E="$(./scripts/affected-folder.sh -b $TRAVIS_BRANCH -f "e2e")";
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b -gnu $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "process-services-cloud$" || $AFFECTED_E2E = "e2e" || $TRAVIS_PULL_REQUEST == "false"  ]];
+            then
+                (./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b --folder insights --skip-lint --use-dist  || exit 1;);
+            fi
         - stage: Create Docker PR
-          script: node ./scripts/download-build-in-cs.js --username "$E2E_USERNAME" --password "$E2E_PASSWORD" --host "$E2E_HOST" --folder $TRAVIS_BUILD_NUMBER --base-href $TRAVIS_BUILD_NUMBER -n $TRAVIS_BUILD_NUMBER && (./scripts/pr-publish.sh -n $TRAVIS_BUILD_NUMBER -r $REPO_DOCKER -u $USERNAME_DOCKER -p $PASSWORD_DOCKER || exit 1)
+          script: node ./scripts/move-dist-folder.js --base-href $TRAVIS_BUILD_NUMBER && (./scripts/pr-publish.sh -n $TRAVIS_BUILD_NUMBER -r $REPO_DOCKER -u $USERNAME_DOCKER -p $PASSWORD_DOCKER || exit 1)
         - stage: Deploy Docker PR
-          script: node ./scripts/pr-deploy.js -n $TRAVIS_BUILD_NUMBER -u $RANCHER_TOKEN -p $RANCHER_SECRET -s $REPO_RANCHER --image "docker:$REPO_DOCKER/adf/demo-shell:$TRAVIS_BUILD_NUMBER" --env $ENVIRONMENT_NAME -r $ENVIRONMENT_URL || exit 1
-
-# jobs:
-#   include:
-#     - stage: Publish alpha to NPM
-#       before_install: skip
-#       install: skip
-#       script: skip
-#       deploy:
-#         provider: script
-#         script: (./scripts/update-version.sh -v $(./scripts/next_version.sh)-$(git rev-parse HEAD) -vj $(npm view alfresco-js-api@alpha version) -gnu) && (./scripts/npm-publish.sh -r $NPM_REGISTRY_ADDRESS -token $NPM_REGISTRY_TOKEN -t alpha --sleep 20 || exit 1;);
-#         on:
-#           branch: development
-#         skip_cleanup: true
-#     - stage: Publish beta to NPM
-#       before_install: skip
-#       install: skip
-#       script: skip
-#       deploy:
-#         provider: script
-#         script: (./scripts/update-version.sh -v $TRAVIS_TAG -gnu) && (./scripts/npm-publish.sh -r $NPM_REGISTRY_ADDRESS -token $NPM_REGISTRY_TOKEN -t beta --sleep 20 || exit 1;);
-#         on:
-#           tags: true
-#         skip_cleanup: true
-
+          script: node --no-deprecation ./scripts/pr-deploy.js -n $TRAVIS_BUILD_NUMBER -u $RANCHER_TOKEN -p $RANCHER_SECRET -s $REPO_RANCHER --image "docker:$REPO_DOCKER/adf/demo-shell:$TRAVIS_BUILD_NUMBER" --env $ENVIRONMENT_NAME -r $ENVIRONMENT_URL || exit 1
 
 # Send coverage data to codecov
 after_success:
@@ -124,3 +198,5 @@ after_success:
 cache:
   directories:
   - node_modules
+  - demo-shell/dist
+  - tmp

.vscode/settings.json

@@ -19,5 +19,10 @@
     "MD033": false,
     "MD031": false
   },
-  "cSpell.words": ["mincount", "webscript"]
+  "stylelint.enable": true,
+  "css.validate": false,
+  "scss.validate": false,
+  "stylelint.config": {
+      "extends": "./stylelint-config"
+  }
 }

ALFRESCOCORS.md

@@ -1,25 +1,30 @@
 # CORS solving strategies
 
-The web client that we are building with the application development framework will be loaded from a different web server than the Alfresco Platform is running on.
-So we need to tell the Alfresco server that any request that comes in from this custom web client should be allowed access 
-to the Content Repository. This is done by enabling CORS.
+A web client built with ADF typically won't be loaded from the same web server that the Alfresco Platform is running on.
+This means you need to tell the Alfresco server explicitly that any request coming in from this custom web client should be allowed access 
+to the Content Repository. This is done by enabling
+[Cross Origin Resource Sharing](https://en.wikipedia.org/wiki/Cross-origin_resource_sharing)
+(CORS).
 
-If you are experiencing this kind of problem, see  **one of the following**:
+If you are experiencing this kind of problem, use **one of the following approaches**,
+depending on your setup:
 
 1. [Configure Webpack Proxy](#configure-webpack-proxy) 
 2. [Configure angular-cli Proxy](#configure-angular-cli-proxy)
 3. [Configure nginx proxy](#configure-nginx-proxy)
 4. [Enable CORS in CS and PS](#configure-webpack-proxy)
 
-# Configure Webpack Proxy
+## Configure Webpack Proxy
+
+If you are using a project created with the [Yeoman Generator](https://github.com/Alfresco/generator-ng2-alfresco-app) or the demo shell (>=1.6.0), you already have
+a suitable configuration out of the box in your `config/webpack.common.js` file.
 
-If you are using a project created with the [Yeoman Generator](https://github.com/Alfresco/generator-ng2-alfresco-app) or the demo shell >=1.6.0, you have already out of the box in your `config/webpack.common.js` the following configuration. 
 Say we have an app running on http://localhost:3000/ and we want to redirect all calls with the following strategy:
 
 * Content Service http://localhost:8080/  redirect to -> http://localhost:3000/ecm/ 
 * Process Service http://localhost:9999/  redirect to -> http://localhost:3000/bpm/ 
 
-Open the `config/webpack.common.js` file, find the `devServer`  section and add the content:
+Open the `config/webpack.common.js` file, find the `devServer` section and add the content:
 
 ```javascript
 devServer: {
@@ -55,18 +60,21 @@ devServer: {
 ```
 
 Notes:
-- With different configuration of webpack the `devServer` properties could be in other webpack files. Search in your configuration files
+
+- With a different configuration of webpack, the `devServer` properties could be in other webpack files. Search your configuration files to find the correct location.
 
 - If you are running the App, Content Service or Process Service on different ports change the ports accordingly in your local configuration.
+
 For further details about how to configure a webpack proxy please refer to the [official documentation](https://webpack.js.org/configuration/dev-server/#devserver-proxy).
 
-# Configure angular-cli Proxy
+## Configure angular-cli Proxy
+
 Say we have an app running on http://localhost:3000/ and we want to redirect all the calls with the following strategy:
 
 * Content Service http://localhost:8080/  redirect to -> http://localhost:3000/ecm/ 
 * Process Service http://localhost:9999/  redirect to -> http://localhost:3000/bpm/ 
 
-Create a file next to project's `package.json`, call it `proxy.conf.json` and add the following content:
+Create a file next to the project's `package.json`, call it `proxy.conf.json` and add the following content:
 
 ```javascript
 {
@@ -93,36 +101,37 @@ Create a file next to project's `package.json`, call it `proxy.conf.json` and ad
 }
 ```
 
-Note if you are running the App, Content Service or Process Service on different ports change the ports accordingly in your local configuration.
+Note that if you are running the App, Content Service or Process Service on different ports, you should change the ports accordingly in your local configuration.
+
 For further details about how to configure a webpack proxy please refer to the [official documentation](https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/proxy.md).
 
 
-# Configure nginx proxy
+## Configure nginx proxy
 
-## Installing nginx
+### Installing nginx
 
 Most Linux distributions will come with nginx available to install via your
 package manager and on Mac OS you can use [Homebrew](http://brew.sh/).
 
-If you want to install manually however, you can follow the instructions on the
+If you want to install manually, you can follow the instructions on the
 [download page](http://nginx.org/en/download.html). See also the specific information for
-[windows users](http://nginx.org/en/docs/windows.html).
+[Windows users](http://nginx.org/en/docs/windows.html).
 
-### Start nginx
+#### Start nginx
 
 Start nginx using the supplied configuration in [nginx.conf](nginx.conf)
 
     nginx -c nginx.conf
 
-### Review nginx configuration
+#### Review nginx configuration
 
-To correctly configure nginx use the following file [nginx.conf](/nginx.conf).
+To correctly configure nginx, use the [nginx.conf](nginx.conf) file in the project root folder.
 This will host Activiti, Alfresco and the app dev framework under the same origin.
 
 * ECM : http://localhost:8888/alfresco/
 * BPM : http://localhost:8888/activiti/
 
-To make everything work, you should change the address of the ECM and BPM. In the demo app you can do that by clicking on the top right settings menu and change the bottom left options: *ECM host* and *BPM host*.
+To make everything work, you should change the address of ECM and BPM. In the demo app you can do that by clicking on the top right settings menu and changing the bottom left options: *ECM host* and *BPM host*.
 
 This configuration assumes a few things:
 
@@ -132,30 +141,31 @@ This configuration assumes a few things:
   * Alfresco: localhost:8080
   * Activiti: localhost:9999
 
-All those values can be modified at their respective `location` directive on the [nginx.conf](/nginx.conf) file.
+You can modify all these values at their respective `location` directive in the
+[nginx.conf](/nginx.conf) file.
 
-If you want to know more on how to install and configure nginx to work with the Application Development Framework, information can be found [here](https://community.alfresco.com/community/application-development-framework/blog/2016/09/28/adf-development-set-up-with-nginx-proxy)
+See the [Alfresco community page](https://community.alfresco.com/community/application-development-framework/blog/2016/09/28/adf-development-set-up-with-nginx-proxy) about using nginx with ADF for further information.
 
+## Enable CORS in CS and PS
 
-# Enable CORS in CS and PS
-
-If you want to completely enable CORS calls on your Content Service and Process Service, please refer to the following Alfresco documents:
+If you want to completely enable CORS calls in your Content Services and Process Services,
+please refer to the following Alfresco documents:
 
 * [Enable Cross Origin Resource Sharing (CORS) in Alfresco Process Services](http://docs.alfresco.com/process-services1.6/topics/enabling-cors.html)
 
 * Enable Cross Origin Resource Sharing (CORS) in Alfresco Content Services 
 
-This is the easiest way, add the [enablecors](https://artifacts.alfresco.com/nexus/service/local/repositories/releases/content/org/alfresco/enablecors/1.0/enablecors-1.0.jar) 
-platform module JAR to the *$ALF_INSTALL_DIR/modules/platform* directory and restart the server.
+The easiest approach is to add the [enablecors](https://artifacts.alfresco.com/nexus/service/local/repositories/releases/content/org/alfresco/enablecors/1.0/enablecors-1.0.jar) 
+platform module JAR to the `$ALF_INSTALL_DIR/modules/platform` directory and restart the server.
 
-Note. by default, the CORS filter that is enabled will allow any origin.
- 
-Or - Manually update the web.xml file
+Note that, by default, the CORS filter that is enabled will allow any origin.
 
-Modify *$ALF_INSTALL_DIR/tomcat/webapps/alfresco/WEB-INF/web.xml* and uncomment the following section and update 
-`cors.allowOrigin` to `http://localhost:3000` :
+Alternatively, you can update the `web.xml` file manually.
 
-```
+Modify `$ALF_INSTALL_DIR/tomcat/webapps/alfresco/WEB-INF/web.xml` and uncomment the following section and update 
+`cors.allowOrigin` to `http://localhost:3000`:
+
+```xml
 <filter>
       <filter-name>CORS</filter-name>
       <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>
@@ -189,11 +199,11 @@ Modify *$ALF_INSTALL_DIR/tomcat/webapps/alfresco/WEB-INF/web.xml* and uncomment
       </init-param>
 </filter>
 ```
-When specifying the `cors.allowOrigin` URL make sure to use the URL that will be used by the web client. 
+When specifying the `cors.allowOrigin` URL, make sure that you use the URL that will be used by the web client. 
 
-Then uncomment filter mappings:
+Then uncomment the filter mappings:
 
-``` 
+```xml
 <filter-mapping>
       <filter-name>CORS</filter-name>
       <url-pattern>/api/*</url-pattern>

BROWSER-SUPPORT.md

@@ -1,6 +1,6 @@
 # Browser Support
 
-Browser support and polyfills guide.
+This page gives a guide to Browser support and polyfills.
 
 Browser compatibility and support depends on targeted browsers and 3rd party libraries. ADF is based on the following libraries and components:
 
@@ -50,4 +50,5 @@ ADF (demo shell) imports by default the following set of recommended polyfills:
 <link rel="stylesheet" type="text/css" href="node_modules/dialog-polyfill/dialog-polyfill.css" />
 ```
 
-For a complete code please refer to [demo shell](demo-shell/index.html) example.
+See the [demo shell](demo-shell/index.html) example project for
+further information and source code.

CONTRIBUTING.md

@@ -6,21 +6,21 @@
 
 ## Submitting a Pull Request (PR)
 
-Before you submit please follow the steps below: 
+Before you submit a pull request please follow the steps below: 
 
 * Search in  [GitHub PR](https://github.com/Alfresco/alfresco-ng2-components/pulls) for an open or closed PR
   that could solve or already solves your issue.
-* Search in the [GitHub release history](https://github.com/Alfresco/alfresco-ng2-components/releases) if your
+* Search in the [GitHub release history](https://github.com/Alfresco/alfresco-ng2-components/releases) to see if your
   issue has already been solved in a new version of ADF.
-* Fork our repository - [if you don't know how to do it read this GitHub document](https://help.github.com/articles/creating-a-pull-request-from-a-fork/)
-* Make your changes in a new git branch starting from development and following the [naming convention](https://github.com/Alfresco/alfresco-ng2-components/wiki/Branching-Strategy)
+* Fork our repository (if you don't know how to do this, read [this GitHub document](https://help.github.com/articles/creating-a-pull-request-from-a-fork/)).
+* Make your changes in a new git branch starting from development and following our [naming convention](https://github.com/Alfresco/alfresco-ng2-components/wiki/Branching-Strategy)
 
      ```shell
      git checkout -b dev-{developerName}-{GitIssuedId/JiraIssueId} development
      ```
 
 * Create your PR **including appropriate test cases** following the [code contribution acceptance criteria](https://github.com/Alfresco/alfresco-ng2-components/wiki/Code-contribution-acceptance-criteria)
-* Run the tests and make sure they are green. Please don't comment out or exclude the already existing tests
+* Run the tests and make sure they are green. Please don't comment out or exclude the tests that are already in place.
 * Commit your change using the [commit format message good practice](https://github.com/Alfresco/alfresco-ng2-components/wiki/Commit-format)
 * Push your branch to GitHub:
 
@@ -40,20 +40,23 @@ Before you submit please follow the steps below:
     git rebase development -i
     git push -f
     ```
-Note: If you need more information about how to sync your fork, see [here](https://help.github.com/articles/syncing-a-fork/)
+Note: If you need more information about how to sync your fork, see [this page](https://help.github.com/articles/syncing-a-fork/).
 
 ## Code style
 
-The code style in the ADF code follows the [Angular style guide](https://angular.io/guide/styleguide) plus some internal rules.
+The code style for ADF follows the [Angular style guide](https://angular.io/guide/styleguide) plus some internal rules.
 You don’t have to worry too much about those rules because they are automatically checked by tslint/codelyzer/adf-rules.
-If your code is not compliant to one of these rules you will receive an error when you build the project with some help on how to fix it.
-The ADF-Rules :
+If your code is not compliant with one of these rules you will see an error when you build the project along with some help on how to fix it.
+
+The ADF-Rules are as follows:
+
 * File name component/directive cannot start with Alfresco/Activiti/adf - this rule is to help developers find files easily
 * Class names cannot start with Alfresco/Activiti/adf for the same reason as above
-* scss is mandatory. All the classes need to have the adf- prefix
+* scss is mandatory. All the classes need to have the `adf-` prefix
 
 ## Test guide
-In ADF we are encouraging the use of behavior-driven development (BDD)
+
+In ADF, we encourage the use of behavior-driven development (BDD).
 
 ### General guidelines
 
@@ -63,16 +66,16 @@ In ADF we are encouraging the use of behavior-driven development (BDD)
 
 ### File name
 
-* The file name specification as to be the same of the component/service/pipe it test plus the .spec. suffix
-* The specification file has to be in the same folder of the component/service/pipe it test
+* The file name specification must be the same as the component/service/pipe it tests plus the .spec. suffix.
+* The specification file must be in the same folder as the component/service/pipe it tests.
 
 ### Describer Name
 
 * The Main describer of the test should be the name of the class under test
-* The sub describe is used for grouping related behavior test. Do not over use it
+* The sub describe is used for grouping related behavior test. Do not overuse it.
 
 ### Test Name
 
 Any test should follow the naming convention:
 
-[Should] [ ***Expected Behavior** ] [when/after/before] [ ***State Under Test*** ].
+[Should] [ ***Expected Behavior*** ] [when/after/before] [ ***State Under Test*** ].

INTRODUCTION.md

@@ -1,22 +1,21 @@
 # Introduction to the Alfresco Application Development Framework
 
-The Alfresco application development framework is based on the [Angular framework](https://angular.io/).
-The framework is provided by Alfresco to make it easy to build custom web applications that 
-should manage and view content in the [Alfresco Platform Repository](http://docs.alfresco.com/5.1/concepts/content-repo-about.html) in a custom way.
+The Alfresco Application Development Framework (ADF) is based on the [Angular framework](https://angular.io/).
+ADF is provided by Alfresco to make it easy to build custom web applications to manage and view content in the [Alfresco Platform Repository](https://docs.alfresco.com/5.2/concepts/content-repo-about.html).
 
-As you probably know, there is a general user interface called [Alfresco Share](http://docs.alfresco.com/5.1/concepts/gs-intro.html) available out-of-the-box. 
-Share is usually used as a quick way of getting started with content management with Alfresco. It gives you access to pretty much all
-the features provided by the Alfresco ECM system. And a lot of customers customize it for their specific domain.
+As you probably know, there is a general user interface called [Alfresco Share](https://docs.alfresco.com/5.2/concepts/gs-intro.html) available out-of-the-box. 
+Share is usually used as a quick way of getting started with content management in Alfresco. It gives you access to pretty much all
+the features provided by the ACS system and a lot of customers customize it for their specific domain.
 
-However, there are use-cases that Share does not fit very well, such as:
+However, there are use cases that Share does not fit very well, such as:
 
 - Feature-based clients, exposing functionality to perform a specific task(s)
 - Role-based clients, exposing functionality based on role 
 - Clients where the UI layout and style differs significantly from the Share layout and styling
 - [Mashup clients](http://whatis.techtarget.com/definition/mash-up)
 
-This is where this application development framework comes into play, it can be used to create exactly the user interface 
-(i.e. web client) that the requirements demand.  
+This is where ADF comes into play. You can use it to create exactly the user interface 
+(i.e. web client) that you require.  
  
 The framework consists of several libraries that can be used to form a customized content management application. The available libraries are:
 
@@ -26,10 +25,10 @@ The framework consists of several libraries that can be used to form a customize
 - [Insights](lib/insights/README.md)
 
 
-You can browse all the components at the
+You can browse documentation for all the components at the
 [ADF Component Catalog](https://alfresco.github.io/adf-component-catalog/).
 
-An architecture overview looks like this:
+An overview of the architecture is shown below:
 
 <p align="center">
   <img title="alfresco-angular-components-architecture" alt='alfresco' src='assets/alfresco-app-dev-framework-architecture.png'></img>

PREREQUISITES.md

@@ -1,27 +1,11 @@
 # Prerequisites for building and running apps with the Alfresco Application Development Framework
 
-The [Angular](https://angular.io/) based application development framework requires the following:
+See our tutorial
+[Preparing the development environment](docs/tutorials/preparing-environment.md)
+for full details of what you need to install before using ADF.
 
-- An Alfresco Platform Repository (version [201609 Early Access](https://community.alfresco.com/docs/DOC-6372-alfresco-community-edition-file-list-201609-ea) or newer) 
-- [Download and install the process service](https://www.alfresco.com/products/bpm/alfresco-activiti/trial)
-- [Node.js](https://nodejs.org/en/) JavaScript runtime.
-- [npm](https://www.npmjs.com/) package manager for JavaScript.
-- (If you use CS and PS together) Make sure your user has the same username and password in both system
-- [If you are experiencing CORS problem read this guide](/ALFRESCOCORS.md)
-
-*Note: Default username for activiti is "admin@app.activiti.com" and "admin" for Alfresco, and also the default password are different. Change them to be equal.*
-
-**Verify that you are running at least node `v5.x.x` and npm `3.x.x`**
-by running `node -v` and `npm -v` in a terminal/console window.
-Older versions produce errors.
-
-## Installing Node.js
-
-If you don't have Node.js installed then access this [page](https://nodejs.org/en/download/) and use the appropriate installer for your OS.
-
-Make sure the Node.js version is > 5:
-
-```
-$ node -v
-v5.12.0
-```
+If you experience [CORS](https://en.wikipedia.org/wiki/Cross-origin_resource_sharing)
+issues then you should also read our
+[CORS guide](ALFRESCOCORS.md)
+to see the full range of solutions available.
+ 

README.md

@@ -1,4 +1,4 @@
-# ALFRESCO ANGULAR COMPONENTS
+# Alfresco Application Development Framework (ADF)
 
 [![Codacy Badge](https://api.codacy.com/project/badge/Grade/d9eb873741da403bb3284778102372e7)](https://www.codacy.com/app/Alfresco/alfresco-ng2-components?utm_source=github.com&utm_medium=referral&utm_content=Alfresco/alfresco-ng2-components&utm_campaign=badger)
 [![Join the chat at https://gitter.im/Alfresco/alfresco-ng2-components](https://badges.gitter.im/Alfresco/alfresco-ng2-components.svg)](https://gitter.im/Alfresco/alfresco-ng2-components?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
@@ -8,10 +8,6 @@
     <img src='https://travis-ci.org/Alfresco/alfresco-ng2-components.svg?branch=master'  alt='travis
     Status' />
   </a>
-  <a title='Build Status AppVeyor' href="https://ci.appveyor.com/project/alfresco/alfresco-ng2-components">
-    <img src='https://ci.appveyor.com/api/projects/status/github/Alfresco/alfresco-ng2-components'  alt='travis
-    Status' />
-  </a>
   <a href='https://codecov.io/gh/Alfresco/alfresco-ng2-components'>
     <img src='http://img.shields.io/codecov/c/github/Alfresco/alfresco-ng2-components/master.svg?maxAge=2592000' alt='Coverage Status' />
   </a>
@@ -22,60 +18,40 @@
 
 ## Introduction
 
-See the following [page](INTRODUCTION.md) for an introduction to the Alfresco Application Development Framework.
+See the [Introduction page](INTRODUCTION.md) to get started with the Alfresco Application Development Framework.
 
 ## Prerequisites
 
-Before you start using this development framework, make sure you have installed all required software and done all the 
-necessary configuration, see this [page](PREREQUISITES.md).
+Before you start using this development framework, make sure you have installed all required software and done all the necessary configuration. See our tutorial
+[Preparing the development environment](docs/tutorials/preparing-environment.md)
+for full details.
 
 ## Components
 
-To view the sources of all components that you can use to build your custom Alfresco (Content Services or Process Services) client follow this link:
-[Components](/lib).
+You can find the sources for all ADF components in the
+[`lib`](/lib) folder.
 
-You can browse all the components at the [ADF Component Catalog](https://alfresco.github.io/adf-component-catalog/).
+Full documentation for all components is available at the
+[ADF Component Catalog](https://alfresco.github.io/adf-component-catalog/).
 
 ## Demo Application
 
-A separate application showcasing integration of components can be found [here](https://github.com/Alfresco/alfresco-ng2-components/tree/master/demo-shell).
-
-You will find examples of basic interaction for both BPM and ECM sets of widgets.
+A separate application showcasing integration of components can be found
+[here](https://github.com/Alfresco/alfresco-ng2-components/tree/master/demo-shell).
+The app has examples of basic interaction for both APS and ACS components.
 
 ## Yeoman generators
 
-To speed up the development of your Alfresco Angular application, or Alfresco Angular component, use one of the Yeoman generators. 
-
-These generators will create a full working project with all the right libraries and tools.
+To speed up the development of your ADF application, use the 
+[Yeoman Generator](https://github.com/Alfresco/generator-ng2-alfresco-app).
+This will create a full working project with all the right libraries and tools.
 
 <p align="center">
   <img title="yeoman generator" src='https://github.com/yeoman/media/blob/master/optimized/yeoman-150x150-opaque.png' alt='yeoman logo'  />
 </p>
 
-### Generate an Alfresco web component starter project
-
-To generate your Alfresco Angular component you can use the following Yeoman generator:
-
-- [Yeoman Generator Angular Alfresco component](https://github.com/Alfresco/generator-ng2-alfresco-component)
-
-
-### Generate an Alfresco web application starter project
-
-To generate your Alfresco Angular application you can use the following Yeoman generator:
-
-- [Yeoman Generator Angular Alfresco application](https://github.com/Alfresco/generator-ng2-alfresco-app)
-
-## Amazon AWS Elastic Beanstalk fast deploy
-
-<p align="center">
-    <img alt="AmazonWebservices Logo.svg" src="https://upload.wikimedia.org/wikipedia/commons/1/1d/AmazonWebservices_Logo.svg" width="250" height="94">
-</p>
-
-To deploy directly on your AWS instance our demo shell click the button below:
-
-<a title="Deploy to AWS" href="https://console.aws.amazon.com/elasticbeanstalk/home?region=us-west-2#/newApplication?applicationName=Alfresco&solutionStackName=Node.js&tierName=WebServer&sourceBundleUrl=https://s3-us-west-2.amazonaws.com/elasticbeanstalk-us-west-2-677901592050/ADF_1.0.zip" target="_blank"><img src="http://d0.awsstatic.com/product-marketing/Elastic%20Beanstalk/deploy-to-aws.png" height="40"></a>
-
 ## Browser Support
+
 All components are supported in the following browsers:
 
 |**Browser**   	   |**Version**   	|
@@ -86,6 +62,7 @@ All components are supported in the following browsers:
 |Edge       	   |13, 14     	    |
 |Internet Explorer |11     	        |
 
-* Due to a [Firefox known issue](https://bugzilla.mozilla.org/show_bug.cgi?id=1188880), the Alfresco Upload Component does not currently support folder upload functionality on Firefox.    
+* Due to a [known issue](https://bugzilla.mozilla.org/show_bug.cgi?id=1188880) in Firefox, the Alfresco Upload Component does not currently support folder upload functionality on Firefox.    
+
+See the [Browser Support](BROWSER-SUPPORT.md) article for more details. 
 
-Please refer to the [Browser Support](BROWSER-SUPPORT.md) article for more details. 

angular.json

@@ -1,7 +1,7 @@
 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "version": 1,
-  "newProjectRoot": "projects",
+  "newProjectRoot": "lib",
   "projects": {
     "dist": {
       "root": "demo-shell",
@@ -56,6 +56,11 @@
                 "input": "node_modules/@alfresco/adf-process-services/bundles/assets",
                 "output": "/assets"
               },
+              {
+                "glob": "**/*",
+                "input": "node_modules/@alfresco/adf-process-services-cloud/bundles/assets",
+                "output": "/assets"
+              },
               {
                 "glob": "**/*",
                 "input": "node_modules/@alfresco/adf-content-services/bundles/assets",
@@ -174,6 +179,11 @@
                 "input": "node_modules/@alfresco/adf-process-services/bundles/assets",
                 "output": "/assets"
               },
+              {
+                "glob": "**/*",
+                "input": "node_modules/@alfresco/adf-process-services-cloud/bundles/assets",
+                "output": "/assets"
+              },
               {
                 "glob": "**/*",
                 "input": "node_modules/@alfresco/adf-content-services/bundles/assets",
@@ -267,6 +277,11 @@
                 "input": "lib/process-services/assets",
                 "output": "/assets"
               },
+              {
+                "glob": "**/*",
+                "input": "lib/process-services-cloud/assets",
+                "output": "/assets"
+              },
               {
                 "glob": "**/*",
                 "input": "lib/content-services/assets",
@@ -287,6 +302,11 @@
                 "input": "lib/process-services/i18n",
                 "output": "/assets/adf-process-services/i18n"
               },
+              {
+                "glob": "**/*",
+                "input": "lib/process-services-cloud/src/lib/i18n",
+                "output": "/assets/adf-process-services-cloud/i18n"
+              },
               {
                 "glob": "**/*",
                 "input": "lib/insights/i18n",
@@ -414,6 +434,11 @@
                 "input": "lib/process-services/assets",
                 "output": "/assets"
               },
+              {
+                "glob": "**/*",
+                "input": "lib/process-services-cloud/assets",
+                "output": "/assets"
+              },
               {
                 "glob": "**/*",
                 "input": "lib/content-services/assets",
@@ -434,6 +459,11 @@
                 "input": "lib/process-services/i18n",
                 "output": "/assets/adf-process-services/i18n"
               },
+              {
+                "glob": "**/*",
+                "input": "lib/process-services-cloud/src/lib/i18n",
+                "output": "/assets/adf-process-services-cloud/i18n"
+              },
               {
                 "glob": "**/*",
                 "input": "lib/insights/i18n",
@@ -465,7 +495,7 @@
         }
       }
     },
-    "lib-e2e": {
+    "lib-e2e-test": {
       "root": "demo-shell",
       "sourceRoot": "./demo-shell",
       "projectType": "application",
@@ -487,7 +517,7 @@
           "builder": "@angular-devkit/build-angular:protractor",
           "options": {
             "protractorConfig": "./protractor.conf.js",
-            "devServerTarget": "lib-e2e:serve"
+            "devServerTarget": "lib-e2e-test:serve"
           }
         },
         "lint": {
@@ -503,14 +533,14 @@
     },
     "core": {
       "root": "lib/core",
-      "sourceRoot": "lib/core/src",
+      "sourceRoot": "lib/core",
       "projectType": "library",
       "prefix": "adf",
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-ng-packagr:build",
           "options": {
-            "tsConfig": "lib/core/tsconfig.json",
+            "tsConfig": "lib/core/tsconfig.lib.json",
             "project": "lib/core/ng-package.json"
           },
           "configurations": {
@@ -523,7 +553,7 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "lib/core/test.ts",
-            "tsConfig": "lib/core/tsconfig.json",
+            "tsConfig": "lib/core/tsconfig.spec.json",
             "karmaConfig": "lib/core/karma.conf.js",
             "codeCoverage": true,
             "sourceMap": true
@@ -545,14 +575,14 @@
     },
     "content-services": {
       "root": "lib/content-services",
-      "sourceRoot": "lib/content-services/src",
+      "sourceRoot": "lib/content-services",
       "projectType": "library",
       "prefix": "adf",
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-ng-packagr:build",
           "options": {
-            "tsConfig": "lib/content-services/tsconfig.json",
+            "tsConfig": "lib/content-services/tsconfig.lib.json",
             "project": "lib/content-services/ng-package.json"
           },
           "configurations": {
@@ -565,7 +595,7 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "lib/content-services/test.ts",
-            "tsConfig": "lib/content-services/tsconfig.json",
+            "tsConfig": "lib/content-services/tsconfig.spec.json",
             "karmaConfig": "lib/content-services/karma.conf.js",
             "codeCoverage": true,
             "sourceMap": true
@@ -587,14 +617,14 @@
     },
     "process-services": {
       "root": "lib/process-services",
-      "sourceRoot": "lib/process-services/src",
+      "sourceRoot": "lib/process-services",
       "projectType": "library",
       "prefix": "adf",
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-ng-packagr:build",
           "options": {
-            "tsConfig": "lib/process-services/tsconfig.json",
+            "tsConfig": "lib/process-services/tsconfig.lib.json",
             "project": "lib/process-services/ng-package.json"
           },
           "configurations": {
@@ -607,7 +637,7 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "lib/process-services/test.ts",
-            "tsConfig": "lib/process-services/tsconfig.json",
+            "tsConfig": "lib/process-services/tsconfig.spec.json",
             "karmaConfig": "lib/process-services/karma.conf.js",
             "codeCoverage": true,
             "sourceMap": true
@@ -627,6 +657,48 @@
         }
       }
     },
+    "process-services-cloud": {
+      "root": "lib/process-services-cloud",
+      "sourceRoot": "lib/process-services-cloud/src",
+      "projectType": "library",
+      "prefix": "adf-cloud",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-ng-packagr:build",
+          "options": {
+            "tsConfig": "lib/process-services-cloud/tsconfig.lib.json",
+            "project": "lib/process-services-cloud/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "project": "lib/process-services-cloud/ng-package.json"
+            }
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "lib/process-services-cloud/src/test.ts",
+            "tsConfig": "lib/process-services-cloud/tsconfig.spec.json",
+            "karmaConfig": "lib/process-services-cloud/karma.conf.js",
+            "codeCoverage": true,
+            "sourceMap": true
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "lib/process-services-cloud/tsconfig.lib.json",
+              "lib/process-services-cloud/tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
+    },
     "insights": {
       "root": "lib/insights",
       "sourceRoot": "lib/insights/src",
@@ -636,7 +708,7 @@
         "build": {
           "builder": "@angular-devkit/build-ng-packagr:build",
           "options": {
-            "tsConfig": "lib/insights/tsconfig.json",
+            "tsConfig": "lib/extensions/tsconfig.lib.json",
             "project": "lib/insights/ng-package.json"
           },
           "configurations": {
@@ -649,7 +721,7 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "lib/insights/test.ts",
-            "tsConfig": "lib/insights/tsconfig.json",
+            "tsConfig": "lib/extensions/tsconfig.spec.json",
             "karmaConfig": "lib/insights/karma.conf.js",
             "codeCoverage": true,
             "sourceMap": true
@@ -705,16 +777,42 @@
           }
         }
       }
+    },
+    "testing": {
+      "root": "lib/testing",
+      "sourceRoot": "lib/testing/src",
+      "projectType": "library",
+      "prefix": "adf",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-ng-packagr:build",
+          "options": {
+            "tsConfig": "lib/testing/tsconfig.lib.json",
+            "project": "lib/testing/ng-package.json"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "lib/testing/src/test.ts",
+            "tsConfig": "lib/testing/tsconfig.spec.json",
+            "karmaConfig": "lib/testing/karma.conf.js"
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "lib/testing/tsconfig.lib.json",
+              "lib/testing/tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
     }
   },
-  "defaultProject": "dist",
-  "schematics": {
-    "@schematics/angular:component": {
-      "prefix": "app",
-      "styleext": "scss"
-    },
-    "@schematics/angular:directive": {
-      "prefix": "app"
-    }
-  }
+  "defaultProject": "dist"
 }

appveyor.yml

@@ -44,6 +44,12 @@ install:
               else
                 (cd scripts && sh npm-build-all.sh -t "core" -vjsapi alpha|| exit 1)
     )
+  - if %COMPONENT_NAME% EQU process-service-cloud (
+              if %APPVEYOR_REPO_BRANCH EQU master
+                (cd scripts && sh npm-build-all.sh -t "process-services-cloud"  || exit 1)
+              else
+                (cd scripts && sh npm-build-all.sh -t "process-services-cloud" -vjsapi alpha|| exit 1)
+    )
 #  - if %COMPONENT_NAME% EQU ng2-demo-shell (
 #              if %APPVEYOR_REPO_BRANCH EQU master
 #                (cd scripts && sh start.sh -t -ss || exit 1)

cspell.json

@@ -0,0 +1,141 @@
+{
+  "version": "0.1",
+  "language": "en",
+  "words": [
+    "activiti",
+    "CSRF",
+    "glyphicon",
+    "sharedlinks",
+    "Redistributable",
+    "fullscreen",
+    "sidenav",
+    "injectable",
+    "truthy",
+    "cryptodoc",
+    "mysites",
+    "afts",
+    "classlist",
+    "folderlink",
+    "filelink",
+    "datatable",
+    "repo",
+    "snackbar",
+    "promisify",
+    "xdescribe",
+    "unfavorite",
+    "devtools",
+    "gitter",
+    "jira",
+    "markdownlint",
+    "uploader",
+    "nginx",
+    "docx",
+    "SOLR",
+    "unshare",
+    "validators",
+    "guid",
+    "polyfill",
+    "polyfills",
+    "jsonp",
+    "hammerjs",
+    "pdfjs",
+    "xpath",
+    "tooltip",
+    "tooltips",
+    "unindent",
+    "exif",
+    "cardview",
+    "webm",
+    "keycodes",
+    "adhoc",
+    "swimlanes",
+    "datepicker",
+    "waypoints",
+    "waypoint",
+    "hotfix",
+    "typeahead",
+    "gridster",
+    "Collapsable",
+    "rowspan",
+    "typeahead",
+    "tabindex",
+    "Arial",
+    "swsdp",
+    "Datetimepicker",
+    "mimetype",
+    "multiselect",
+    "arrowup",
+    "arrowdown",
+    "dialpad",
+    "backend",
+    "Unclaim",
+    "transclusion",
+    "transcluded",
+    "auditable",
+    "taggable",
+    "datarow",
+    "datacolumn",
+    "textitem",
+    "boolitem",
+    "mapitem",
+    "selectitem",
+    "keyvaluepairsitem",
+    "boolitem",
+    "baseitem",
+    "checkboxes",
+    "tasklist",
+    "dateitem",
+    "webscript",
+    "minlength",
+    "doclib",
+    "fullname",
+    "firstname",
+    "lastname",
+    "userinfo",
+    "qshare",
+    "imgpreview",
+    "AUTHTYPE",
+    "ECMHOST",
+    "BPMHOST",
+    "OAUTHCONFIG",
+    "CONTEXTROOTBPM",
+    "CONTEXTROOTECM",
+    "DISABLECSRF",
+    "printf",
+    "mincount",
+    "listgrid",
+    "filesize",
+    "Theming",
+    "quicktime",
+    "Promise",
+    "Examinate",
+    "highlightable",
+    "Droppable",
+    "UPDATEPERMISSIONS",
+    "Whitespaces",
+    "keyvaluepairs",
+    "datetimeitem",
+    "floatitem",
+    "intitem",
+    "DDTHH",
+    "MLTEXT",
+    "penta",
+    "BASESHAREURL",
+    "hardend",
+    "filedata",
+    "uncheck"
+  ],
+  "dictionaries": [
+    "html",
+    "en-gb",
+    "en_US",
+    "softwareTerms"
+  ],
+  "ignorePaths": [
+    "lib/{content-services,core,extensions,insights,process-services}/**/*.spec.ts",
+    "lib/{content-services,core,extensions,insights,process-services}/**/*.mock.ts"
+  ],
+  "ignoreRegExpList": [
+    "(\"|'|`)((?:\\\\1|(?:(?!\\1).))*)\\1"
+  ]
+}

demo-shell/e2e/app.e2e-spec.e2e.ts

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Copyright 2016 Alfresco Software, Ltd.
+ * Copyright 2019 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.
@@ -15,13 +15,13 @@
  * limitations under the License.
  */
 
-import { MyappPage } from './app.po';
+import { MyAppPage } from './app.po';
 
-describe('myapp App', () => {
-    let page: MyappPage;
+describe('MyApp App', () => {
+    let page: MyAppPage;
 
     beforeEach(() => {
-        page = new MyappPage();
+        page = new MyAppPage();
     });
 
     it('should display toolbar', () => {

demo-shell/e2e/app.po.ts

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Copyright 2016 Alfresco Software, Ltd.
+ * Copyright 2019 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.
@@ -17,7 +17,7 @@
 
 import { browser, element, by } from 'protractor';
 
-export class MyappPage {
+export class MyAppPage {
     navigateTo() {
         return browser.get('/');
     }

demo-shell/package.json

@@ -1,7 +1,7 @@
 {
   "name": "Alfresco-ADF-Angular-Demo",
   "description": "Demo shell for Alfresco Angular components",
-  "version": "2.6.0-beta7",
+  "version": "3.0.0",
   "author": "Alfresco Software, Ltd.",
   "repository": {
     "type": "git",

demo-shell/proxy.conf.js

@@ -15,7 +15,7 @@ module.exports = {
         }
     },
     "/activiti-app": {
-        "target": "http://localhost:9999",
+        "target": "http://localhost:8080",
         "secure": false,
         "pathRewrite": {
             "^/activiti-app/activiti-app": ""

demo-shell/resources/i18n/de.json

@@ -19,7 +19,7 @@
     "ADF_VERSION_MANAGER": {
       "ALLOW_DELETE": "Löschen zulassen",
       "SHOW_COMMENTS": "Anmerkungen zu Versionen einblenden",
-      "ALLOW_DOWNLOAD": "Download zulassen",
+      "ALLOW_DOWNLOAD": "Herunterladen von Version aktivieren",
       "READ_ONLY": "Schreibgeschützt",
       "COMMENTS": "Kommentare anzeigen"
     },
@@ -61,12 +61,15 @@
     "NOTIFICATIONS": "Benachrichtigungen",
     "TASK_LIST": "Aufgabenliste",
     "PROCESS_LIST": "Prozessliste",
+    "PROCESS_CLOUD": "Prozess-Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Anmelden",
     "CUSTOM_SOURCES": "Benutzerdefinierte Quellen",
     "DATATABLE": "DataTable",
     "DATATABLE_LAZY": "DataTable (Lazy)",
+    "DOCUMENT_LIST": "Dokumentliste",
+    "TEMPLATE": "Mustervorlage",
     "FORM": "Formular",
     "FORM_LIST": "Formularliste",
     "FORM_LOADING": "Formular laden",
@@ -84,7 +87,12 @@
     "WORD_TO_SEARCH": "Suchbegriff",
     "SEARCH_CREATED_BY": "Erstellt von",
     "SEARCH_SERVICE_APPROACH": "Aktivieren Sie diese Option, um die Eingabeeigenschaft zu deaktivieren und die Nutzung des Services zu konfigurieren",
-    "HEADER_DATA": "Headerdaten"
+    "HEADER_DATA": "Headerdaten",
+    "TREE_VIEW": "Strukturansicht",
+    "ICONS": "Symbole",
+    "PEOPLE_GROUPS_CLOUD": "Personen-/Gruppen-Cloud",
+    "PEOPLE_CLOUD": "Personen-Cloud-Komponente",
+    "GROUPS_CLOUD": "Gruppen-Cloud-Komponente"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -100,6 +108,7 @@
   "DOCUMENT_LIST": {
     "MULTISELECT_CHECKBOXES": "Mehrfachauswahl (mit Kontrollkästchen)",
     "THUMBNAILS": "Miniaturansichten aktivieren",
+    "ALLOW_DROP_FILES": "Ablegen von Dateien in Ordner aktivieren",
     "MULTIPLE_FILE_UPLOAD": "Mehrere Dateien hochladen",
     "FOLDER_UPLOAD": "Ordner hochladen",
     "CUSTOM_FILTER": "Filter für benutzerdefinierte Erweiterungen",
@@ -118,6 +127,7 @@
       "DISPLAY_NAME": "Namen anzeigen",
       "IS_LOCKED": "Sperren",
       "TAG": "Tag",
+      "NODE_ID": "Node-ID",
       "CREATED_BY": "Erstellt von",
       "CREATED_ON": "Erstellt am",
       "CREATED": "Erstellt",
@@ -137,10 +147,12 @@
       "THEME": "Farbschema auswählen",
       "SHOW_VERSION": "Version anzeigen",
       "HIDE_VERSION": "Version ausblenden",
-      "LISTVIEW": "Listenansichtsmodus"
+      "LISTVIEW": "Listenansichtsmodus",
+      "CREATE_LIBRARY": "Bibliothek erstellen"
     },
     "ACTIONS": {
       "VERSIONS": "Versionen verwalten",
+      "LOCK": "Sperren",
       "METADATA": "Info",
       "DOWNLOAD": "Herunterladen",
       "PERMISSION": "Berechtigung",
@@ -180,6 +192,10 @@
     "TASK-AUDIT-LOG": "Aufgaben-Audit-Protokoll",
     "TASK-SHOW-HEADER": "Detailsheader anzeigen"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "Anwendung",
+    "SETTINGS_TAB": "Einstellungen"
+  },
   "FORM-LIST": {
     "STORE": "Speichern",
     "RESTORE": "Wiederherstellen"
@@ -201,7 +217,25 @@
   },
   "SEARCH": {
     "RESULTS": "Ergebnisse durchsuchen",
-    "NO_RESULT": "Keine Ergebnisse gefunden"
+    "NO_RESULT": "Keine Ergebnisse gefunden",
+    "FACET_FIELDS": {
+      "TYPE": "1:Typ",
+      "SIZE": "2:Größe",
+      "CREATOR": "3:Erstellt von",
+      "MODIFIER": "4:Bearbeitet von",
+      "CREATED": "5:Erstellt am"
+    },
+    "FACET_QUERIES": {
+      "MY_FACET_QUERIES": "Meine Facet-Abfragen",
+      "CREATED_THIS_YEAR": "1.Dieses Jahr erstellt",
+      "MIMETYPE": "2.Typ: HTML",
+      "XTRASMALL": "3.Größe: sehr klein",
+      "SMALL": "4.Größe: klein",
+      "MEDIUM": "5.Größe: mittel",
+      "LARGE": "6.Größe: groß",
+      "XTRALARGE": "7.Größe: sehr groß",
+      "XXTRALARGE": "8.Größe: extrem groß"
+    }
   },
   "SOCIAL": {
     "LIKE": "Like-Komponente",
@@ -220,16 +254,61 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "App-ID einfügen",
       "APP_ID_TYPE_ERROR": "App-ID muss eine Zahl sein",
-      "NUMBER_TYPE_ERROR": "Wert muss Zahl sein"
+      "NUMBER_TYPE_ERROR": "Wert muss Zahl sein",
+      "NUMBER_GREATER_THAN": "Wert muss größer oder gleich {{ value }} sein"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Startseite"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "App-ID einfügen",
-    "APP_ID_TYPE_ERROR": "App-ID muss eine Zahl sein"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "App-ID einfügen",
+      "APP_ID_TYPE_ERROR": "App-ID muss eine Zahl sein",
+      "NUMBER_GREATER_THAN": "Wert muss größer oder gleich {{ value }} sein"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Übersetzung benutzerdefinierter Titel 1",
-  "GROUP-TITLE2-TRANSLATION-KEY": "Übersetzung benutzerdefinierter Titel 2"
+  "GROUP-TITLE2-TRANSLATION-KEY": "Übersetzung benutzerdefinierter Titel 2",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "ACS-Datenträger voll",
+      "DESCRIPTION": "Inhalt übersteigt die für das Netzwerk oder System konfigurierte Gesamtspeicherbegrenzung",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Zurück zur Startseite"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "Ihren Filter anpassen"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Ihren Filter anpassen"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "Einzeln",
+    "MULTI": "Mehrfach",
+    "PRESELECTED_VALUE": "Vorausgewählter Wert"
+  },
+  "ABOUT": {
+    "TITLE": "Plugins",
+    "TABLE_HEADERS": {
+      "ID": "ID",
+      "NAME": "Name",
+      "VERSION": "Version",
+      "VENDOR": "Hersteller",
+      "LICENSE": "Lizenz",
+      "RUNTIME": "Laufzeit",
+      "DESCRIPTION": "Beschreibung"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Mehrfachauswahl",
+    "TESTING_MODE": "Testmodus",
+    "SELECTION_MODE": "Auswahlmodus"
+  }
 }

demo-shell/resources/i18n/en.json

@@ -21,7 +21,6 @@
       "SHOW_COMMENTS": "Show comments on versions",
       "ALLOW_DOWNLOAD": "Enable version download",
       "READ_ONLY": "Read-only",
-      "ALLOW_DOWNLOAD": "Allow Download",
       "COMMENTS": "Show comments"
     },
     "PERSONAL-FILES": "Personal Files",
@@ -62,12 +61,15 @@
     "NOTIFICATIONS": "Notifications",
     "TASK_LIST": "Task List",
     "PROCESS_LIST": "Process List",
+    "PROCESS_CLOUD": "Process Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Login",
     "CUSTOM_SOURCES": "Custom Sources",
     "DATATABLE": "Datatable",
     "DATATABLE_LAZY": "Datatable (Lazy)",
+    "DOCUMENT_LIST": "Document List",
+    "TEMPLATE": "Template",
     "FORM": "Form",
     "FORM_LIST": "Form List",
     "FORM_LOADING": "Form Loading",
@@ -81,12 +83,16 @@
     "OVERLAY_VIEWER": "Overlay Viewer",
     "ABOUT": "About",
     "SEARCH": "Extended Search",
-    "NOTIFICATIONS": "Notifications",
     "EXTENDED_SEARCH_QUERY_BODY": "Extended Search with Query Body",
     "WORD_TO_SEARCH": "Search Word",
     "SEARCH_CREATED_BY": "Created By",
     "SEARCH_SERVICE_APPROACH": "Check this to disable the input property and configure using the service",
-    "HEADER_DATA": "Header Data"
+    "HEADER_DATA": "Header Data",
+    "TREE_VIEW": "Tree View",
+    "ICONS": "Icons",
+    "PEOPLE_GROUPS_CLOUD": "People/Group Cloud",
+    "PEOPLE_CLOUD": "People Cloud Component",
+    "GROUPS_CLOUD": "Groups Cloud Component"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -102,6 +108,7 @@
   "DOCUMENT_LIST": {
     "MULTISELECT_CHECKBOXES": "Multiselect (with checkboxes)",
     "THUMBNAILS": "Enable Thumbnails",
+    "ALLOW_DROP_FILES": "Enable Drop Files in a folder",
     "MULTIPLE_FILE_UPLOAD": "Multiple File Upload",
     "FOLDER_UPLOAD": "Folder upload",
     "CUSTOM_FILTER": "Custom extensions filter",
@@ -140,10 +147,12 @@
       "THEME": "Select a theme",
       "SHOW_VERSION": "Show version",
       "HIDE_VERSION": "Hide version",
-      "LISTVIEW": "List view mode"
+      "LISTVIEW": "List view mode",
+      "CREATE_LIBRARY": "Create Library"
     },
     "ACTIONS": {
       "VERSIONS": "Manage versions",
+      "LOCK": "Lock",
       "METADATA": "Info",
       "DOWNLOAD": "Download",
       "PERMISSION": "Permission",
@@ -183,6 +192,10 @@
     "TASK-AUDIT-LOG": "Task Audit log",
     "TASK-SHOW-HEADER": "Show details header"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "App",
+    "SETTINGS_TAB": "Settings"
+  },
   "FORM-LIST": {
     "STORE": "Store",
     "RESTORE": "Restore"
@@ -204,7 +217,25 @@
   },
   "SEARCH": {
     "RESULTS": "Search results",
-    "NO_RESULT": "No results found"
+    "NO_RESULT": "No results found",
+    "FACET_FIELDS": {
+      "TYPE": "1:Type",
+      "SIZE": "2:Size",
+      "CREATOR": "3:Creator",
+      "MODIFIER": "4:Modifier",
+      "CREATED": "5:Created"
+    },
+    "FACET_QUERIES": {
+      "MY_FACET_QUERIES": "My facet queries",
+      "CREATED_THIS_YEAR": "1.Created This Year",
+      "MIMETYPE": "2.Type: HTML",
+      "XTRASMALL": "3.Size: xtra small",
+      "SMALL": "4.Size: small",
+      "MEDIUM": "5.Size: medium",
+      "LARGE": "6.Size: large",
+      "XTRALARGE": "7.Size: xtra large",
+      "XXTRALARGE": "8.Size: XX large"
+    }
   },
   "SOCIAL": {
     "LIKE": "Like component",
@@ -223,16 +254,66 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "Insert App ID",
       "APP_ID_TYPE_ERROR": "App ID must be a number",
-      "NUMBER_TYPE_ERROR": "Value must be a number"
+      "NUMBER_TYPE_ERROR": "Value must be a number",
+      "NUMBER_GREATER_THAN": "Value must be greater than or equal to {{ value }}"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Starting page"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "Insert App ID",
-    "APP_ID_TYPE_ERROR": "App ID must be a number"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Insert App ID",
+      "APP_ID_TYPE_ERROR": "App ID must be a number",
+      "NUMBER_GREATER_THAN": "Value must be greater than or equal to {{ value }}"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "CUSTOM TITLE TRANSLATION ONE",
-  "GROUP-TITLE2-TRANSLATION-KEY": "CUSTOM TITLE TRANSLATION TWO"
+  "GROUP-TITLE2-TRANSLATION-KEY": "CUSTOM TITLE TRANSLATION TWO",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "ACS Disk full",
+      "DESCRIPTION": "Content exceeds overall storage quota limit configured for the network or system",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Back to home"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "Customise your filter"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Customise your filter"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "Single Selection",
+    "MULTI": "Multiple Selection",
+    "PRESELECTED_VALUE": "Preselect: ",
+    "ROLE": "Roles: ",
+    "APP_NAME": "Aplication Name",
+    "APP_FILTER_MODE": "Filter by application name",
+    "ROLE_FILTER_MODE": "Filter by role"
+  },
+  "ABOUT": {
+    "TITLE": "Plugins",
+    "TABLE_HEADERS": {
+      "ID": "ID",
+      "NAME": "Name",
+      "VERSION": "Version",
+      "VENDOR": "Vendor",
+      "LICENSE": "License",
+      "RUNTIME": "Runtime",
+      "DESCRIPTION": "Description"
+    }
+  },
+  "SETTINGS_CLOUD": {
+      "MULTISELECTION": "Multiselection",
+      "TESTING_MODE": "Testing Mode",
+      "SELECTION_MODE": "Selection Mode",
+      "TASK_DETAILS_REDIRECTION": "Display task details on task click"
+  }
 }

demo-shell/resources/i18n/es.json

@@ -19,7 +19,7 @@
     "ADF_VERSION_MANAGER": {
       "ALLOW_DELETE": "Permitir eliminar",
       "SHOW_COMMENTS": "Mostrar comentarios en las versiones",
-      "ALLOW_DOWNLOAD": "Permitir descarga",
+      "ALLOW_DOWNLOAD": "Habilitar descarga de versión",
       "READ_ONLY": "Solo lectura",
       "COMMENTS": "Mostrar comentarios"
     },
@@ -61,12 +61,15 @@
     "NOTIFICATIONS": "Notificaciones",
     "TASK_LIST": "Lista de tareas",
     "PROCESS_LIST": "Lista de procesos",
+    "PROCESS_CLOUD": "Procesos en la nube",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Iniciar sesión",
     "CUSTOM_SOURCES": "Fuentes personalizadas",
     "DATATABLE": "Tabla de datos",
     "DATATABLE_LAZY": "Tabla de datos (diferida)",
+    "DOCUMENT_LIST": "Lista de documentos",
+    "TEMPLATE": "Plantilla",
     "FORM": "Formulario",
     "FORM_LIST": "Lista de formularios",
     "FORM_LOADING": "Carga de formulario",
@@ -84,7 +87,12 @@
     "WORD_TO_SEARCH": "Buscar palabra",
     "SEARCH_CREATED_BY": "Creado por",
     "SEARCH_SERVICE_APPROACH": "Marque esto para desactivar la propiedad de entrada y configurar el uso del servicio",
-    "HEADER_DATA": "Datos de encabezado"
+    "HEADER_DATA": "Datos de encabezado",
+    "TREE_VIEW": "Vista de árbol",
+    "ICONS": "Iconos",
+    "PEOPLE_GROUPS_CLOUD": "Personas/Grupos en la nube",
+    "PEOPLE_CLOUD": "Componente en la nube de personas",
+    "GROUPS_CLOUD": "Componente en la nube de grupos"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -100,6 +108,7 @@
   "DOCUMENT_LIST": {
     "MULTISELECT_CHECKBOXES": "Selección múltiple (con casillas)",
     "THUMBNAILS": "Habilitar miniaturas",
+    "ALLOW_DROP_FILES": "Habilitar arrastre de ficheros en una carpeta",
     "MULTIPLE_FILE_UPLOAD": "Carga de varios ficheros",
     "FOLDER_UPLOAD": "Carga de carpetas",
     "CUSTOM_FILTER": "Filtro de extensiones personalizado",
@@ -118,6 +127,7 @@
       "DISPLAY_NAME": "Nombre a mostrar",
       "IS_LOCKED": "Bloquear",
       "TAG": "Etiqueta",
+      "NODE_ID": "ID de nodo",
       "CREATED_BY": "Creado por",
       "CREATED_ON": "Creado",
       "CREATED": "Creado",
@@ -137,10 +147,12 @@
       "THEME": "Seleccionar un tema",
       "SHOW_VERSION": "Mostrar versión",
       "HIDE_VERSION": "Ocultar versión",
-      "LISTVIEW": "Modo de vista de lista"
+      "LISTVIEW": "Modo de vista de lista",
+      "CREATE_LIBRARY": "Crear biblioteca"
     },
     "ACTIONS": {
       "VERSIONS": "Gestionar versiones",
+      "LOCK": "Bloquear",
       "METADATA": "Información",
       "DOWNLOAD": "Descargar",
       "PERMISSION": "Permiso",
@@ -180,6 +192,10 @@
     "TASK-AUDIT-LOG": "Registro de auditoría de tareas",
     "TASK-SHOW-HEADER": "Mostrar encabezado de detalles"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "Aplicación",
+    "SETTINGS_TAB": "Configuración"
+  },
   "FORM-LIST": {
     "STORE": "Almacenar",
     "RESTORE": "Restaurar"
@@ -201,7 +217,25 @@
   },
   "SEARCH": {
     "RESULTS": "Resultados de la búsqueda",
-    "NO_RESULT": "Ningún resultado encontrado"
+    "NO_RESULT": "Ningún resultado encontrado",
+    "FACET_FIELDS": {
+      "TYPE": "1:Tipo",
+      "SIZE": "2:Tamaño",
+      "CREATOR": "3:Creador",
+      "MODIFIER": "4:Modificador",
+      "CREATED": "5:Creados"
+    },
+    "FACET_QUERIES": {
+      "MY_FACET_QUERIES": "Mis consultas de faceta",
+      "CREATED_THIS_YEAR": "1.Creadas este año",
+      "MIMETYPE": "2.Tipo: HTML",
+      "XTRASMALL": "3.Tamaño: extrapequeño",
+      "SMALL": "4.Tamaño: pequeño",
+      "MEDIUM": "5.Tamaño: mediano",
+      "LARGE": "6.Tamaño: grande",
+      "XTRALARGE": "7.Tamaño: extragrande",
+      "XXTRALARGE": "8.Tamaño: extraextragrande"
+    }
   },
   "SOCIAL": {
     "LIKE": "Componente Me gusta",
@@ -220,16 +254,61 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "Insertar ID de aplicación",
       "APP_ID_TYPE_ERROR": "El ID de aplicación debe ser un número",
-      "NUMBER_TYPE_ERROR": "El valor debe ser un número"
+      "NUMBER_TYPE_ERROR": "El valor debe ser un número",
+      "NUMBER_GREATER_THAN": "El valor debe ser igual o superior a {{ value }}"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Inicio de página"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "Insertar ID de aplicación",
-    "APP_ID_TYPE_ERROR": "El ID de aplicación debe ser un número"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Insertar ID de aplicación",
+      "APP_ID_TYPE_ERROR": "El ID de aplicación debe ser un número",
+      "NUMBER_GREATER_THAN": "El valor debe ser igual o superior a {{ value }}"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Traducción de título personalizado 1",
-  "GROUP-TITLE2-TRANSLATION-KEY": "Traducción de título personalizado 2"
+  "GROUP-TITLE2-TRANSLATION-KEY": "Traducción de título personalizado 2",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "Disco ACS lleno",
+      "DESCRIPTION": "El contenido supera el límite de la cuota de almacenamiento general configurado para la red o sistema.",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Volver al inicio"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "Personalice su filtro"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Personalice su filtro"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "Individual",
+    "MULTI": "Múltiple",
+    "PRESELECTED_VALUE": "Valor preseleccionado"
+  },
+  "ABOUT": {
+    "TITLE": "Complementos",
+    "TABLE_HEADERS": {
+      "ID": "ID",
+      "NAME": "Nombre",
+      "VERSION": "Versión",
+      "VENDOR": "Proveedor",
+      "LICENSE": "Licencia",
+      "RUNTIME": "Tiempo de ejecución",
+      "DESCRIPTION": "Descripción"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Selección múltiple",
+    "TESTING_MODE": "Modo de prueba",
+    "SELECTION_MODE": "Modo de selección"
+  }
 }

demo-shell/resources/i18n/fr.json

@@ -19,7 +19,7 @@
     "ADF_VERSION_MANAGER": {
       "ALLOW_DELETE": "Autoriser la suppression",
       "SHOW_COMMENTS": "Afficher les commentaires sur les versions",
-      "ALLOW_DOWNLOAD": "Autoriser le téléchargement",
+      "ALLOW_DOWNLOAD": "Activer le téléchargement de la version",
       "READ_ONLY": "Lecture seule",
       "COMMENTS": "Afficher les commentaires"
     },
@@ -61,12 +61,15 @@
     "NOTIFICATIONS": "Notifications",
     "TASK_LIST": "Liste des tâches",
     "PROCESS_LIST": "Liste des processus",
+    "PROCESS_CLOUD": "Activiti Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Connexion",
     "CUSTOM_SOURCES": "Sources personnalisées",
     "DATATABLE": "Table de données",
     "DATATABLE_LAZY": "Table de données (différé)",
+    "DOCUMENT_LIST": "Liste de documents",
+    "TEMPLATE": "Modèle",
     "FORM": "Formulaire",
     "FORM_LIST": "Liste de formulaires",
     "FORM_LOADING": "Chargement du formulaire",
@@ -84,7 +87,12 @@
     "WORD_TO_SEARCH": "Mot recherché",
     "SEARCH_CREATED_BY": "Créé par",
     "SEARCH_SERVICE_APPROACH": "Cochez cette option pour désactiver la propriété d'entrée et configurer à partir du service",
-    "HEADER_DATA": "Données d'en-tête"
+    "HEADER_DATA": "Données d'en-tête",
+    "TREE_VIEW": "Arborescence",
+    "ICONS": "Icônes",
+    "PEOPLE_GROUPS_CLOUD": "Cloud des personnes/groupes",
+    "PEOPLE_CLOUD": "Composant cloud des personnes",
+    "GROUPS_CLOUD": "Composant cloud des groupes"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -100,6 +108,7 @@
   "DOCUMENT_LIST": {
     "MULTISELECT_CHECKBOXES": "Sélection multiple (avec cases à cocher)",
     "THUMBNAILS": "Activer les miniatures",
+    "ALLOW_DROP_FILES": "Activer l'option déposer des fichiers dans un dossier",
     "MULTIPLE_FILE_UPLOAD": "Importation de fichiers multiples",
     "FOLDER_UPLOAD": "Importation de dossier",
     "CUSTOM_FILTER": "Filtre d'extensions personnalisées",
@@ -118,6 +127,7 @@
       "DISPLAY_NAME": "Nom affiché",
       "IS_LOCKED": "Verrouiller",
       "TAG": "Tag",
+      "NODE_ID": "ID du nœud",
       "CREATED_BY": "Créé par",
       "CREATED_ON": "Créé le",
       "CREATED": "Créé",
@@ -137,10 +147,12 @@
       "THEME": "Sélectionner un thème",
       "SHOW_VERSION": "Afficher la version",
       "HIDE_VERSION": "Masquer la version",
-      "LISTVIEW": "Mode Liste"
+      "LISTVIEW": "Mode Liste",
+      "CREATE_LIBRARY": "Créer une Bibliothèque"
     },
     "ACTIONS": {
       "VERSIONS": "Gérer les versions",
+      "LOCK": "Verrouiller",
       "METADATA": "Informations",
       "DOWNLOAD": "Télécharger",
       "PERMISSION": "Droit d'accès",
@@ -180,6 +192,10 @@
     "TASK-AUDIT-LOG": "Journal d'audit des tâches",
     "TASK-SHOW-HEADER": "Afficher l'en-tête de détail"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "Application",
+    "SETTINGS_TAB": "Paramètres"
+  },
   "FORM-LIST": {
     "STORE": "Stocker",
     "RESTORE": "Restaurer"
@@ -201,7 +217,25 @@
   },
   "SEARCH": {
     "RESULTS": "Résultats de la recherche",
-    "NO_RESULT": "Aucun résultat trouvé"
+    "NO_RESULT": "Aucun résultat trouvé",
+    "FACET_FIELDS": {
+      "TYPE": "1:Type",
+      "SIZE": "2:Taille",
+      "CREATOR": "3:Créateur",
+      "MODIFIER": "4:Modificateur",
+      "CREATED": "5:Créé"
+    },
+    "FACET_QUERIES": {
+      "MY_FACET_QUERIES": "Mes recherches avec filtre",
+      "CREATED_THIS_YEAR": "1.Créé cette année",
+      "MIMETYPE": "2.Type : HTML",
+      "XTRASMALL": "3.Taille : très petit",
+      "SMALL": "4.Taille : petit",
+      "MEDIUM": "5.Taille : moyen",
+      "LARGE": "6.Taille : gros",
+      "XTRALARGE": "7.Taille : très gros",
+      "XXTRALARGE": "8.Taille : énorme"
+    }
   },
   "SOCIAL": {
     "LIKE": "Composant J'aime",
@@ -220,16 +254,61 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "Insérer l'ID d'application",
       "APP_ID_TYPE_ERROR": "L'ID d'application doit être un numéro",
-      "NUMBER_TYPE_ERROR": "La valeur doit être un numéro"
+      "NUMBER_TYPE_ERROR": "La valeur doit être un numéro",
+      "NUMBER_GREATER_THAN": "La valeur doit être égale ou supérieure à {{ value }}"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Démarrage de la page"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "Insérer l'ID d'application",
-    "APP_ID_TYPE_ERROR": "L'ID d'application doit être un numéro"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Insérer l'ID d'application",
+      "APP_ID_TYPE_ERROR": "L'ID d'application doit être un numéro",
+      "NUMBER_GREATER_THAN": "La valeur doit être égale ou supérieure à {{ value }}"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Titre personnalisé traduction un",
-  "GROUP-TITLE2-TRANSLATION-KEY": "Titre personnalisé traduction deux"
+  "GROUP-TITLE2-TRANSLATION-KEY": "Titre personnalisé traduction deux",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "Disque ACS plein",
+      "DESCRIPTION": "Le contenu dépasse le quota maximum de stockage configuré pour le réseau ou système",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Retour à l'accueil"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "Process List Cloud Demo",
+    "CUSTOMIZE_FILTERS": "Personnaliser votre filtre"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Personnaliser votre filtre"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "Simple",
+    "MULTI": "Multi",
+    "PRESELECTED_VALUE": "Valeur présélectionnée"
+  },
+  "ABOUT": {
+    "TITLE": "Plugins",
+    "TABLE_HEADERS": {
+      "ID": "ID",
+      "NAME": "Nom",
+      "VERSION": "Version",
+      "VENDOR": "Fournisseur",
+      "LICENSE": "Licence",
+      "RUNTIME": "Java Runtime",
+      "DESCRIPTION": "Description"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Multisélection",
+    "TESTING_MODE": "Mode de test",
+    "SELECTION_MODE": "Mode de sélection"
+  }
 }

demo-shell/resources/i18n/it.json

@@ -19,7 +19,7 @@
     "ADF_VERSION_MANAGER": {
       "ALLOW_DELETE": "Consenti eliminazione",
       "SHOW_COMMENTS": "Mostra commenti sulle versioni",
-      "ALLOW_DOWNLOAD": "Abilita download",
+      "ALLOW_DOWNLOAD": "Abilita download versioni",
       "READ_ONLY": "Sola lettura",
       "COMMENTS": "Mostra commenti"
     },
@@ -61,12 +61,15 @@
     "NOTIFICATIONS": "Notifiche",
     "TASK_LIST": "Elenco attività",
     "PROCESS_LIST": "Elenco processi",
+    "PROCESS_CLOUD": "Cloud processo",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Login",
     "CUSTOM_SOURCES": "Fonti personalizzate",
     "DATATABLE": "Datatable",
     "DATATABLE_LAZY": "Caricamento dati (ottimizzato)",
+    "DOCUMENT_LIST": "Elenco documenti",
+    "TEMPLATE": "Modello",
     "FORM": "Modulo",
     "FORM_LIST": "Elenco moduli",
     "FORM_LOADING": "Caricamento modulo",
@@ -84,7 +87,12 @@
     "WORD_TO_SEARCH": "Termine di ricerca",
     "SEARCH_CREATED_BY": "Creato da",
     "SEARCH_SERVICE_APPROACH": "Selezionare per disattivare la proprietà di input ed eseguire la configurazione utilizzando il servizio",
-    "HEADER_DATA": "Dati intestazione"
+    "HEADER_DATA": "Dati intestazione",
+    "TREE_VIEW": "Vista struttura",
+    "ICONS": "Icone",
+    "PEOPLE_GROUPS_CLOUD": "Cloud persone/gruppi",
+    "PEOPLE_CLOUD": "Componente Cloud persone",
+    "GROUPS_CLOUD": "Componente Cloud gruppi"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -100,6 +108,7 @@
   "DOCUMENT_LIST": {
     "MULTISELECT_CHECKBOXES": "Selezione multipla (con caselle di spunta)",
     "THUMBNAILS": "Abilita anteprime",
+    "ALLOW_DROP_FILES": "Abilita trascinamento di file in una cartella",
     "MULTIPLE_FILE_UPLOAD": "Caricamento di file multipli",
     "FOLDER_UPLOAD": "Caricamento cartelle",
     "CUSTOM_FILTER": "Filtro estensioni personalizzato",
@@ -118,6 +127,7 @@
       "DISPLAY_NAME": "Nome visualizzato",
       "IS_LOCKED": "Blocca",
       "TAG": "Tag",
+      "NODE_ID": "ID nodo",
       "CREATED_BY": "Creato da",
       "CREATED_ON": "Creato il",
       "CREATED": "Creato",
@@ -137,10 +147,12 @@
       "THEME": "Seleziona un tema",
       "SHOW_VERSION": "Mostra versione",
       "HIDE_VERSION": "Nascondi versione",
-      "LISTVIEW": "Modalità vista elenco"
+      "LISTVIEW": "Modalità vista elenco",
+      "CREATE_LIBRARY": "Crea libreria"
     },
     "ACTIONS": {
       "VERSIONS": "Gestione versioni",
+      "LOCK": "Blocca",
       "METADATA": "Informazioni",
       "DOWNLOAD": "Download",
       "PERMISSION": "Permesso",
@@ -180,6 +192,10 @@
     "TASK-AUDIT-LOG": "Registro di audit compito",
     "TASK-SHOW-HEADER": "Mostra intestazione dettagli"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "Applicazione",
+    "SETTINGS_TAB": "Impostazioni"
+  },
   "FORM-LIST": {
     "STORE": "Memorizza",
     "RESTORE": "Ripristina"
@@ -201,7 +217,25 @@
   },
   "SEARCH": {
     "RESULTS": "Risultati della ricerca",
-    "NO_RESULT": "Nessun risultato trovato"
+    "NO_RESULT": "Nessun risultato trovato",
+    "FACET_FIELDS": {
+      "TYPE": "1. Tipo",
+      "SIZE": "2. Dimensioni",
+      "CREATOR": "3. Autore",
+      "MODIFIER": "4. Modificatore",
+      "CREATED": "5. Creati"
+    },
+    "FACET_QUERIES": {
+      "MY_FACET_QUERIES": "Le mie query filtri",
+      "CREATED_THIS_YEAR": "1. Creati quest'anno",
+      "MIMETYPE": "2.Tipo: HTML",
+      "XTRASMALL": "3. Dimensioni: extra piccolo",
+      "SMALL": "4. Dimensioni: piccolo",
+      "MEDIUM": "5. Dimensioni: medio",
+      "LARGE": "6. Dimensioni: grande",
+      "XTRALARGE": "7. Dimensioni: extra grande",
+      "XXTRALARGE": "8. Dimensioni: extra extra grande"
+    }
   },
   "SOCIAL": {
     "LIKE": "Componente Like",
@@ -220,16 +254,61 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "Inserisci ID app",
       "APP_ID_TYPE_ERROR": "L'ID app deve essere un numero",
-      "NUMBER_TYPE_ERROR": "Il valore deve essere un numero"
+      "NUMBER_TYPE_ERROR": "Il valore deve essere un numero",
+      "NUMBER_GREATER_THAN": "Il valore deve essere maggiore o uguale a {{ value }}"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Inizia da pagina"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "Inserisci ID app",
-    "APP_ID_TYPE_ERROR": "L'ID app deve essere un numero"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Inserisci ID app",
+      "APP_ID_TYPE_ERROR": "L'ID app deve essere un numero",
+      "NUMBER_GREATER_THAN": "Il valore deve essere maggiore o uguale a {{ value }}"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Custom Title Translation One",
-  "GROUP-TITLE2-TRANSLATION-KEY": "Custom Title Translation Two"
+  "GROUP-TITLE2-TRANSLATION-KEY": "Custom Title Translation Two",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "Dico ACS pieno",
+      "DESCRIPTION": "Il contenuto supera il limite di archiviazione complessivo configurato per la rete o il sistema",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Torna alla home"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "DEMO CLOUD ELENCO PROCESSI",
+    "CUSTOMIZE_FILTERS": "Personalizza il filtro"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Personalizza il filtro"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "Singolo",
+    "MULTI": "Multiplo",
+    "PRESELECTED_VALUE": "Valore preselezionato"
+  },
+  "ABOUT": {
+    "TITLE": "Plug-in",
+    "TABLE_HEADERS": {
+      "ID": "ID",
+      "NAME": "Nome",
+      "VERSION": "Versione",
+      "VENDOR": "Fornitore",
+      "LICENSE": "Licenza",
+      "RUNTIME": "Runtime",
+      "DESCRIPTION": "Descrizione"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Selezione multipla",
+    "TESTING_MODE": "Modalità di test",
+    "SELECTION_MODE": "Modalità di selezione"
+  }
 }

demo-shell/resources/i18n/ja.json

@@ -19,7 +19,7 @@
     "ADF_VERSION_MANAGER": {
       "ALLOW_DELETE": "削除を許可する",
       "SHOW_COMMENTS": "バージョンに関するコメントを表示",
-      "ALLOW_DOWNLOAD": "ダウンロードを許可する",
+      "ALLOW_DOWNLOAD": "バージョンのダウンロードを許可",
       "READ_ONLY": "読取り専用",
       "COMMENTS": "コメントを表示する"
     },
@@ -61,12 +61,15 @@
     "NOTIFICATIONS": "通知",
     "TASK_LIST": "タスクリスト",
     "PROCESS_LIST": "プロセスリスト",
+    "PROCESS_CLOUD": "Process Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "ログイン",
     "CUSTOM_SOURCES": "カスタムソース",
     "DATATABLE": "Datatable",
     "DATATABLE_LAZY": "Datatable (遅延読み込み)",
+    "DOCUMENT_LIST": "文書リスト",
+    "TEMPLATE": "テンプレート",
     "FORM": "フォーム",
     "FORM_LIST": "フォームリスト",
     "FORM_LOADING": "フォームを読み込んでいます",
@@ -84,7 +87,12 @@
     "WORD_TO_SEARCH": "語句の検索",
     "SEARCH_CREATED_BY": "作成者",
     "SEARCH_SERVICE_APPROACH": "入力プロパティを無効にし、サービスを使って設定する場合は、このチェックボックスをオンにします",
-    "HEADER_DATA": "ヘッダーの日付"
+    "HEADER_DATA": "ヘッダーの日付",
+    "TREE_VIEW": "ツリービュー",
+    "ICONS": "アイコン",
+    "PEOPLE_GROUPS_CLOUD": "メンバー/グループのクラウド",
+    "PEOPLE_CLOUD": "メンバーのクラウドコンポーネント",
+    "GROUPS_CLOUD": "グループのクラウドコンポーネント"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -100,6 +108,7 @@
   "DOCUMENT_LIST": {
     "MULTISELECT_CHECKBOXES": "複数選択 (チェックボックスを使用)",
     "THUMBNAILS": "サムネイルを有効にする",
+    "ALLOW_DROP_FILES": "フォルダへのドラッグ&ドロップを許可",
     "MULTIPLE_FILE_UPLOAD": "複数ファイルのアップロード",
     "FOLDER_UPLOAD": "フォルダのアップロード",
     "CUSTOM_FILTER": "カスタム拡張子フィルタ",
@@ -118,6 +127,7 @@
       "DISPLAY_NAME": "表示名",
       "IS_LOCKED": "ロック",
       "TAG": "タグ",
+      "NODE_ID": "ノード ID",
       "CREATED_BY": "作成者",
       "CREATED_ON": "作成日",
       "CREATED": "作成日",
@@ -137,10 +147,12 @@
       "THEME": "テーマを選択してください",
       "SHOW_VERSION": "バージョンを表示する",
       "HIDE_VERSION": "バージョンを隠す",
-      "LISTVIEW": "一覧表示モード"
+      "LISTVIEW": "一覧表示モード",
+      "CREATE_LIBRARY": "ライブラリの作成"
     },
     "ACTIONS": {
       "VERSIONS": "バージョンの管理",
+      "LOCK": "ロック",
       "METADATA": "情報",
       "DOWNLOAD": "ダウンロード",
       "PERMISSION": "権限",
@@ -180,6 +192,10 @@
     "TASK-AUDIT-LOG": "タスクの監査ログ",
     "TASK-SHOW-HEADER": "詳細ヘッダーを表示する"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "アプリ",
+    "SETTINGS_TAB": "設定"
+  },
   "FORM-LIST": {
     "STORE": "保存",
     "RESTORE": "復元"
@@ -201,7 +217,25 @@
   },
   "SEARCH": {
     "RESULTS": "検索結果",
-    "NO_RESULT": "一致するアイテムはありません"
+    "NO_RESULT": "一致するアイテムはありません",
+    "FACET_FIELDS": {
+      "TYPE": "1:種類",
+      "SIZE": "2:サイズ",
+      "CREATOR": "3:作成者",
+      "MODIFIER": "4:変更者",
+      "CREATED": "5:作成日"
+    },
+    "FACET_QUERIES": {
+      "MY_FACET_QUERIES": "あなたのファセットクエリ",
+      "CREATED_THIS_YEAR": "1.今年作成",
+      "MIMETYPE": "2.種類: HTML",
+      "XTRASMALL": "3.サイズ: 極小",
+      "SMALL": "4.サイズ: 小",
+      "MEDIUM": "5.サイズ: 中",
+      "LARGE": "6.サイズ: 大",
+      "XTRALARGE": "7.サイズ: 特大",
+      "XXTRALARGE": "8.サイズ: 超特大"
+    }
   },
   "SOCIAL": {
     "LIKE": "[いいね!] コンポーネント",
@@ -220,16 +254,61 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "アプリケーション ID を挿入する",
       "APP_ID_TYPE_ERROR": "アプリケーション ID は数字でなければなりません",
-      "NUMBER_TYPE_ERROR": "値は数字でなければなりません"
+      "NUMBER_TYPE_ERROR": "値は数字でなければなりません",
+      "NUMBER_GREATER_THAN": "値は {{ value }} 以上でなければなりません"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "開始ページ"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "アプリケーション ID を挿入する",
-    "APP_ID_TYPE_ERROR": "アプリケーション ID は番号でなければなりません"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "アプリケーション ID を挿入してください",
+      "APP_ID_TYPE_ERROR": "アプリケーション ID は数字でなければなりません",
+      "NUMBER_GREATER_THAN": "値は {{ value }} 以上でなければなりません"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "カスタムのタイトル翻訳 1",
-  "GROUP-TITLE2-TRANSLATION-KEY": "カスタムのタイトル翻訳 2"
+  "GROUP-TITLE2-TRANSLATION-KEY": "カスタムのタイトル翻訳 2",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "ACS のディスクがいっぱいです",
+      "DESCRIPTION": "コンテンツのサイズが、ネットワークまたはシステムに設定されているストレージクォータの上限を超えています。",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "ホームへ戻る"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "フィルタのカスタマイズ"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "フィルタのカスタマイズ"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "1 人",
+    "MULTI": "複数人",
+    "PRESELECTED_VALUE": "事前選択値"
+  },
+  "ABOUT": {
+    "TITLE": "プラグイン",
+    "TABLE_HEADERS": {
+      "ID": "ID",
+      "NAME": "名前",
+      "VERSION": "バージョン",
+      "VENDOR": "ベンダー",
+      "LICENSE": "ライセンス",
+      "RUNTIME": "ランタイム",
+      "DESCRIPTION": "説明"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "複数選択",
+    "TESTING_MODE": "テストモード",
+    "SELECTION_MODE": "選択モード"
+  }
 }

demo-shell/resources/i18n/nb.json

@@ -19,7 +19,7 @@
     "ADF_VERSION_MANAGER": {
       "ALLOW_DELETE": "Tillat sletting",
       "SHOW_COMMENTS": "Vis kommentarer om versjoner",
-      "ALLOW_DOWNLOAD": "Tillat nedlasting",
+      "ALLOW_DOWNLOAD": "Aktiver versjonsnedlasting",
       "READ_ONLY": "Skrivebeskyttet",
       "COMMENTS": "Vis kommentarer"
     },
@@ -61,12 +61,15 @@
     "NOTIFICATIONS": "Varsler",
     "TASK_LIST": "Oppgaveliste",
     "PROCESS_LIST": "Prosessliste",
+    "PROCESS_CLOUD": "Activiti Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Logg på",
     "CUSTOM_SOURCES": "Tilpassede kilder",
     "DATATABLE": "Datatable",
     "DATATABLE_LAZY": "Datatabell (avventende)",
+    "DOCUMENT_LIST": "Dokumentliste",
+    "TEMPLATE": "Mal",
     "FORM": "Skjema",
     "FORM_LIST": "Skjemaliste",
     "FORM_LOADING": "Skjema lastes inn",
@@ -84,7 +87,12 @@
     "WORD_TO_SEARCH": "Søkeord",
     "SEARCH_CREATED_BY": "Opprettet av",
     "SEARCH_SERVICE_APPROACH": "Velg dette for å deaktivere inndataegenskapen og konfigurere ved hjelp av tjenesten",
-    "HEADER_DATA": "Overskriftsdata"
+    "HEADER_DATA": "Overskriftsdata",
+    "TREE_VIEW": "Trevisning",
+    "ICONS": "Ikoner",
+    "PEOPLE_GROUPS_CLOUD": "Person-/gruppesky",
+    "PEOPLE_CLOUD": "Personsky-komponent",
+    "GROUPS_CLOUD": "Gruppesky-kompontent"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -100,6 +108,7 @@
   "DOCUMENT_LIST": {
     "MULTISELECT_CHECKBOXES": "Multivalg (med avskrysningsbokser)",
     "THUMBNAILS": "Aktiver miniatyrbilder",
+    "ALLOW_DROP_FILES": "Aktiver Slipp filer i en mappe",
     "MULTIPLE_FILE_UPLOAD": "Opplasting av flere filer",
     "FOLDER_UPLOAD": "Opplasting av mappe",
     "CUSTOM_FILTER": "Tilpasset utvidelsesfilter",
@@ -118,6 +127,7 @@
       "DISPLAY_NAME": "Vis navn",
       "IS_LOCKED": "Lås",
       "TAG": "Tagg",
+      "NODE_ID": "Node-ID",
       "CREATED_BY": "Opprettet av",
       "CREATED_ON": "Opprettet",
       "CREATED": "Opprettet",
@@ -137,10 +147,12 @@
       "THEME": "Velg et tema",
       "SHOW_VERSION": "Vis versjon",
       "HIDE_VERSION": "Skjul versjon",
-      "LISTVIEW": "Listevisningsmodus"
+      "LISTVIEW": "Listevisningsmodus",
+      "CREATE_LIBRARY": "Opprett bibliotek"
     },
     "ACTIONS": {
       "VERSIONS": "Administrer versjoner",
+      "LOCK": "Lås",
       "METADATA": "Info",
       "DOWNLOAD": "Last ned",
       "PERMISSION": "Tillatelse",
@@ -180,6 +192,10 @@
     "TASK-AUDIT-LOG": "Oppgaverevisjonslogg",
     "TASK-SHOW-HEADER": "Vis detaljoverskrift"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "App",
+    "SETTINGS_TAB": "Innstillinger"
+  },
   "FORM-LIST": {
     "STORE": "Lagre",
     "RESTORE": "Gjenopprett"
@@ -201,7 +217,25 @@
   },
   "SEARCH": {
     "RESULTS": "Søkeresultater",
-    "NO_RESULT": "Ingen resultater funnet"
+    "NO_RESULT": "Ingen resultater funnet",
+    "FACET_FIELDS": {
+      "TYPE": "1:Type",
+      "SIZE": "2:Størrelse",
+      "CREATOR": "3:Oppretter",
+      "MODIFIER": "4:Modifikator",
+      "CREATED": "5:Opprettet"
+    },
+    "FACET_QUERIES": {
+      "MY_FACET_QUERIES": "Mine egenskapsspørringer",
+      "CREATED_THIS_YEAR": "1.Opprettet i år",
+      "MIMETYPE": "2.Type: HTML",
+      "XTRASMALL": "3.Størrelse: xtra small",
+      "SMALL": "4.Størrelse: small",
+      "MEDIUM": "5.Størrelse: medium",
+      "LARGE": "6.Størrelse: large",
+      "XTRALARGE": "7.Størrelse: xtra large",
+      "XXTRALARGE": "8.Størrelse: XX large"
+    }
   },
   "SOCIAL": {
     "LIKE": "Like komponent",
@@ -220,16 +254,61 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "Sett inn app-ID",
       "APP_ID_TYPE_ERROR": "App-ID må være et tall",
-      "NUMBER_TYPE_ERROR": "Verdien må være et tall"
+      "NUMBER_TYPE_ERROR": "Verdien må være et tall",
+      "NUMBER_GREATER_THAN": "Verdien må være høyere enn eller lik {{ value }}"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Starter side"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "Sett inn app-ID",
-    "APP_ID_TYPE_ERROR": "App-ID må være et tall"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Sett inn app-ID",
+      "APP_ID_TYPE_ERROR": "App-ID må være et tall",
+      "NUMBER_GREATER_THAN": "Verdien må være høyere enn eller lik {{ value }}"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Egendefinert tittel, oversettelse én",
-  "GROUP-TITLE2-TRANSLATION-KEY": "Egendefinert tittel, oversettelse to"
+  "GROUP-TITLE2-TRANSLATION-KEY": "Egendefinert tittel, oversettelse to",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "ACS-disk er full",
+      "DESCRIPTION": "Innhold overgår samlet lagringskvotegrense konfigurert for nettverket eller systemet",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Tilbake til startsiden"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "Tilpass filteret ditt"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Tilpass filteret ditt"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "Enkel",
+    "MULTI": "Flere",
+    "PRESELECTED_VALUE": "Forhåndsvalgt verdi"
+  },
+  "ABOUT": {
+    "TITLE": "Plugin-moduler",
+    "TABLE_HEADERS": {
+      "ID": "ID",
+      "NAME": "Navn",
+      "VERSION": "Versjon",
+      "VENDOR": "Leverandør",
+      "LICENSE": "Lisens",
+      "RUNTIME": "Kjøretid",
+      "DESCRIPTION": "Beskrivelse"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Flervalg",
+    "TESTING_MODE": "Testmodus",
+    "SELECTION_MODE": "Valgmodus"
+  }
 }

demo-shell/resources/i18n/nl.json

@@ -19,7 +19,7 @@
     "ADF_VERSION_MANAGER": {
       "ALLOW_DELETE": "Verwijderen toestaan",
       "SHOW_COMMENTS": "Opmerkingen over versies tonen",
-      "ALLOW_DOWNLOAD": "Downloaden toestaan",
+      "ALLOW_DOWNLOAD": "Versiedownload inschakelen",
       "READ_ONLY": "Alleen-lezen",
       "COMMENTS": "Opmerkingen weergeven"
     },
@@ -61,12 +61,15 @@
     "NOTIFICATIONS": "Meldingen",
     "TASK_LIST": "Lijst met taken",
     "PROCESS_LIST": "Lijst met processen",
+    "PROCESS_CLOUD": "Process Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Aanmelden",
     "CUSTOM_SOURCES": "Aangepaste bronnen",
     "DATATABLE": "Datatable",
     "DATATABLE_LAZY": "Datatable (vertraagd)",
+    "DOCUMENT_LIST": "Lijst met documenten",
+    "TEMPLATE": "Sjabloon",
     "FORM": "Formulier",
     "FORM_LIST": "Formulierlijst",
     "FORM_LOADING": "Formulier laden",
@@ -84,7 +87,12 @@
     "WORD_TO_SEARCH": "Zoekterm",
     "SEARCH_CREATED_BY": "Gemaakt door",
     "SEARCH_SERVICE_APPROACH": "Schakel dit in om de invoereigenschap uit te schakelen en om te configureren via de service",
-    "HEADER_DATA": "Koptekstgegevens"
+    "HEADER_DATA": "Koptekstgegevens",
+    "TREE_VIEW": "Structuurweergave",
+    "ICONS": "Pictogrammen",
+    "PEOPLE_GROUPS_CLOUD": "Personen-/groepencloud",
+    "PEOPLE_CLOUD": "Component Personencloud",
+    "GROUPS_CLOUD": "Component Groepencloud"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -100,6 +108,7 @@
   "DOCUMENT_LIST": {
     "MULTISELECT_CHECKBOXES": "Multiselect (met selectievakjes)",
     "THUMBNAILS": "Miniaturen inschakelen",
+    "ALLOW_DROP_FILES": "Bestanden neerzetten in een map inschakelen",
     "MULTIPLE_FILE_UPLOAD": "Meerdere bestanden uploaden",
     "FOLDER_UPLOAD": "Map uploaden",
     "CUSTOM_FILTER": "Aangepast extensiefilter",
@@ -118,6 +127,7 @@
       "DISPLAY_NAME": "Getoonde naam",
       "IS_LOCKED": "Vergrendeling",
       "TAG": "Tag",
+      "NODE_ID": "Node-id",
       "CREATED_BY": "Gemaakt door",
       "CREATED_ON": "Gemaakt op",
       "CREATED": "Gemaakt",
@@ -137,10 +147,12 @@
       "THEME": "Een thema selecteren",
       "SHOW_VERSION": "Versie weergeven",
       "HIDE_VERSION": "Versie verbergen",
-      "LISTVIEW": "Lijstweergavemodus"
+      "LISTVIEW": "Lijstweergavemodus",
+      "CREATE_LIBRARY": "Bibliotheek maken"
     },
     "ACTIONS": {
       "VERSIONS": "Versies beheren",
+      "LOCK": "Vergrendeling",
       "METADATA": "Info",
       "DOWNLOAD": "Downloaden",
       "PERMISSION": "Machtiging",
@@ -180,6 +192,10 @@
     "TASK-AUDIT-LOG": "Auditlog van taak",
     "TASK-SHOW-HEADER": "Detailkoptekst weergeven"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "App",
+    "SETTINGS_TAB": "Instellingen"
+  },
   "FORM-LIST": {
     "STORE": "Opslaan",
     "RESTORE": "Herstellen"
@@ -201,7 +217,25 @@
   },
   "SEARCH": {
     "RESULTS": "Zoekresultaten",
-    "NO_RESULT": "Geen resultaten gevonden"
+    "NO_RESULT": "Geen resultaten gevonden",
+    "FACET_FIELDS": {
+      "TYPE": "1:Type",
+      "SIZE": "2:Grootte",
+      "CREATOR": "3:Maker",
+      "MODIFIER": "4:Gewijzigd door",
+      "CREATED": "5:Gemaakt"
+    },
+    "FACET_QUERIES": {
+      "MY_FACET_QUERIES": "Mijn facetquery's",
+      "CREATED_THIS_YEAR": "1.Dit jaar gemaakt",
+      "MIMETYPE": "2.Type: HTML",
+      "XTRASMALL": "3.Grootte: extra klein",
+      "SMALL": "4.Grootte: klein",
+      "MEDIUM": "5.Grootte: middelgroot",
+      "LARGE": "6.Grootte: groot",
+      "XTRALARGE": "7.Grootte: extra groot",
+      "XXTRALARGE": "8.Grootte: XX groot"
+    }
   },
   "SOCIAL": {
     "LIKE": "'Vind ik leuk'-component",
@@ -220,16 +254,61 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "App-id invoegen",
       "APP_ID_TYPE_ERROR": "App-id moet een getal zijn",
-      "NUMBER_TYPE_ERROR": "Waarde moet een getal zijn"
+      "NUMBER_TYPE_ERROR": "Waarde moet een getal zijn",
+      "NUMBER_GREATER_THAN": "Waarde moet groter zijn dan of gelijk zijn aan {{ value }}"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Beginpagina"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "App-id invoegen",
-    "APP_ID_TYPE_ERROR": "App-id moet een getal zijn"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "App-id invoegen",
+      "APP_ID_TYPE_ERROR": "App-id moet een getal zijn",
+      "NUMBER_GREATER_THAN": "Waarde moet groter zijn dan of gelijk zijn aan {{ value }}"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Aangepaste titel vertaling één",
-  "GROUP-TITLE2-TRANSLATION-KEY": "Aangepaste titel vertaling twee"
+  "GROUP-TITLE2-TRANSLATION-KEY": "Aangepaste titel vertaling twee",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "ACS-schijf vol",
+      "DESCRIPTION": "Content overschrijdt de totale opslaglimiet die is geconfigureerd voor het netwerk of systeem",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Terug naar Home"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "Uw filter aanpassen"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Uw filter aanpassen"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "Eén",
+    "MULTI": "Multi",
+    "PRESELECTED_VALUE": "Vooraf geselecteerde waarde"
+  },
+  "ABOUT": {
+    "TITLE": "Plug-ins",
+    "TABLE_HEADERS": {
+      "ID": "Id",
+      "NAME": "Naam",
+      "VERSION": "Versie",
+      "VENDOR": "Leverancier",
+      "LICENSE": "Licentie",
+      "RUNTIME": "Runtime",
+      "DESCRIPTION": "Beschrijving"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Multiselectie",
+    "TESTING_MODE": "Testmodus",
+    "SELECTION_MODE": "Selectiemodus"
+  }
 }

demo-shell/resources/i18n/pt-BR.json

@@ -19,7 +19,7 @@
     "ADF_VERSION_MANAGER": {
       "ALLOW_DELETE": "Permitir apagar",
       "SHOW_COMMENTS": "Mostrar comentários em versões",
-      "ALLOW_DOWNLOAD": "Permitir download",
+      "ALLOW_DOWNLOAD": "Ativar download da versão",
       "READ_ONLY": "Somente leitura",
       "COMMENTS": "Mostrar comentários"
     },
@@ -61,12 +61,15 @@
     "NOTIFICATIONS": "Notificações",
     "TASK_LIST": "Lista de tarefas",
     "PROCESS_LIST": "Lista de processos",
+    "PROCESS_CLOUD": "Process Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Login",
     "CUSTOM_SOURCES": "Origens Personalizadas",
     "DATATABLE": "Datatable",
     "DATATABLE_LAZY": "Datatable (Sob demanda)",
+    "DOCUMENT_LIST": "Lista de Documento",
+    "TEMPLATE": "Modelo",
     "FORM": "Formulário",
     "FORM_LIST": "Lista de Formulário",
     "FORM_LOADING": "Carregamento de formulário",
@@ -84,7 +87,12 @@
     "WORD_TO_SEARCH": "Pesquisar palavras",
     "SEARCH_CREATED_BY": "Criado por",
     "SEARCH_SERVICE_APPROACH": "Marque essa opção para desativar a inserção e configurar a utilização do serviço",
-    "HEADER_DATA": "Dados do cabeçalho"
+    "HEADER_DATA": "Dados do cabeçalho",
+    "TREE_VIEW": "Exibição em árvore",
+    "ICONS": "Ícones",
+    "PEOPLE_GROUPS_CLOUD": "Nuvem de Pessoas/Grupo",
+    "PEOPLE_CLOUD": "Componente da Nuvem de Pessoas",
+    "GROUPS_CLOUD": "Componente da Nuvem de Grupos"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -99,7 +107,8 @@
   },
   "DOCUMENT_LIST": {
     "MULTISELECT_CHECKBOXES": "Seleção Múltipla (com caixas de seleção)",
-    "THUMBNAILS": "Ativar miniaturas",
+    "THUMBNAILS": "Ativar Miniaturas",
+    "ALLOW_DROP_FILES": "Ativar Soltar Arquivos em uma pasta",
     "MULTIPLE_FILE_UPLOAD": "Carregamento de Vários Arquivos",
     "FOLDER_UPLOAD": "Carregamento de Pasta",
     "CUSTOM_FILTER": "Filtro de extensões personalizado",
@@ -118,6 +127,7 @@
       "DISPLAY_NAME": "Nome de exibição",
       "IS_LOCKED": "Bloqueio",
       "TAG": "Marca",
+      "NODE_ID": "ID do nó",
       "CREATED_BY": "Criado por",
       "CREATED_ON": "Criado em",
       "CREATED": "Criado",
@@ -137,10 +147,12 @@
       "THEME": "Selecionar um tema",
       "SHOW_VERSION": "Mostrar versão",
       "HIDE_VERSION": "Ocultar versão",
-      "LISTVIEW": "Modo de exibição em lista"
+      "LISTVIEW": "Modo de exibição em lista",
+      "CREATE_LIBRARY": "Criar biblioteca"
     },
     "ACTIONS": {
       "VERSIONS": "Gerenciar versões",
+      "LOCK": "Bloqueio",
       "METADATA": "Informações",
       "DOWNLOAD": "Download",
       "PERMISSION": "Permissão",
@@ -180,6 +192,10 @@
     "TASK-AUDIT-LOG": "Log de auditoria de tarefa",
     "TASK-SHOW-HEADER": "Mostrar cabeçalho de detalhes"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "Aplicativo",
+    "SETTINGS_TAB": "Configurações"
+  },
   "FORM-LIST": {
     "STORE": "Armazenar",
     "RESTORE": "Restaurar"
@@ -201,7 +217,25 @@
   },
   "SEARCH": {
     "RESULTS": "Resultados da pesquisa",
-    "NO_RESULT": "Nenhum resultado encontrado"
+    "NO_RESULT": "Nenhum resultado encontrado",
+    "FACET_FIELDS": {
+      "TYPE": "1:Tipo",
+      "SIZE": "2:Tamanho",
+      "CREATOR": "3:Criador",
+      "MODIFIER": "4:Modificador",
+      "CREATED": "5:Criado"
+    },
+    "FACET_QUERIES": {
+      "MY_FACET_QUERIES": "Minhas consultas de faceta",
+      "CREATED_THIS_YEAR": "1.Criado este ano",
+      "MIMETYPE": "2.Tipo: HTML",
+      "XTRASMALL": "3.Tamanho: muito pequeno",
+      "SMALL": "4.Tamanho: pequeno",
+      "MEDIUM": "5.Tamanho: médio",
+      "LARGE": "6.Tamanho: grande",
+      "XTRALARGE": "7.Tamanho: muito grande",
+      "XXTRALARGE": "8.Tamanho: extragrande"
+    }
   },
   "SOCIAL": {
     "LIKE": "Componente Like",
@@ -220,16 +254,61 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "Inserir ID do aplicativo",
       "APP_ID_TYPE_ERROR": "O ID do aplicativo deve ser um número",
-      "NUMBER_TYPE_ERROR": "O valor deve ser um número"
+      "NUMBER_TYPE_ERROR": "O valor deve ser um número",
+      "NUMBER_GREATER_THAN": "O valor deve ser maior ou igual a {{ value }}"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Iniciando a página"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "Inserir ID do Aplicativo",
-    "APP_ID_TYPE_ERROR": "O ID do aplicativo deve ser um número"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Inserir ID do aplicativo",
+      "APP_ID_TYPE_ERROR": "O ID do aplicativo deve ser um número",
+      "NUMBER_GREATER_THAN": "O valor deve ser maior ou igual a {{ value }}"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Tradução um de título personalizado",
-  "GROUP-TITLE2-TRANSLATION-KEY": "Tradução dois de título personalizado"
+  "GROUP-TITLE2-TRANSLATION-KEY": "Tradução dois de título personalizado",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "Disco ACS cheio",
+      "DESCRIPTION": "O conteúdo excede o limite de armazenamento geral configurado para a rede ou o sistema",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Voltar para a página inicial"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "Personalizar seu filtro"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Personalizar seu filtro"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "Único",
+    "MULTI": "Múltiplo",
+    "PRESELECTED_VALUE": "Valor pré-selecionado"
+  },
+  "ABOUT": {
+    "TITLE": "Plugins",
+    "TABLE_HEADERS": {
+      "ID": "ID",
+      "NAME": "Nome",
+      "VERSION": "Versão",
+      "VENDOR": "Fornecedor",
+      "LICENSE": "Licença",
+      "RUNTIME": "Tempo de execução",
+      "DESCRIPTION": "Descrição"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Seleção Múltipla",
+    "TESTING_MODE": "Modo de Teste",
+    "SELECTION_MODE": "Modo de Seleção"
+  }
 }

demo-shell/resources/i18n/ru.json

@@ -7,7 +7,7 @@
       "VERSIONS": "Версии"
     },
     "HOME": {
-      "TITLE": "Компоненты Angular для Alfresco",
+      "TITLE": "Угловые компоненты для Alfresco",
       "DOCUMENTATION": "Документация"
     },
     "LOGOUT": {
@@ -19,7 +19,7 @@
     "ADF_VERSION_MANAGER": {
       "ALLOW_DELETE": "Разрешить удаление",
       "SHOW_COMMENTS": "Показать комментарии к версиям",
-      "ALLOW_DOWNLOAD": "Разрешить загрузку",
+      "ALLOW_DOWNLOAD": "Включить загрузку версий",
       "READ_ONLY": "Только чтение",
       "COMMENTS": "Показать комментарии"
     },
@@ -61,12 +61,15 @@
     "NOTIFICATIONS": "Оповещения",
     "TASK_LIST": "Список задач",
     "PROCESS_LIST": "Список процессов",
+    "PROCESS_CLOUD": "Процесс в облаке",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Войти",
     "CUSTOM_SOURCES": "Пользовательские источники",
     "DATATABLE": "Datatable",
     "DATATABLE_LAZY": "Таблица данных (частичная загрузка)",
+    "DOCUMENT_LIST": "Список документов",
+    "TEMPLATE": "Шаблон",
     "FORM": "Форма",
     "FORM_LIST": "Список форм",
     "FORM_LOADING": "Загрузка формы",
@@ -84,7 +87,12 @@
     "WORD_TO_SEARCH": "Искать слово",
     "SEARCH_CREATED_BY": "Создано пользователем",
     "SEARCH_SERVICE_APPROACH": "Установите флажок, чтобы отключить свойство ввода и настроить, используя службу.",
-    "HEADER_DATA": "Данные заголовка"
+    "HEADER_DATA": "Данные заголовка",
+    "TREE_VIEW": "Иерархическое представление",
+    "ICONS": "Значки",
+    "PEOPLE_GROUPS_CLOUD": "Облако пользователей/групп",
+    "PEOPLE_CLOUD": "Компонент облака «Пользователи»",
+    "GROUPS_CLOUD": "Компонент облака «Группы»"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -100,6 +108,7 @@
   "DOCUMENT_LIST": {
     "MULTISELECT_CHECKBOXES": "Выбор нескольких вариантов (с флажками)",
     "THUMBNAILS": "Включить эскизы",
+    "ALLOW_DROP_FILES": "Включить перетаскивание файлов в папку",
     "MULTIPLE_FILE_UPLOAD": "Загрузка нескольких файлов",
     "FOLDER_UPLOAD": "Загрузка папки",
     "CUSTOM_FILTER": "Пользовательский фильтр расширений",
@@ -118,6 +127,7 @@
       "DISPLAY_NAME": "Отображаемое имя",
       "IS_LOCKED": "Блокировка",
       "TAG": "Метка",
+      "NODE_ID": "Идентификатор узла",
       "CREATED_BY": "Создано пользователем",
       "CREATED_ON": "Дата создания",
       "CREATED": "Создано",
@@ -137,10 +147,12 @@
       "THEME": "Выберите тему",
       "SHOW_VERSION": "Показать версию",
       "HIDE_VERSION": "Скрыть версию",
-      "LISTVIEW": "Режим просмотра списка"
+      "LISTVIEW": "Режим просмотра списка",
+      "CREATE_LIBRARY": "Создание библиотеки"
     },
     "ACTIONS": {
       "VERSIONS": "Управление версиями",
+      "LOCK": "Блокировка",
       "METADATA": "Информация",
       "DOWNLOAD": "Скачать",
       "PERMISSION": "Право",
@@ -180,6 +192,10 @@
     "TASK-AUDIT-LOG": "Журнал проверки задачи",
     "TASK-SHOW-HEADER": "Показать подробности заголовка"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "Приложение",
+    "SETTINGS_TAB": "Параметры"
+  },
   "FORM-LIST": {
     "STORE": "Хранилище",
     "RESTORE": "Восстановить"
@@ -201,7 +217,25 @@
   },
   "SEARCH": {
     "RESULTS": "Результаты поиска",
-    "NO_RESULT": "Результаты не найдены"
+    "NO_RESULT": "Результаты не найдены",
+    "FACET_FIELDS": {
+      "TYPE": "1: тип",
+      "SIZE": "2: размер",
+      "CREATOR": "3: автор",
+      "MODIFIER": "4: редактор",
+      "CREATED": "5: создано"
+    },
+    "FACET_QUERIES": {
+      "MY_FACET_QUERIES": "Мои фасетные запросы",
+      "CREATED_THIS_YEAR": "1. Создано в этом году",
+      "MIMETYPE": "2. Тип HTML",
+      "XTRASMALL": "3. Размер: крайне малый",
+      "SMALL": "4. Размер: малый",
+      "MEDIUM": "5. Размер: средний",
+      "LARGE": "6. Размер: большой",
+      "XTRALARGE": "7. Размер: очень большой",
+      "XXTRALARGE": "8. Размер: огромный"
+    }
   },
   "SOCIAL": {
     "LIKE": "Компонент \"Нравится\"",
@@ -220,16 +254,61 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "Вставить идентификатор приложения",
       "APP_ID_TYPE_ERROR": "Идентификатор приложения должен быть числом",
-      "NUMBER_TYPE_ERROR": "Значение должно быть числом"
+      "NUMBER_TYPE_ERROR": "Значение должно быть числом",
+      "NUMBER_GREATER_THAN": "Значение должно быть больше или равно {{ value }}"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Начальная страница"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "Вставить идентификатор приложения",
-    "APP_ID_TYPE_ERROR": "Идентификатор приложения должен быть числом"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Вставить идентификатор приложения",
+      "APP_ID_TYPE_ERROR": "Идентификатор приложения должен быть числом",
+      "NUMBER_GREATER_THAN": "Значение должно быть больше или равно {{ value }}"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Перевод пользовательского заголовка один",
-  "GROUP-TITLE2-TRANSLATION-KEY": "Перевод пользовательского заголовка два"
-}
+  "GROUP-TITLE2-TRANSLATION-KEY": "Перевод пользовательского заголовка два",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "Диск ACS заполнен",
+      "DESCRIPTION": "Объем данных превысил максимально допустимое значение, установленное для сети или системы",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Назад на главную"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "Настройка фильтра"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Настройка фильтра"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "Один",
+    "MULTI": "Несколько",
+    "PRESELECTED_VALUE": "Предустановленное значение"
+  },
+  "ABOUT": {
+    "TITLE": "Подключаемые модули",
+    "TABLE_HEADERS": {
+      "ID": "Идентификатор",
+      "NAME": "Имя",
+      "VERSION": "Версия",
+      "VENDOR": "Поставщик",
+      "LICENSE": "Лицензия",
+      "RUNTIME": "Среда выполнения",
+      "DESCRIPTION": "Описание"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Выбор нескольких",
+    "TESTING_MODE": "Режим тестирования",
+    "SELECTION_MODE": "Режим выбора"
+  }
+}

demo-shell/resources/i18n/zh-CN.json

@@ -19,7 +19,7 @@
     "ADF_VERSION_MANAGER": {
       "ALLOW_DELETE": "允许删除",
       "SHOW_COMMENTS": "显示有关版本的注释",
-      "ALLOW_DOWNLOAD": "允许下载",
+      "ALLOW_DOWNLOAD": "启用版本下载",
       "READ_ONLY": "只读",
       "COMMENTS": "显示注释"
     },
@@ -61,12 +61,15 @@
     "NOTIFICATIONS": "通知",
     "TASK_LIST": "任务列表",
     "PROCESS_LIST": "流程列表",
+    "PROCESS_CLOUD": "Process Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "登录",
     "CUSTOM_SOURCES": "自定义来源",
     "DATATABLE": "Datatable",
     "DATATABLE_LAZY": "Datatable（迟缓）",
+    "DOCUMENT_LIST": "文档列表",
+    "TEMPLATE": "模板",
     "FORM": "表单",
     "FORM_LIST": "表单列表",
     "FORM_LOADING": "表单加载",
@@ -84,7 +87,12 @@
     "WORD_TO_SEARCH": "搜索词",
     "SEARCH_CREATED_BY": "创建者",
     "SEARCH_SERVICE_APPROACH": "选中此项以禁用输入属性并使用服务进行配置",
-    "HEADER_DATA": "标头数据"
+    "HEADER_DATA": "标头数据",
+    "TREE_VIEW": "树视图",
+    "ICONS": "图标",
+    "PEOPLE_GROUPS_CLOUD": "人员/一组云",
+    "PEOPLE_CLOUD": "人员云组件",
+    "GROUPS_CLOUD": "组云组件"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -100,6 +108,7 @@
   "DOCUMENT_LIST": {
     "MULTISELECT_CHECKBOXES": "多选（含复选框）",
     "THUMBNAILS": "启用缩略图",
+    "ALLOW_DROP_FILES": "在文件夹中启用“文件拖放”",
     "MULTIPLE_FILE_UPLOAD": "上传多个文件",
     "FOLDER_UPLOAD": "文件夹上传",
     "CUSTOM_FILTER": "自定义扩展过滤器",
@@ -118,6 +127,7 @@
       "DISPLAY_NAME": "显示名称",
       "IS_LOCKED": "锁定",
       "TAG": "标签",
+      "NODE_ID": "节点 ID",
       "CREATED_BY": "创建者",
       "CREATED_ON": "创建日期",
       "CREATED": "已创建",
@@ -137,10 +147,12 @@
       "THEME": "选择主题",
       "SHOW_VERSION": "显示版本",
       "HIDE_VERSION": "隐藏版本",
-      "LISTVIEW": "列表视图模式"
+      "LISTVIEW": "列表视图模式",
+      "CREATE_LIBRARY": "创建库"
     },
     "ACTIONS": {
       "VERSIONS": "管理版本",
+      "LOCK": "锁定",
       "METADATA": "信息",
       "DOWNLOAD": "下载",
       "PERMISSION": "权限",
@@ -180,6 +192,10 @@
     "TASK-AUDIT-LOG": "任务审计日志",
     "TASK-SHOW-HEADER": "显示详细信息标头"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "APP",
+    "SETTINGS_TAB": "设置"
+  },
   "FORM-LIST": {
     "STORE": "存储",
     "RESTORE": "恢复"
@@ -201,7 +217,25 @@
   },
   "SEARCH": {
     "RESULTS": "搜索结果",
-    "NO_RESULT": "未找到结果"
+    "NO_RESULT": "未找到结果",
+    "FACET_FIELDS": {
+      "TYPE": "1：类型",
+      "SIZE": "2：字号",
+      "CREATOR": "3：创建者",
+      "MODIFIER": "4：修改者",
+      "CREATED": "5：已创建"
+    },
+    "FACET_QUERIES": {
+      "MY_FACET_QUERIES": "我的分面查询",
+      "CREATED_THIS_YEAR": "1. 今年创建",
+      "MIMETYPE": "2. 类型: HTML",
+      "XTRASMALL": "3. 字号：超小",
+      "SMALL": "4. 字号：小",
+      "MEDIUM": "5. 字号：中等",
+      "LARGE": "6. 字号：大",
+      "XTRALARGE": "7. 字号：特大",
+      "XXTRALARGE": "8. 字号：超大"
+    }
   },
   "SOCIAL": {
     "LIKE": "点赞组件",
@@ -220,16 +254,61 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "插入应用程序 ID",
       "APP_ID_TYPE_ERROR": "应用程序 ID 必须为数字",
-      "NUMBER_TYPE_ERROR": "值必须是数字"
+      "NUMBER_TYPE_ERROR": "值必须是数字",
+      "NUMBER_GREATER_THAN": "值必须大于或等于 {{ value }}"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "开始页面"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "插入应用程序 ID",
-    "APP_ID_TYPE_ERROR": "应用程序 ID 必须为数字"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "插入应用程序 ID",
+      "APP_ID_TYPE_ERROR": "应用程序 ID 必须为数字",
+      "NUMBER_GREATER_THAN": "值必须大于或等于 {{ value }}"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "自定义标题翻译 1",
-  "GROUP-TITLE2-TRANSLATION-KEY": "自定义标题翻译 2"
+  "GROUP-TITLE2-TRANSLATION-KEY": "自定义标题翻译 2",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "ACS 磁盘已满",
+      "DESCRIPTION": "内容超出为网络或系统配置的总存储配额限制",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "返回到主页"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "自定义您的筛选器"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "自定义您的筛选器"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "单个",
+    "MULTI": "多个",
+    "PRESELECTED_VALUE": "预选值"
+  },
+  "ABOUT": {
+    "TITLE": "插件",
+    "TABLE_HEADERS": {
+      "ID": "ID",
+      "NAME": "名称",
+      "VERSION": "版本",
+      "VENDOR": "供应商",
+      "LICENSE": "许可证",
+      "RUNTIME": "运行时",
+      "DESCRIPTION": "说明"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "多重选择",
+    "TESTING_MODE": "测试模式",
+    "SELECTION_MODE": "选择模式"
+  }
 }

demo-shell/src/app.config.json

@@ -1,19 +1,24 @@
 {
     "$schema": "../../lib/core/app-config/schema.json",
-    "ecmHost": "http://{hostname}:{port}",
-    "bpmHost": "http://{hostname}:{port}",
-    "baseShareUrl": null,
+    "ecmHost": "{protocol}//{hostname}{:port}",
+    "bpmHost": "{protocol}//{hostname}{:port}",
+    "identityHost": "{protocol}//{hostname}{:port}/auth/realms/alfresco",
     "loginRoute": "login",
     "providers": "ALL",
     "contextRootBpm": "activiti-app",
     "authType" : "BASIC",
+    "locale" : "en",
+    "auth": {
+      "withCredentials": false
+    },
     "oauth2": {
-      "host": "http://localhost:30081/auth/realms/myrealm",
-      "clientId": "activiti",
+      "host": "{protocol}//{hostname}{:port}/auth/realms/alfresco",
+      "clientId": "alfresco",
       "scope": "openid",
       "secret": "",
       "implicitFlow": true,
       "silentLogin": true,
+      "redirectSilentIframeUri": "{protocol}//{hostname}{:port}/assets/silent-refresh.html",
       "redirectUri": "/",
       "redirectUriLogout": "/logout"
     },
@@ -28,57 +33,73 @@
         },
         {
             "key": "fr",
-            "label": "French"
+            "label": "Français"
         },
         {
             "key": "de",
-            "label": "German"
+            "label": "Deutsch"
         },
         {
             "key": "it",
-            "label": "Italian"
+            "label": "Italiano"
         },
         {
             "key": "es",
-            "label": "Spanish"
+            "label": "Español"
         },
         {
             "key": "ja",
-            "label": "Japanese"
+            "label": "日本語"
         },
         {
             "key": "nl",
-            "label": "Dutch"
+            "label": "Nederlands"
         },
         {
             "key": "pt-BR",
-            "label": "Brazilian Portuguese"
+            "label": "Português (Brasil)"
         },
         {
             "key": "nb",
-            "label": "Norwegian"
+            "label": "Bokmål"
         },
         {
             "key": "ru",
-            "label": "Russian"
+            "label": "Русский"
         },
         {
             "key": "zh-CN",
-            "label": "Simplified Chinese"
+            "label": "中文简体"
         }
     ],
     "search": {
+      "app:fields": [
+        "cm:name",
+        "cm:title",
+        "cm:description",
+        "ia:whatEvent",
+        "ia:descriptionEvent",
+        "lnk:title",
+        "lnk:description",
+        "TEXT",
+        "TAG"
+      ],
       "include": ["path", "allowableOperations"],
       "sorting": {
         "options": [
           { "key": "name", "label": "Name", "type": "FIELD", "field": "cm:name", "ascending": true },
           { "key": "content.sizeInBytes", "label": "Size", "type": "FIELD", "field": "content.size", "ascending": true },
-          { "key": "description", "label": "Description", "type": "FIELD", "field": "cm:description", "ascending": true },
           { "key": "createdByUser", "label": "Author", "type": "FIELD", "field": "cm:creator", "ascending": true },
-          { "key": "createdAt", "label": "Created", "type": "FIELD", "field": "cm:created", "ascending": true }
+          { "key": "createdAt", "label": "Created", "type": "FIELD", "field": "cm:created", "ascending": true },
+          { "key": "score", "label": "Relevance", "type": "FIELD", "field": "score", "ascending": false}
         ],
         "defaults": [
-          { "key": "name", "type": "FIELD", "field": "cm:name", "ascending": true }
+          {
+            "key": "score",
+            "type": "FIELD",
+            "field": "score",
+            "ascending": false
+          }
         ]
       },
       "filterQueries": [
@@ -88,25 +109,51 @@
       "facetFields": {
         "expanded": true,
         "fields": [
-          { "field": "content.mimetype", "mincount": 1, "label": "1:Type" },
-          { "field": "content.size", "mincount": 1, "label": "2:Size" },
-          { "field": "creator", "mincount": 1, "label": "3:Creator" },
-          { "field": "modifier", "mincount": 1, "label": "4:Modifier" },
-          { "field": "created", "mincount": 1, "label": "5:Created" }
+          { "field": "content.mimetype", "mincount": 1, "label": "SEARCH.FACET_FIELDS.TYPE" },
+          { "field": "content.size", "mincount": 1, "label": "SEARCH.FACET_FIELDS.SIZE" },
+          { "field": "creator", "mincount": 1, "label": "SEARCH.FACET_FIELDS.CREATOR" },
+          { "field": "modifier", "mincount": 1, "label": "SEARCH.FACET_FIELDS.MODIFIER" },
+          { "field": "created", "mincount": 1, "label": "SEARCH.FACET_FIELDS.CREATED" }
         ]
       },
       "facetQueries": {
-        "label": "My facet queries",
+        "label": "SEARCH.FACET_QUERIES.MY_FACET_QUERIES",
         "pageSize": 5,
+        "expanded": true,
+        "mincount": 1,
         "queries": [
-          { "query": "created:2018", "label": "1.Created This Year" },
-          { "query": "content.mimetype", "label": "2.Type" },
-          { "query": "content.size:[0 TO 10240]", "label": "3.Size: xtra small"},
-          { "query": "content.size:[10240 TO 102400]", "label": "4.Size: small"},
-          { "query": "content.size:[102400 TO 1048576]", "label": "5.Size: medium" },
-          { "query": "content.size:[1048576 TO 16777216]", "label": "6.Size: large" },
-          { "query": "content.size:[16777216 TO 134217728]", "label": "7.Size: xtra large" },
-          { "query": "content.size:[134217728 TO MAX]", "label": "8.Size: XX large" }
+          { "query": "created:2019", "label": "SEARCH.FACET_QUERIES.CREATED_THIS_YEAR" },
+          { "query": "content.mimetype:text/html", "label": "SEARCH.FACET_QUERIES.MIMETYPE", "group":"Type facet queries" },
+          { "query": "content.size:[0 TO 10240]", "label": "SEARCH.FACET_QUERIES.XTRASMALL", "group":"Size facet queries"},
+          { "query": "content.size:[10240 TO 102400]", "label": "SEARCH.FACET_QUERIES.SMALL", "group":"Size facet queries"},
+          { "query": "content.size:[102400 TO 1048576]", "label": "SEARCH.FACET_QUERIES.MEDIUM", "group":"Size facet queries" },
+          { "query": "content.size:[1048576 TO 16777216]", "label": "SEARCH.FACET_QUERIES.LARGE", "group":"Size facet queries" },
+          { "query": "content.size:[16777216 TO 134217728]", "label": "SEARCH.FACET_QUERIES.XTRALARGE", "group":"Size facet queries" },
+          { "query": "content.size:[134217728 TO MAX]", "label": "SEARCH.FACET_QUERIES.XXTRALARGE", "group":"Size facet queries" }
+        ]
+      },
+      "facetIntervals":{
+        "expanded": true,
+        "intervals":[
+          {
+            "label":"The Created",
+            "field":"cm:created",
+            "sets":[
+              { "label":"lastYear", "start":"2018", "end":"2019", "endInclusive":false },
+              { "label":"currentYear", "start":"NOW/YEAR", "end":"NOW/YEAR+1YEAR" },
+              { "label":"earlier", "start":"*", "end":"2018", "endInclusive":false }
+            ]
+          },
+          {
+            "label":"TheModified",
+            "field":"cm:modified",
+            "sets":[
+              { "label":"2017", "start":"2017", "end":"2018", "endInclusive":false },
+              { "label":"2017-2018", "start":"2017", "end":"2018", "endInclusive":true },
+              { "label":"currentYear", "start":"NOW/YEAR", "end":"NOW/YEAR+1YEAR" },
+              { "label":"earlierThan2017", "start":"*", "end":"2017", "endInclusive":false }
+            ]
+          }
         ]
       },
       "categories": [
@@ -481,6 +528,9 @@
             ]
         }
     },
+    "adf-start-task": {
+        "name": "My Task Name"
+    },
     "adf-task-list": {
         "presets": {
             "default": [
@@ -515,6 +565,11 @@
             ]
         }
     },
+    "adf-edit-task-filter": {
+        "properties": [
+            "state", "assignment", "sort", "order"
+        ]
+    },
     "content-metadata": {
         "presets": {
             "default": {
@@ -525,5 +580,81 @@
     "sideNav": {
       "expandedSidenav": true,
       "preserveState": true
+    },
+    "adf-cloud-task-list": {
+        "presets": {
+            "default": [
+                {
+                    "key": "entry.id",
+                    "type": "text",
+                    "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.ID",
+                    "sortable": true
+                },
+                {
+                    "key": "entry.name",
+                    "type": "text",
+                    "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.NAME",
+                    "sortable": true,
+                    "cssClass": "full-width name-column ellipsis-cell"
+                },
+                {
+                    "key": "entry.status",
+                    "type": "text",
+                    "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.STATUS",
+                    "sortable": true
+                },
+                {
+                    "key": "entry.priority",
+                    "type": "text",
+                    "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.PRIORITY",
+                    "sortable": true
+                },
+                {
+                    "key": "entry.createdDate",
+                    "type": "date",
+                    "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.CREATED_DATE",
+                    "sortable": true,
+                    "format": "timeAgo"
+                },
+                {
+                    "key": "entry.lastModified",
+                    "type": "date",
+                    "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.LAST_MODIFIED",
+                    "sortable": true,
+                    "format": "timeAgo"
+                }
+            ]
+        }
+    },
+    "adf-cloud-process-list": {
+        "presets": {
+            "default": [
+                {
+                    "key": "entry.id",
+                    "type": "text",
+                    "title": "ADF_CLOUD_PROCESS_LIST.PROPERTIES.ID",
+                    "sortable": true
+                },
+                {
+                    "key": "entry.name",
+                    "type": "text",
+                    "title": "ADF_CLOUD_PROCESS_LIST.PROPERTIES.NAME",
+                    "sortable": true
+                },
+                {
+                    "key": "entry.status",
+                    "type": "text",
+                    "title": "ADF_CLOUD_PROCESS_LIST.PROPERTIES.STATUS",
+                    "sortable": true
+                },
+                {
+                    "key": "entry.startDate",
+                    "type": "date",
+                    "title": "ADF_CLOUD_PROCESS_LIST.PROPERTIES.START_DATE",
+                    "sortable": true,
+                    "format": "timeAgo"
+                }
+            ]
+        }
     }
 }

demo-shell/src/app/app-extension.module.ts

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Copyright 2016 Alfresco Software, Ltd.
+ * Copyright 2019 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.
@@ -15,16 +15,13 @@
  * limitations under the License.
  */
 
-import { Component, ViewEncapsulation } from '@angular/core';
+import { NgModule } from '@angular/core';
+import { AcaMonacoModule } from 'adf-monaco-extension';
 
-@Component({
-    selector: 'adf-accordion',
-    template: `
-        <ng-content></ng-content>
-    `,
-    host: {
-        'class': 'panel-group'
-    },
-    encapsulation: ViewEncapsulation.None
+@NgModule({
+    imports: [
+        AcaMonacoModule
+    ]
 })
-export class AccordionComponent {}
+export class AppExtensionsModule {
+}

demo-shell/src/app/app.component.scss

@@ -1,4 +1,4 @@
-router-outlet[name="overlay"] + * {
+router-outlet[name='overlay'] + * {
     width: 100%;
     height: 100%;
     z-index: 999;

demo-shell/src/app/app.component.ts

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Copyright 2016 Alfresco Software, Ltd.
+ * Copyright 2019 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.
@@ -18,6 +18,7 @@
 import { Component, ViewEncapsulation, OnInit } from '@angular/core';
 import { AuthenticationService, AlfrescoApiService, PageTitleService } from '@alfresco/adf-core';
 import { Router } from '@angular/router';
+import { MatDialog } from '@angular/material';
 
 @Component({
     selector: 'app-root',
@@ -30,7 +31,8 @@ export class AppComponent implements OnInit {
     constructor(private pageTitleService: PageTitleService,
                 private alfrescoApiService: AlfrescoApiService,
                 private authenticationService: AuthenticationService,
-                private router: Router) {
+                private router: Router,
+                private dialogRef: MatDialog) {
     }
 
     ngOnInit() {
@@ -39,9 +41,17 @@ export class AppComponent implements OnInit {
         this.alfrescoApiService.getInstance().on('error', (error) => {
             if (error.status === 401) {
                 if (!this.authenticationService.isLoggedIn()) {
+                    this.dialogRef.closeAll();
                     this.router.navigate(['/login']);
                 }
             }
+
+            if (error.status === 507) {
+                if (!this.authenticationService.isLoggedIn()) {
+                    this.dialogRef.closeAll();
+                    this.router.navigate(['error/507']);
+                }
+            }
         });
     }
 }

demo-shell/src/app/app.module.ts

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Copyright 2016 Alfresco Software, Ltd.
+ * Copyright 2019 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.
@@ -24,22 +24,20 @@ import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 import { AppConfigService, TRANSLATION_PROVIDER, DebugAppConfigService, CoreModule } from '@alfresco/adf-core';
+import { ExtensionsModule } from '@alfresco/adf-extensions';
 import { AppComponent } from './app.component';
 import { MaterialModule } from './material.module';
 import { LoginComponent } from './components/login/login.component';
 import { LogoutComponent } from './components/logout/logout.component';
-import { SettingsComponent } from './components/settings/settings.component';
 import { AppLayoutComponent } from './components/app-layout/app-layout.component';
 import { HomeComponent } from './components/home/home.component';
 import { SearchBarComponent } from './components/search/search-bar.component';
 import { SearchResultComponent } from './components/search/search-result.component';
 import { SearchExtendedComponent } from './components/search/search-extended.component';
-import { AboutComponent } from './components/about/about.component';
 import { LogComponent } from './components/log/log.component';
 import { FormComponent } from './components/form/form.component';
 import { FormListComponent } from './components/form/form-list.component';
 import { FormLoadingComponent } from './components/form/form-loading.component';
-import { CustomSourcesComponent } from './components/files/custom-sources.component';
 import { OverlayViewerComponent } from './components/overlay-viewer/overlay-viewer.component';
 
 import { ProcessServiceComponent } from './components/process-service/process-service.component';
@@ -47,12 +45,7 @@ import { ShowDiagramComponent } from './components/process-service/show-diagram.
 import { FormViewerComponent } from './components/process-service/form-viewer.component';
 import { FormNodeViewerComponent } from './components/process-service/form-node-viewer.component';
 import { AppsViewComponent } from './components/process-service/apps-view.component';
-import { DataTableComponent } from './components/datatable/datatable.component';
-import { TrashcanComponent } from './components/trashcan/trashcan.component';
 import { FilesComponent } from './components/files/files.component';
-import { WebscriptComponent } from './components/webscript/webscript.component';
-import { TagComponent } from './components/tag/tag.component';
-import { SocialComponent } from './components/social/social.component';
 import { VersionManagerDialogAdapterComponent } from './components/files/version-manager-dialog-adapter.component';
 import { MetadataDialogAdapterComponent } from './components/files/metadata-dialog-adapter.component';
 
@@ -65,21 +58,27 @@ import { ProcessAttachmentsComponent } from './components/process-service/proces
 import { SharedLinkViewComponent } from './components/shared-link-view/shared-link-view.component';
 import { DemoPermissionComponent } from './components/permissions/demo-permissions.component';
 import { PreviewService } from './services/preview.service';
-import { BreadcrumbDemoComponent } from './components/breadcrumb-demo/breadcrumb-demo.component';
-import { TaskListDemoComponent } from './components/task-list-demo/task-list-demo.component';
-import { ProcessListDemoComponent } from './components/process-list-demo/process-list-demo.component';
-import { ContentNodeSelectorComponent } from './components/content-node-selector/content-node-selector.component';
-import { NotificationsComponent } from './components/notifications/notifications.component';
 import { ReportIssueComponent } from './components/report-issue/report-issue.component';
-import { CardViewComponent } from './components/card-view/card-view.component';
-import { HeaderDataComponent } from './components/header-data/header-data.component';
-import { ConfigEditorComponent } from './components/config-editor/config-editor.component';
-import { HeaderDataService } from './components/header-data/header-data.service';
 import { MonacoEditorModule } from 'ngx-monaco-editor';
 import { ContentModule } from '@alfresco/adf-content-services';
 import { InsightsModule } from '@alfresco/adf-insights';
 import { ProcessModule } from '@alfresco/adf-process-services';
 import { AuthBearerInterceptor } from './services';
+import { ProcessServicesCloudModule, GroupCloudModule } from '@alfresco/adf-process-services-cloud';
+import { TreeViewSampleComponent } from './components/tree-view/tree-view-sample.component';
+import { CloudLayoutComponent } from './components/app-layout/cloud/cloud-layout.component';
+import { AppsCloudDemoComponent } from './components/app-layout/cloud/apps-cloud-demo.component';
+import { ProcessesCloudDemoComponent } from './components/app-layout/cloud/processes-cloud-demo.component';
+import { TaskDetailsCloudDemoComponent } from './components/app-layout/cloud/task-details-cloud-demo.component';
+import { StartTaskCloudDemoComponent } from './components/app-layout/cloud/start-task-cloud-demo.component';
+import { CloudBreadcrumbsComponent } from './components/app-layout/cloud/cloud-breadcrumb-component';
+import { TasksCloudDemoComponent } from './components/app-layout/cloud/tasks-cloud-demo.component';
+import { CloudFiltersDemoComponent } from './components/app-layout/cloud/cloud-filters-demo.component';
+import { StartProcessCloudDemoComponent } from './components/app-layout/cloud/start-process-cloud-demo.component';
+import { TemplateDemoComponent } from './components/template-list/template-demo.component';
+import { PeopleGroupCloudDemoComponent } from './components/app-layout/cloud/people-groups-cloud-demo.component';
+import { CloudSettingsComponent } from './components/app-layout/cloud/cloud-settings.component';
+import { AppExtensionsModule } from './app-extension.module';
 
 @NgModule({
     imports: [
@@ -90,41 +89,38 @@ import { AuthBearerInterceptor } from './services';
         FormsModule,
         HttpClientModule,
         MaterialModule,
+        AppExtensionsModule,
         FlexLayoutModule,
         CoreModule.forRoot(),
         ContentModule.forRoot(),
         InsightsModule.forRoot(),
         ProcessModule.forRoot(),
+        ProcessServicesCloudModule,
+        ExtensionsModule.forRoot(),
         ThemePickerModule,
         ChartsModule,
-        MonacoEditorModule.forRoot()
+        MonacoEditorModule.forRoot(),
+        ProcessServicesCloudModule,
+        GroupCloudModule
     ],
     declarations: [
         AppComponent,
         LoginComponent,
         LogoutComponent,
-        SettingsComponent,
         AppLayoutComponent,
         HomeComponent,
         SearchBarComponent,
         SearchResultComponent,
         SearchExtendedComponent,
-        AboutComponent,
         LogComponent,
         ProcessServiceComponent,
         ShowDiagramComponent,
         FormViewerComponent,
         FormNodeViewerComponent,
         AppsViewComponent,
-        DataTableComponent,
         FilesComponent,
-        TrashcanComponent,
         FormComponent,
         FormListComponent,
-        WebscriptComponent,
-        TagComponent,
-        SocialComponent,
-        CustomSourcesComponent,
         VersionManagerDialogAdapterComponent,
         MetadataDialogAdapterComponent,
         TaskAttachmentsComponent,
@@ -134,15 +130,20 @@ import { AuthBearerInterceptor } from './services';
         FormLoadingComponent,
         DemoPermissionComponent,
         FormLoadingComponent,
-        BreadcrumbDemoComponent,
-        NotificationsComponent,
-        CardViewComponent,
-        ContentNodeSelectorComponent,
         ReportIssueComponent,
-        TaskListDemoComponent,
-        ProcessListDemoComponent,
-        HeaderDataComponent,
-        ConfigEditorComponent
+        TreeViewSampleComponent,
+        CloudLayoutComponent,
+        AppsCloudDemoComponent,
+        TasksCloudDemoComponent,
+        ProcessesCloudDemoComponent,
+        TaskDetailsCloudDemoComponent,
+        StartTaskCloudDemoComponent,
+        StartProcessCloudDemoComponent,
+        CloudBreadcrumbsComponent,
+        CloudFiltersDemoComponent,
+        TemplateDemoComponent,
+        PeopleGroupCloudDemoComponent,
+        CloudSettingsComponent
     ],
     providers: [
         {
@@ -166,8 +167,7 @@ import { AuthBearerInterceptor } from './services';
                 source: 'resources/lazy-loading'
             }
         },
-        PreviewService,
-        HeaderDataService
+        PreviewService
     ],
     entryComponents: [
         VersionManagerDialogAdapterComponent,

demo-shell/src/app/app.routes.ts

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Copyright 2016 Alfresco Software, Ltd.
+ * Copyright 2019 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.
@@ -20,10 +20,8 @@ import { RouterModule, Routes } from '@angular/router';
 import { AuthGuard, AuthGuardEcm, ErrorContentComponent, AuthGuardBpm } from '@alfresco/adf-core';
 import { AppLayoutComponent } from './components/app-layout/app-layout.component';
 import { LoginComponent } from './components/login/login.component';
-import { SettingsComponent } from './components/settings/settings.component';
 import { HomeComponent } from './components/home/home.component';
 import { LogoutComponent } from './components/logout/logout.component';
-import { AboutComponent } from './components/about/about.component';
 import { ProcessServiceComponent } from './components/process-service/process-service.component';
 import { ShowDiagramComponent } from './components/process-service/show-diagram.component';
 import { FormViewerComponent } from './components/process-service/form-viewer.component';
@@ -31,36 +29,33 @@ import { FormNodeViewerComponent } from './components/process-service/form-node-
 import { AppsViewComponent } from './components/process-service/apps-view.component';
 import { SearchResultComponent } from './components/search/search-result.component';
 import { SearchExtendedComponent } from './components/search/search-extended.component';
-import { TrashcanComponent } from './components/trashcan/trashcan.component';
-
-import { DataTableComponent } from './components/datatable/datatable.component';
-import { WebscriptComponent } from './components/webscript/webscript.component';
-import { TagComponent } from './components/tag/tag.component';
-import { SocialComponent } from './components/social/social.component';
 import { FilesComponent } from './components/files/files.component';
 import { FormComponent } from './components/form/form.component';
-
-import { CustomSourcesComponent } from './components/files/custom-sources.component';
 import { FormListComponent } from './components/form/form-list.component';
 import { OverlayViewerComponent } from './components/overlay-viewer/overlay-viewer.component';
 import { SharedLinkViewComponent } from './components/shared-link-view/shared-link-view.component';
 import { FormLoadingComponent } from './components/form/form-loading.component';
 import { DemoPermissionComponent } from './components/permissions/demo-permissions.component';
-import { BreadcrumbDemoComponent } from './components/breadcrumb-demo/breadcrumb-demo.component';
-import { TaskListDemoComponent } from './components/task-list-demo/task-list-demo.component';
-import { ProcessListDemoComponent } from './components/process-list-demo/process-list-demo.component';
-import { NotificationsComponent } from './components/notifications/notifications.component';
-import { CardViewComponent } from './components/card-view/card-view.component';
-import { ContentNodeSelectorComponent } from './components/content-node-selector/content-node-selector.component';
 import { ReportIssueComponent } from './components/report-issue/report-issue.component';
-import { HeaderDataComponent } from './components/header-data/header-data.component';
-import { ConfigEditorComponent } from './components/config-editor/config-editor.component';
 import { AppComponent } from './app.component';
+import { TreeViewSampleComponent } from './components/tree-view/tree-view-sample.component';
+import { CloudLayoutComponent } from './components/app-layout/cloud/cloud-layout.component';
+import { ProcessesCloudDemoComponent } from './components/app-layout/cloud/processes-cloud-demo.component';
+import { TaskDetailsCloudDemoComponent } from './components/app-layout/cloud/task-details-cloud-demo.component';
+import { AppsCloudDemoComponent } from './components/app-layout/cloud/apps-cloud-demo.component';
+import { TasksCloudDemoComponent } from './components/app-layout/cloud/tasks-cloud-demo.component';
+import { StartTaskCloudDemoComponent } from './components/app-layout/cloud/start-task-cloud-demo.component';
+import { StartProcessCloudDemoComponent } from './components/app-layout/cloud/start-process-cloud-demo.component';
+import { TemplateDemoComponent } from './components/template-list/template-demo.component';
+import { PeopleGroupCloudDemoComponent } from './components/app-layout/cloud/people-groups-cloud-demo.component';
 
 export const appRoutes: Routes = [
     { path: 'login', component: LoginComponent },
     { path: 'logout', component: LogoutComponent },
-    { path: 'settings', component: SettingsComponent },
+    {
+        path: 'settings',
+        loadChildren: 'app/components/settings/settings.module#AppSettingsModule'
+    },
     {
         path: 'files/:nodeId/view',
         component: AppComponent,
@@ -89,36 +84,37 @@ export const appRoutes: Routes = [
     { path: 'preview/s/:id', component: SharedLinkViewComponent },
     {
         path: 'breadcrumb',
-        component: BreadcrumbDemoComponent,
-        canActivate: [AuthGuardEcm]
+        canActivate: [AuthGuardEcm],
+        component: AppLayoutComponent,
+        loadChildren: 'app/components/breadcrumb-demo/breadcrumb-demo.module#AppBreadcrumbModule'
     },
     {
         path: 'notifications',
-        component: AppLayoutComponent ,
+        component: AppLayoutComponent,
         children: [
             {
                 path: '',
-                component: NotificationsComponent
+                loadChildren: 'app/components/notifications/notifications.module#AppNotificationsModule'
             }
         ]
     },
     {
         path: 'config-editor',
-        component: AppLayoutComponent ,
+        component: AppLayoutComponent,
         children: [
             {
                 path: '',
-                component: ConfigEditorComponent
+                loadChildren: 'app/components/config-editor/config-editor.module#AppConfigEditorModule'
             }
         ]
     },
     {
         path: 'card-view',
-        component: AppLayoutComponent ,
+        component: AppLayoutComponent,
         children: [
             {
                 path: '',
-                component: CardViewComponent
+                loadChildren: 'app/components/card-view/card-view.module#AppCardViewModule'
             }
         ]
     },
@@ -128,7 +124,7 @@ export const appRoutes: Routes = [
         children: [
             {
                 path: '',
-                component: HeaderDataComponent
+                loadChildren: 'app/components/header-data/header-data.module#AppHeaderDataModule'
             }
         ]
     },
@@ -145,18 +141,62 @@ export const appRoutes: Routes = [
                 path: 'home',
                 component: HomeComponent
             },
+            {
+                path: 'cloud',
+                children: [
+                    {
+                        path: '',
+                        component: AppsCloudDemoComponent
+                    },
+                    {
+                        path: 'people-group-cloud',
+                        component: PeopleGroupCloudDemoComponent
+                    },
+                    {
+                        path: ':appName',
+                        children: [
+                            {
+                                path: '',
+                                component: CloudLayoutComponent,
+                                children: [
+                                    {
+                                        path: 'tasks',
+                                        component: TasksCloudDemoComponent
+                                    },
+                                    {
+                                        path: 'processes',
+                                        component: ProcessesCloudDemoComponent
+                                    }
+                                ]
+                            },
+                            {
+                                path: 'start-task',
+                                component: StartTaskCloudDemoComponent
+                            },
+                            {
+                                path: 'start-process',
+                                component: StartProcessCloudDemoComponent
+                            },
+                            {
+                                path: 'task-details/:taskId',
+                                component: TaskDetailsCloudDemoComponent
+                            }
+                        ]
+                    }
+                ]
+            },
             {
                 path: 'node-selector',
-                component: ContentNodeSelectorComponent
+                loadChildren: 'app/components/content-node-selector/content-node-selector.module#AppContentNodeSelectorModule'
             },
             {
                 path: 'settings-layout',
-                component: SettingsComponent
+                loadChildren: 'app/components/settings/settings.module#AppSettingsModule'
             },
             {
                 path: 'trashcan',
-                component: TrashcanComponent,
-                canActivate: [AuthGuardEcm]
+                canActivate: [AuthGuardEcm],
+                loadChildren: 'app/components/trashcan/trashcan.module#AppTrashcanModule'
             },
             {
                 path: 'files',
@@ -175,12 +215,13 @@ export const appRoutes: Routes = [
             },
             {
                 path: 'dl-custom-sources',
-                component: CustomSourcesComponent,
-                canActivate: [AuthGuardEcm]
+                canActivate: [AuthGuardEcm],
+                loadChildren: 'app/components/files/custom-sources.module#AppCustomSourcesModule'
+
             },
             {
                 path: 'datatable',
-                component: DataTableComponent
+                loadChildren: 'app/components/datatable/datatable.module#AppDataTableModule'
             },
             {
                 path: 'search',
@@ -246,31 +287,44 @@ export const appRoutes: Routes = [
             },
             // TODO: check if needed
             {
+                /* cspell:disable-next-line */
                 path: 'activiti/tasksnode/:id',
                 component: FormNodeViewerComponent,
                 canActivate: [AuthGuardBpm]
             },
             {
                 path: 'webscript',
-                component: WebscriptComponent,
-                canActivate: [AuthGuardEcm]
+                canActivate: [AuthGuardEcm],
+                loadChildren: 'app/components/webscript/webscript.module#AppWebScriptModule'
             },
             {
                 path: 'tag',
-                component: TagComponent,
-                canActivate: [AuthGuardEcm]
+                canActivate: [AuthGuardEcm],
+                loadChildren: 'app/components/tag/tag.module#AppTagModule'
             },
             {
                 path: 'social',
-                component: SocialComponent,
-                canActivate: [AuthGuardEcm]
+                canActivate: [AuthGuardEcm],
+                loadChildren: 'app/components/social/social.module#AppSocialModule'
             },
             {
                 path: 'permissions/:id',
                 component: DemoPermissionComponent,
                 canActivate: [AuthGuardEcm]
             },
-            { path: 'about', component: AboutComponent },
+            {
+                path: 'treeview',
+                component: TreeViewSampleComponent,
+                canActivate: [AuthGuardEcm]
+            },
+            {
+                path: 'about',
+                loadChildren: 'app/components/about/about.module#AppAboutModule'
+            },
+            {
+                path: 'icons',
+                loadChildren: './components/icons/icons.module#AppIconsModule'
+            },
             { path: 'form', component: FormComponent },
             { path: 'form-list', component: FormListComponent },
             { path: 'form-loading', component: FormLoadingComponent },
@@ -288,24 +342,18 @@ export const appRoutes: Routes = [
                 loadChildren: 'app/components/lazy-loading/lazy-loading.module#LazyLoadingModule'
             },
             {
-                path: 'task-list',
-                component: TaskListDemoComponent,
-                canActivate: [AuthGuardBpm]
+                path: 'template-list',
+                component: TemplateDemoComponent
             },
             {
-                path: 'task-list/:id',
-                component: TaskListDemoComponent,
-                canActivate: [AuthGuardBpm]
+                path: 'task-list',
+                canActivate: [AuthGuardBpm],
+                loadChildren: 'app/components/task-list-demo/task-list.module#AppTaskListModule'
             },
             {
                 path: 'process-list',
-                component: ProcessListDemoComponent,
-                canActivate: [AuthGuardBpm]
-            },
-            {
-                path: 'process-list/:id',
-                component: ProcessListDemoComponent,
-                canActivate: [AuthGuardBpm]
+                canActivate: [AuthGuardBpm],
+                loadChildren: 'app/components/process-list-demo/process-list.module#AppProcessListModule'
             },
             {
                 path: 'error/:id',

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

@@ -1 +1,51 @@
+<h3>{{ 'ABOUT.TITLE' | translate }}</h3>
+<div class="adf-extension-details-container">
+    <mat-table [dataSource]="extensions$ | async">
+        <!-- $id Column -->
+        <ng-container matColumnDef="$id">
+            <mat-header-cell *matHeaderCellDef>{{ 'ABOUT.TABLE_HEADERS.ID' | translate }}</mat-header-cell>
+            <mat-cell *matCellDef="let element">{{element.$id}}</mat-cell>
+        </ng-container>
+
+        <!-- $name Column -->
+        <ng-container matColumnDef="$name">
+        <mat-header-cell *matHeaderCellDef>{{ 'ABOUT.TABLE_HEADERS.NAME' | translate }}</mat-header-cell>
+        <mat-cell *matCellDef="let element">{{element.$name}}</mat-cell>
+        </ng-container>
+
+        <!-- $version Column -->
+        <ng-container matColumnDef="$version">
+            <mat-header-cell *matHeaderCellDef>{{ 'ABOUT.TABLE_HEADERS.VERSION' | translate }}</mat-header-cell>
+            <mat-cell *matCellDef="let element">{{element.$version}}</mat-cell>
+        </ng-container>
+
+        <!-- $vendor Column -->
+        <ng-container matColumnDef="$vendor">
+            <mat-header-cell *matHeaderCellDef>{{ 'ABOUT.TABLE_HEADERS.VENDOR' | translate }}</mat-header-cell>
+            <mat-cell *matCellDef="let element">{{element.$vendor}}</mat-cell>
+        </ng-container>
+
+        <!-- $license Column -->
+        <ng-container matColumnDef="$license">
+            <mat-header-cell *matHeaderCellDef>{{ 'ABOUT.TABLE_HEADERS.LICENSE' | translate }}</mat-header-cell>
+            <mat-cell *matCellDef="let element">{{element.$license}}</mat-cell>
+        </ng-container>
+
+        <!-- $runtime Column -->
+        <ng-container matColumnDef="$runtime">
+            <mat-header-cell *matHeaderCellDef>{{ 'ABOUT.TABLE_HEADERS.RUNTIME' | translate }}</mat-header-cell>
+            <mat-cell *matCellDef="let element">{{element.$runtime}}</mat-cell>
+        </ng-container>
+
+        <!-- $description Column -->
+        <ng-container matColumnDef="$description">
+            <mat-header-cell *matHeaderCellDef>{{ 'ABOUT.TABLE_HEADERS.DESCRIPTION' | translate }}</mat-header-cell>
+            <mat-cell *matCellDef="let element">{{element.$description}}</mat-cell>
+        </ng-container>
+
+        <mat-header-row *matHeaderRowDef="extensionColumns"></mat-header-row>
+        <mat-row *matRowDef="let row; columns: extensionColumns;"></mat-row>
+    </mat-table>
+</div>
+
 <adf-about></adf-about>

demo-shell/src/app/components/about/about.component.scss

@@ -0,0 +1,3 @@
+.adf-extension-details-container {
+    padding: 4px;
+}

demo-shell/src/app/components/about/about.component.ts

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Copyright 2016 Alfresco Software, Ltd.
+ * Copyright 2019 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.
@@ -16,11 +16,19 @@
  */
 
 import { Component } from '@angular/core';
+import { AppExtensionService, ExtensionRef } from '@alfresco/adf-extensions';
+import { Observable } from 'rxjs';
 
 @Component({
     selector: 'app-about-page',
-    templateUrl: './about.component.html'
+    templateUrl: './about.component.html',
+    styleUrls: ['about.component.scss']
 })
-export class AboutComponent  {
+export class AboutComponent {
+    extensionColumns: string[] = ['$id', '$name', '$version', '$vendor', '$license', '$runtime', '$description'];
+    extensions$: Observable<ExtensionRef[]>;
 
+    constructor(appExtensions: AppExtensionService) {
+        this.extensions$ = appExtensions.references$;
+    }
 }

demo-shell/src/app/components/about/about.module.ts

@@ -0,0 +1,39 @@
+/*!
+ * @license
+ * Copyright 2019 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 { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { AboutComponent } from './about.component';
+import { CommonModule } from '@angular/common';
+import { CoreModule } from '@alfresco/adf-core';
+
+const routes: Routes = [
+    {
+      path: '',
+      component: AboutComponent
+    }
+];
+
+@NgModule({
+    imports: [
+        CommonModule,
+        CoreModule.forChild(),
+        RouterModule.forChild(routes)
+    ],
+    declarations: [AboutComponent]
+})
+export class AppAboutModule {}

demo-shell/src/app/components/app-layout/app-layout.component.html

@@ -3,7 +3,7 @@
                     [position]="position">
 
     <adf-sidenav-layout-header>
-        <ng-template let-toggleMenu=" toggleMenu">
+        <ng-template let-toggleMenu="toggleMenu">
 
             <adf-layout-header id="adf-header"
                                [title]="title | translate"
@@ -45,13 +45,13 @@
                 <a mat-list-item *ngFor="let link of links" [attr.data-automation-id]="link.title | translate"
                    [routerLink]="link.href" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }"
                    class="adf-sidenav-link">
-                    <mat-icon matListIcon class="sidenav-menu-icon">{{link.icon}}</mat-icon>
-                    <div class="sidenav-menu-label" *ngIf="!isMenuMinimized()">{{link.title | translate }}</div>
+                    <mat-icon matListIcon class="adf-sidenav-menu-icon">{{link.icon}}</mat-icon>
+                    <div class="adf-sidenav-menu-label" *ngIf="!isMenuMinimized()">{{link.title | translate }}</div>
                 </a>
-                <a mat-list-item adf-logout [enabelRedirect]="enabelRedirect" redirectUri="/logout"
+                <a mat-list-item adf-logout [enableRedirect]="enableRedirect" redirectUri="/logout"
                    class="adf-sidenav-link">
-                    <mat-icon matListIcon class="sidenav-menu-icon">exit_to_app</mat-icon>
-                    <div class="sidenav-menu-label" *ngIf="!isMenuMinimized()">Logout</div>
+                    <mat-icon matListIcon class="adf-sidenav-menu-icon">exit_to_app</mat-icon>
+                    <div class="adf-sidenav-menu-label" *ngIf="!isMenuMinimized()">Logout</div>
                 </a>
             </mat-nav-list>
 

demo-shell/src/app/components/app-layout/app-layout.component.scss

@@ -43,16 +43,16 @@
         }
 
         .adf-sidenav-link {
-            &.active {
+            &.adf-active {
                 color: mat-color($primary);
             }
 
-            .sidenav-menu-icon {
+            .adf-sidenav-menu-icon {
                 margin-right: 20px;
                 font-size: 14px;
             }
 
-            .sidenav-menu-label {
+            .adf-sidenav-menu-label {
                 font-size: 14px;
                 white-space: nowrap;
             }
@@ -85,7 +85,7 @@
                 min-width: 0;
                 line-height: $toolbarHeight;
 
-                &.active {
+                &.adf-active {
                     background-color: rgba(0, 0, 0, 0.12);
                 }
             }
@@ -98,9 +98,18 @@
         }
 
         .adf-menu {
-            padding-top: 0px;
+            padding-top: 0;
         }
     }
 
     @media screen and ($mat-xsmall) {}
+
+    mat-sidenav-content > div {
+        display: flex;
+        height: 100%;
+
+        > div {
+            flex: auto;
+        }
+    }
 }

demo-shell/src/app/components/app-layout/app-layout.component.ts

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Copyright 2016 Alfresco Software, Ltd.
+ * Copyright 2019 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.
@@ -40,12 +40,15 @@ export class AppLayoutComponent implements OnInit {
         { href: '/node-selector', icon: 'attachment', title: 'APP_LAYOUT.NODE-SELECTOR' },
         { href: '/task-list', icon: 'assignment', title: 'APP_LAYOUT.TASK_LIST' },
         { href: '/process-list', icon: 'assignment', title: 'APP_LAYOUT.PROCESS_LIST' },
+        { href: '/cloud', icon: 'cloud', title: 'APP_LAYOUT.PROCESS_CLOUD' },
+        { href: '/cloud/people-group-cloud', icon: 'group', title: 'APP_LAYOUT.PEOPLE_GROUPS_CLOUD' },
         { href: '/activiti', icon: 'device_hub', title: 'APP_LAYOUT.PROCESS_SERVICES' },
         { href: '/login', icon: 'vpn_key', title: 'APP_LAYOUT.LOGIN' },
         { href: '/trashcan', icon: 'delete', title: 'APP_LAYOUT.TRASHCAN' },
         { href: '/dl-custom-sources', icon: 'extension', title: 'APP_LAYOUT.CUSTOM_SOURCES' },
         { href: '/datatable', icon: 'view_module', title: 'APP_LAYOUT.DATATABLE' },
         { href: '/datatable-lazy', icon: 'view_module', title: 'APP_LAYOUT.DATATABLE_LAZY' },
+        { href: '/template-list', icon: 'list_alt', title: 'APP_LAYOUT.TEMPLATE' },
         { href: '/form', icon: 'poll', title: 'APP_LAYOUT.FORM' },
         { href: '/form-list', icon: 'library_books', title: 'APP_LAYOUT.FORM_LIST' },
         { href: '/form-loading', icon: 'cached', title: 'APP_LAYOUT.FORM_LOADING' },
@@ -55,7 +58,10 @@ export class AppLayoutComponent implements OnInit {
         { href: '/settings-layout', icon: 'settings', title: 'APP_LAYOUT.SETTINGS' },
         { href: '/config-editor', icon: 'code', title: 'APP_LAYOUT.CONFIG-EDITOR' },
         { href: '/extendedSearch', icon: 'search', title: 'APP_LAYOUT.SEARCH' },
+        /* cspell:disable-next-line */
         { href: '/overlay-viewer', icon: 'pageview', title: 'APP_LAYOUT.OVERLAY_VIEWER' },
+        { href: '/treeview', icon: 'nature', title: 'APP_LAYOUT.TREE_VIEW' },
+        { href: '/icons', icon: 'tag_faces', title: 'APP_LAYOUT.ICONS' },
         { href: '/about', icon: 'info_outline', title: 'APP_LAYOUT.ABOUT' }
     ];
 
@@ -66,7 +72,7 @@ export class AppLayoutComponent implements OnInit {
     hideSidenav = false;
     showMenu = true;
 
-    enabelRedirect = true;
+    enableRedirect = true;
     color = 'primary';
     title = 'APP_LAYOUT.APP_NAME';
     logo: string;
@@ -78,34 +84,34 @@ export class AppLayoutComponent implements OnInit {
         const preserveState = this.config.get('sideNav.preserveState');
 
         if (preserveState && expand) {
-            this.expandedSidenav = (this.userpreference.get('expandedSidenav', expand.toString()) === 'true');
+            this.expandedSidenav = (this.userPreferences.get('expandedSidenav', expand.toString()) === 'true');
         } else if (expand) {
             this.expandedSidenav = expand;
         }
 
-        this.headerService.hideMenu.subscribe(show => this.showMenu = show);
-        this.headerService.color.subscribe(color => this.color = color);
-        this.headerService.title.subscribe(title => this.title = title);
-        this.headerService.logo.subscribe(path => this.logo = path);
-        this.headerService.redirectUrl.subscribe(redirectUrl => this.redirectUrl = redirectUrl);
-        this.headerService.tooltip.subscribe(tooltip => this.tooltip = tooltip);
-        this.headerService.position.subscribe(position => this.position = position);
-        this.headerService.hideSidenav.subscribe(hideSidenav => this.hideSidenav = hideSidenav);
+        this.headerService.hideMenu.subscribe((show) => this.showMenu = show);
+        this.headerService.color.subscribe((color) => this.color = color);
+        this.headerService.title.subscribe((title) => this.title = title);
+        this.headerService.logo.subscribe((path) => this.logo = path);
+        this.headerService.redirectUrl.subscribe((redirectUrl) => this.redirectUrl = redirectUrl);
+        this.headerService.tooltip.subscribe((tooltip) => this.tooltip = tooltip);
+        this.headerService.position.subscribe((position) => this.position = position);
+        this.headerService.hideSidenav.subscribe((hideSidenav) => this.hideSidenav = hideSidenav);
     }
 
     constructor(
-        private userpreference: UserPreferencesService,
+        private userPreferences: UserPreferencesService,
         private config: AppConfigService,
         private alfrescoApiService: AlfrescoApiService,
         private headerService: HeaderDataService) {
         if (this.alfrescoApiService.getInstance().isOauthConfiguration()) {
-            this.enabelRedirect = false;
+            this.enableRedirect = false;
         }
     }
 
     setState(state) {
         if (this.config.get('sideNav.preserveState')) {
-            this.userpreference.set('expandedSidenav', state);
+            this.userPreferences.set('expandedSidenav', state);
         }
     }
 }

demo-shell/src/app/components/app-layout/cloud/apps-cloud-demo.component.html

@@ -0,0 +1 @@
+<adf-cloud-app-list (appClick)="onAppClick($event)"></adf-cloud-app-list>

demo-shell/src/app/components/app-layout/cloud/apps-cloud-demo.component.ts

@@ -0,0 +1,35 @@
+/*!
+ * @license
+ * Copyright 2019 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 { Component } from '@angular/core';
+import { Router } from '@angular/router';
+import { CloudLayoutService } from './services/cloud-layout.service';
+
+@Component({
+    templateUrl: './apps-cloud-demo.component.html'
+})
+
+export class AppsCloudDemoComponent {
+
+    constructor(private router: Router, private cloudLayoutService: CloudLayoutService) {
+    }
+
+    onAppClick(app) {
+        this.cloudLayoutService.setCurrentTaskFilterParam({key: 'my-tasks'});
+        this.router.navigate([`/cloud/${app.name}`]);
+    }
+}

demo-shell/src/app/components/app-layout/cloud/cloud-breadcrumb-component.html

@@ -0,0 +1,8 @@
+<adf-toolbar>
+  <div fxLayout="column" fxLayoutAlign="center">
+    <div fxLayout="row">
+      <div class="adf-app-crumb">{{appName + ' >'}} </div>
+      <div class="adf-filter-crumb"> {{filterName | translate}}</div>
+    </div>
+  </div>
+</adf-toolbar>

demo-shell/src/app/components/app-layout/cloud/cloud-breadcrumb-component.scss

@@ -0,0 +1,8 @@
+.adf-app-crumb {
+  opacity: 0.5;
+}
+
+.adf-filter-crumb {
+  opacity: 0.8;
+  margin-left: 5px;
+}

demo-shell/src/app/components/app-layout/cloud/cloud-breadcrumb-component.ts

@@ -0,0 +1,44 @@
+/*!
+ * @license
+ * Copyright 2019 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 { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+
+@Component({
+  selector: 'app-cloud-breadcrumbs',
+  templateUrl: './cloud-breadcrumb-component.html',
+  styleUrls: ['cloud-breadcrumb-component.scss']
+})
+export class CloudBreadcrumbsComponent implements OnInit {
+
+  appName: string;
+  filterName: string;
+
+  constructor(private route: ActivatedRoute) { }
+
+  ngOnInit() {
+    this.route.parent.params.subscribe((
+      params) => {
+      this.appName = params.appName;
+    });
+    this.route.queryParams.subscribe((params) => {
+      if (params.filterName) {
+        this.filterName = params.filterName;
+      }
+    });
+  }
+}

demo-shell/src/app/components/app-layout/cloud/cloud-filters-demo.component.html

@@ -0,0 +1,31 @@
+<mat-accordion>
+  <mat-expansion-panel [expanded]="expandTaskFilter" (opened)="onTaskFilterOpen()" (closed)="onTaskFilterClose()" data-automation-id='Task Filters'>
+    <mat-expansion-panel-header>
+      <mat-panel-title>
+        Task Filters
+      </mat-panel-title>
+    </mat-expansion-panel-header>
+    <adf-cloud-task-filters
+        *ngIf="expandTaskFilter"
+        [appName]="appName"
+        [showIcons]="true"
+        [filterParam]="currentTaskFilter$ | async"
+        (filterClick)="onTaskFilterSelected($event)">
+      </adf-cloud-task-filters>
+  </mat-expansion-panel>
+
+  <mat-expansion-panel [expanded]="expandProcessFilter" (opened)="onProcessFilterOpen()" (closed)="onProcessFilterClose()" data-automation-id='Process Filters'>
+    <mat-expansion-panel-header>
+      <mat-panel-title>
+          Process Filters
+      </mat-panel-title>
+    </mat-expansion-panel-header>
+    <adf-cloud-process-filters
+        *ngIf="expandProcessFilter"
+        [appName]="appName"
+        [showIcons]="true"
+        [filterParam]="currentProcessFilter$ | async"
+        (filterClick)="onProcessFilterSelected($event)">
+      </adf-cloud-process-filters>
+  </mat-expansion-panel>
+</mat-accordion>

demo-shell/src/app/components/app-layout/cloud/cloud-filters-demo.component.scss

@@ -0,0 +1,3 @@
+adf-cloud-task-filters .adf-filters__entry, adf-cloud-process-filters .adf-filters__entry {
+  padding-left: 0 !important;
+}

demo-shell/src/app/components/app-layout/cloud/cloud-filters-demo.component.ts

@@ -0,0 +1,95 @@
+/*!
+ * @license
+ * Copyright 2019 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 { Component, ViewEncapsulation, Input, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { CloudLayoutService } from './services/cloud-layout.service';
+import { Router, ActivatedRoute } from '@angular/router';
+@Component({
+    selector: 'app-cloud-filters-demo',
+    templateUrl: './cloud-filters-demo.component.html',
+    styleUrls: ['cloud-filters-demo.component.scss'],
+    encapsulation: ViewEncapsulation.None
+})
+export class CloudFiltersDemoComponent implements OnInit {
+
+    @Input()
+    appName: string;
+
+    currentTaskFilter$: Observable<any>;
+    currentProcessFilter$: Observable<any>;
+
+    toggleTaskFilter = true;
+    toggleProcessFilter = true;
+
+    expandTaskFilter = true;
+    expandProcessFilter = false;
+
+    constructor(
+        private cloudLayoutService: CloudLayoutService,
+        private router: Router,
+        private route: ActivatedRoute
+    ) {}
+
+    ngOnInit() {
+        this.currentTaskFilter$ = this.cloudLayoutService.getCurrentTaskFilterParam();
+        this.currentProcessFilter$ = this.cloudLayoutService.getCurrentProcessFilterParam();
+        let root = '';
+        if (this.route.snapshot && this.route.snapshot.firstChild) {
+            root = this.route.snapshot.firstChild.url[0].path;
+            if (root === 'tasks') {
+                this.expandTaskFilter = true;
+                this.expandProcessFilter = false;
+            } else if (root === 'processes') {
+                this.expandProcessFilter = true;
+                this.expandTaskFilter = false;
+            }
+        }
+    }
+
+    onTaskFilterSelected(filter) {
+        this.cloudLayoutService.setCurrentTaskFilterParam({id: filter.id});
+        const currentFilter = Object.assign({}, filter);
+        this.router.navigate([`/cloud/${this.appName}/tasks/`], { queryParams: currentFilter });
+    }
+
+    onProcessFilterSelected(filter) {
+        this.cloudLayoutService.setCurrentProcessFilterParam({id: filter.id});
+        const currentFilter = Object.assign({}, filter);
+        this.router.navigate([`/cloud/${this.appName}/processes/`], { queryParams: currentFilter });
+    }
+
+    onTaskFilterOpen(): boolean {
+        this.expandTaskFilter = true;
+        this.expandProcessFilter = false;
+        return this.toggleTaskFilter;
+    }
+
+    onTaskFilterClose(): boolean {
+        return !this.toggleTaskFilter;
+    }
+
+    onProcessFilterOpen(): boolean {
+        this.expandProcessFilter = true;
+        this.expandTaskFilter = false;
+        return this.toggleProcessFilter;
+    }
+
+    onProcessFilterClose(): boolean {
+        return !this.toggleProcessFilter;
+    }
+}

demo-shell/src/app/components/app-layout/cloud/cloud-layout.component.html

@@ -0,0 +1,41 @@
+<mat-tab-group fxFill class="adf-cloud-layout-tab-body">
+  <mat-tab label="{{'PS_CLOUD_TAB.APPS_TAB' | translate}}">
+    <div fxFill fxLayout>
+      <adf-sidenav-layout fxFlex [sidenavMin]="70" [sidenavMax]="270" [stepOver]="780">
+        <adf-sidenav-layout-header>
+          <ng-template>
+            <app-cloud-breadcrumbs></app-cloud-breadcrumbs>
+          </ng-template>
+        </adf-sidenav-layout-header>
+        <adf-sidenav-layout-navigation>
+          <ng-template>
+            <adf-sidebar-action-menu [expanded]="true" [width]="205" title="{{'ADF_SIDEBAR_ACTION_MENU.BUTTON.CREATE' | translate}}">
+              <mat-icon adf-sidebar-menu-title-icon>arrow_drop_down</mat-icon>
+              <div adf-sidebar-menu-options>
+                <button mat-menu-item data-automation-id="btn-start-task" (click)="onStartTask()">
+                  <mat-icon>assessment</mat-icon>
+                  <span>{{'ADF_SIDEBAR_ACTION_MENU.BUTTON.NEW_TASK' | translate}}</span>
+                </button>
+              </div>
+              <div adf-sidebar-menu-options>
+                <button mat-menu-item data-automation-id="btn-start-process" (click)="onStartProcess()">
+                  <mat-icon>assessment</mat-icon>
+                  <span>{{'ADF_SIDEBAR_ACTION_MENU.BUTTON.NEW_PROCESS' | translate}}</span>
+                </button>
+              </div>
+            </adf-sidebar-action-menu>
+            <app-cloud-filters-demo [appName]="appName"></app-cloud-filters-demo>
+          </ng-template>
+        </adf-sidenav-layout-navigation>
+        <adf-sidenav-layout-content>
+          <ng-template>
+            <router-outlet></router-outlet>
+          </ng-template>
+        </adf-sidenav-layout-content>
+      </adf-sidenav-layout>
+    </div>
+  </mat-tab>
+  <mat-tab label="{{'PS_CLOUD_TAB.SETTINGS_TAB' | translate}}">
+      <app-cloud-settings></app-cloud-settings>
+  </mat-tab>
+</mat-tab-group>

demo-shell/src/app/components/app-layout/cloud/cloud-layout.component.scss

@@ -0,0 +1,7 @@
+.adf-cloud-layout-overflow {
+  overflow: auto;
+}
+
+.adf-cloud-layout-tab-body .mat-tab-body-wrapper {
+  height: 100%;
+}

demo-shell/src/app/components/app-layout/cloud/cloud-layout.component.ts

@@ -0,0 +1,65 @@
+/*!
+ * @license
+ * Copyright 2019 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 { Component, OnInit, ViewEncapsulation } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { CloudLayoutService } from './services/cloud-layout.service';
+
+@Component({
+    selector: 'app-cloud-layout',
+    templateUrl: './cloud-layout.component.html',
+    styleUrls: ['./cloud-layout.component.scss'],
+    encapsulation: ViewEncapsulation.None
+})
+export class CloudLayoutComponent implements OnInit {
+    displayMenu = true;
+    appName: string;
+
+    constructor(
+        private router: Router,
+        private route: ActivatedRoute,
+        private cloudLayoutService: CloudLayoutService
+    ) { }
+
+    ngOnInit() {
+        let root: string = '';
+        this.route.params.subscribe((params) => {
+            this.appName = params.appName;
+        });
+
+        if (this.route.snapshot && this.route.snapshot.firstChild) {
+            root = this.route.snapshot.firstChild.url[0].path;
+        }
+
+        this.route.queryParams.subscribe((params) => {
+            if (root === 'tasks' && params.id) {
+                this.cloudLayoutService.setCurrentTaskFilterParam({ id: params.id });
+            }
+
+            if (root === 'processes' && params.id) {
+                this.cloudLayoutService.setCurrentProcessFilterParam({ id: params.id });
+            }
+        });
+    }
+
+    onStartTask() {
+        this.router.navigate([`/cloud/${this.appName}/start-task/`]);
+    }
+
+    onStartProcess() {
+        this.router.navigate([`/cloud/${this.appName}/start-process/`]);
+    }
+}

demo-shell/src/app/components/app-layout/cloud/cloud-settings.component.html

@@ -0,0 +1,21 @@
+<div fxFlex fxLayout="column" class="adf-settings-container">
+    <mat-slide-toggle [color]="'primary'" [checked]="multiselect" (change)="toggleMultiselect()" data-automation-id="multiSelection">
+        {{ 'SETTINGS_CLOUD.MULTISELECTION' | translate }}
+    </mat-slide-toggle>
+    <mat-slide-toggle [color]="'primary'" [checked]="testingMode" (change)="toggleTestingMode()" data-automation-id="testingMode">
+        {{ 'SETTINGS_CLOUD.TESTING_MODE' | translate }}
+    </mat-slide-toggle>
+    <mat-slide-toggle [color]="'primary'" [checked]="taskDetailsRedirection" (change)="toggleTaskDetailsRedirection()" data-automation-id="taskDetailsRedirection">
+        {{ 'SETTINGS_CLOUD.TASK_DETAILS_REDIRECTION' | translate }}
+    </mat-slide-toggle>
+    <mat-form-field>
+        <mat-label>
+            {{ 'SETTINGS_CLOUD.SELECTION_MODE' | translate }}
+        </mat-label>
+        <mat-select [(ngModel)]="selectionMode" (selectionChange)="onSelectionModeChange()">
+            <mat-option *ngFor="let option of selectionModeOptions" [value]="option.value">
+                {{ option.title }}
+            </mat-option>
+        </mat-select>
+    </mat-form-field>
+</div>

demo-shell/src/app/components/app-layout/cloud/cloud-settings.component.scss

@@ -0,0 +1,7 @@
+.adf-settings-container {
+    padding: 20px 30px;
+}
+
+.adf-settings-container mat-form-field {
+    max-width: 200px;
+}

demo-shell/src/app/components/app-layout/cloud/cloud-settings.component.ts

@@ -0,0 +1,82 @@
+/*!
+ * @license
+ * Copyright 2019 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 { Component, OnInit } from '@angular/core';
+import { CloudLayoutService } from './services/cloud-layout.service';
+
+@Component({
+    selector: 'app-cloud-settings',
+    templateUrl: './cloud-settings.component.html',
+    styleUrls: ['./cloud-settings.component.scss']
+})
+export class CloudSettingsComponent implements OnInit {
+
+    multiselect: boolean;
+    selectionMode: string;
+    testingMode: boolean;
+    taskDetailsRedirection: boolean;
+
+    selectionModeOptions = [
+        { value: '', title: 'None' },
+        { value: 'single', title: 'Single' },
+        { value: 'multiple', title: 'Multiple' }
+    ];
+
+    constructor(private cloudLayoutService: CloudLayoutService) { }
+
+    ngOnInit() {
+        this.cloudLayoutService.getCurrentSettings()
+            .subscribe((settings) => this.setCurrentSettings(settings));
+    }
+
+    setCurrentSettings(settings) {
+        if (settings) {
+            this.multiselect = settings.multiselect;
+            this.testingMode = settings.testingMode;
+            this.selectionMode = settings.selectionMode;
+            this.taskDetailsRedirection = settings.taskDetailsRedirection;
+        }
+    }
+
+    toggleMultiselect() {
+        this.multiselect = !this.multiselect;
+        this.setSetting();
+    }
+
+    toggleTestingMode() {
+        this.testingMode = !this.testingMode;
+        this.setSetting();
+    }
+
+    toggleTaskDetailsRedirection() {
+        this.taskDetailsRedirection = !this.taskDetailsRedirection;
+        this.setSetting();
+    }
+
+    onSelectionModeChange() {
+        this.setSetting();
+    }
+
+    setSetting() {
+        this.cloudLayoutService.setCurrentSettings({
+            multiselect: this.multiselect,
+            testingMode: this.testingMode,
+            selectionMode: this.selectionMode,
+            taskDetailsRedirection: this.taskDetailsRedirection
+        });
+    }
+}

demo-shell/src/app/components/app-layout/cloud/people-groups-cloud-demo.component.html

@@ -0,0 +1,96 @@
+<mat-card class="adf-section">
+    <mat-card-title>
+        {{ 'APP_LAYOUT.PEOPLE_CLOUD' | translate}}
+    </mat-card-title>
+
+    <mat-card-content>
+        <br>
+        <mat-radio-group (change)="onChangePeopleMode($event)">
+            <mat-radio-button checked="true" class="adf-people-single-mode" value="{{ peopleSingleMode }}">{{
+                'PEOPLE_GROUPS_CLOUD.SINGLE' | translate }}</mat-radio-button>
+            <mat-radio-button class="adf-people-multiple-mode" value="{{ peopleMultipleMode }}">{{
+                'PEOPLE_GROUPS_CLOUD.MULTI' | translate }}</mat-radio-button>
+        </mat-radio-group>
+        <div class="people-control-options">
+            <mat-radio-group (change)="onChangePeopleFilterMode($event)">
+                <mat-radio-button checked="true" class="adf-people-single-mode" value="appName">{{
+                    'PEOPLE_GROUPS_CLOUD.APP_FILTER_MODE' | translate }}</mat-radio-button>
+                <mat-radio-button class="adf-people-multiple-mode" value="role">{{
+                    'PEOPLE_GROUPS_CLOUD.ROLE_FILTER_MODE' | translate }}</mat-radio-button>
+            </mat-radio-group>
+            <mat-form-field *ngIf="!isPeopleAppNameSelected()" class="adf-preselect-value">
+                <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.ROLE' | translate }} ['ACTIVITI_ADMIN', "ACTIVITI_USER"]</mat-label>
+                <input matInput (input)="setPeopleRoles($event)" />
+            </mat-form-field>
+            <mat-form-field *ngIf="isPeopleAppNameSelected()" class="adf-preselect-value">
+                <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.APP_NAME' | translate }}</mat-label>
+                <input matInput (input)="setPeopleAppName($event)" />
+            </mat-form-field>
+            <mat-form-field class="adf-preselect-value-full">
+                <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.PRESELECTED_VALUE' | translate }}: {{ DEFAULT_PEOPLE_PLACEHOLDER }}</mat-label>
+                <input matInput (input)="setPeoplePreselectValue($event)" />
+            </mat-form-field>
+        </div>
+        <div>
+            <adf-cloud-people [preSelectUsers]="preSelectUsers" [appName]="peopleAppName" [roles]="peopleRoles" [mode]="peopleMode"></adf-cloud-people>
+        </div>
+
+        <div class="adf-people-list" *ngIf="canShowPeopleList()">
+            <mat-list role="list">
+                <mat-list-item *ngFor="let item of preSelectUsers" role="listitem">
+                    <mat-icon mat-list-icon>person</mat-icon>
+                    {{ item?.firstName }} {{ item?.lastName }}
+                </mat-list-item>
+            </mat-list>
+        </div>
+    </mat-card-content>
+</mat-card>
+
+<mat-card class="adf-section">
+    <mat-card-title>
+        {{ 'APP_LAYOUT.GROUPS_CLOUD' | translate}}
+    </mat-card-title>
+
+    <mat-card-content>
+        <br>
+        <mat-radio-group (change)="onChangeGroupsMode($event)">
+            <mat-radio-button checked="true" class="adf-people-single-mode" value="{{ groupSingleMode }}">{{
+                'PEOPLE_GROUPS_CLOUD.SINGLE' | translate }}</mat-radio-button>
+            <mat-radio-button class="adf-people-multiple-mode" value="{{ groupMultipleMode }}">{{
+                'PEOPLE_GROUPS_CLOUD.MULTI' | translate }}</mat-radio-button>
+        </mat-radio-group>
+        <div class="groups-control-options">
+            <mat-radio-group (change)="onChangeGroupsFilterMode($event)">
+                <mat-radio-button checked="true" class="adf-people-single-mode" value="appName">{{
+                    'PEOPLE_GROUPS_CLOUD.APP_FILTER_MODE' | translate }}</mat-radio-button>
+                <mat-radio-button class="adf-people-multiple-mode" value="role">{{
+                    'PEOPLE_GROUPS_CLOUD.ROLE_FILTER_MODE' | translate }}</mat-radio-button>
+            </mat-radio-group>
+            <mat-form-field *ngIf="!isGroupAppNameSelected()" class="adf-preselect-value">
+                <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.ROLE' | translate }} ['ACTIVITI_ADMIN', "ACTIVITI_USER"]</mat-label>
+                <input matInput (input)="setGroupRoles($event)" />
+            </mat-form-field>
+            <mat-form-field *ngIf="isGroupAppNameSelected()" class="adf-preselect-value">
+                <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.APP_NAME' | translate }}</mat-label>
+                <input matInput (input)="setGroupAppName($event)" />
+            </mat-form-field>
+            <mat-form-field class="adf-preselect-value-full">
+                <mat-label>Preselect: {{ DEFAULT_GROUP_PLACEHOLDER }}</mat-label>
+                <input matInput (input)="setGroupsPreselectValue($event)" />
+            </mat-form-field>
+        </div>
+        <div>
+            <adf-cloud-group [mode]="groupMode" [roles]="groupRoles" [appName]="groupAppName" [preSelectGroups]="preSelectGroup"
+                (selectGroup)="onSelectGroup($event)" (removeGroup)="onRemoveGroup($event)"></adf-cloud-group>
+        </div>
+
+        <div class="adf-group-list" *ngIf="canShowGroupList()">
+            <mat-list role="list">
+                <mat-list-item *ngFor="let item of preSelectGroup" role="listitem">
+                    <mat-icon mat-list-icon>group</mat-icon>
+                    {{ item.name }}
+                </mat-list-item>
+            </mat-list>
+        </div>
+    </mat-card-content>
+</mat-card>

demo-shell/src/app/components/app-layout/cloud/people-groups-cloud-demo.component.scss

@@ -0,0 +1,31 @@
+.adf {
+    &-section {
+        mat-card-title {
+            font-size:18px;
+            font-weight: bold;
+        }
+        mat-radio-group {
+            margin:7px 10px;
+
+            mat-radio-button {
+                margin: 0 3px;
+            }
+        }
+
+        mat-card-content {
+
+            .adf-preselect-value {
+                margin-right: 15px;
+                min-width: 330px;
+
+                &-big {
+                    width:60%;
+                }
+
+                &-full {
+                    width:100%;
+                }
+            }
+        }
+    }
+}

demo-shell/src/app/components/app-layout/cloud/people-groups-cloud-demo.component.ts

@@ -0,0 +1,166 @@
+/*!
+ * @license
+ * Copyright 2019 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 { Component, ViewEncapsulation } from '@angular/core';
+import { PeopleCloudComponent, GroupCloudComponent, GroupModel } from '@alfresco/adf-process-services-cloud';
+import { MatRadioChange } from '@angular/material';
+
+@Component({
+    selector: 'app-people-groups-cloud',
+    templateUrl: './people-groups-cloud-demo.component.html',
+    styleUrls: ['./people-groups-cloud-demo.component.scss'],
+    encapsulation: ViewEncapsulation.None
+})
+export class PeopleGroupCloudDemoComponent {
+
+    DEFAULT_FILTER_MODE: string = 'appName';
+    DEFAULT_GROUP_PLACEHOLDER: string = `[{"id": "1", "name":"activitiUserGroup"}]`;
+    DEFAULT_PEOPLE_PLACEHOLDER: string = `[{"email": "example@alfresco.com", "firstName":"Administrator", "lastName": "ADF"}]`;
+
+    peopleMode: string = PeopleCloudComponent.MODE_SINGLE;
+    preSelectUsers: string[] = [];
+    peopleRoles: string[] = [];
+    peopleAppName: string;
+    peopleFilterMode: string = this.DEFAULT_FILTER_MODE;
+
+    groupMode: string = GroupCloudComponent.MODE_SINGLE;
+    preSelectGroup: GroupModel[] = [];
+    selectedGroupList: GroupModel[] = [];
+    groupRoles: string[];
+    groupAppName: string;
+    groupFilterMode: string = this.DEFAULT_FILTER_MODE;
+
+    setPeoplePreselectValue(event: any) {
+        this.preSelectUsers = this.getArrayFromString(event.target.value);
+    }
+
+    setGroupsPreselectValue(event: any) {
+        this.preSelectGroup = this.getArrayFromString(event.target.value);
+    }
+
+    setPeopleRoles(event: any) {
+        this.peopleRoles = this.getArrayFromString(event.target.value);
+    }
+
+    setGroupRoles(event: any) {
+        this.groupRoles = this.getArrayFromString(event.target.value);
+    }
+
+    setPeopleAppName(event: any) {
+        this.peopleAppName = event.target.value;
+    }
+
+    setGroupAppName(event: any) {
+        this.groupAppName = event.target.value;
+    }
+
+    onChangePeopleMode(event: MatRadioChange) {
+       this.peopleMode = event.value;
+       this.preSelectUsers = [...this.preSelectUsers];
+    }
+
+    onChangeGroupsMode(event: MatRadioChange) {
+        this.groupMode = event.value;
+        this.preSelectGroup = [...this.preSelectGroup];
+    }
+
+    onChangePeopleFilterMode(event: MatRadioChange) {
+        this.peopleFilterMode = event.value;
+        this.resetPeopleFilter();
+    }
+
+    onChangeGroupsFilterMode(event: MatRadioChange) {
+        this.groupFilterMode = event.value;
+        this.restGroupFilter();
+    }
+
+    isPeopleAppNameSelected() {
+        return this.peopleFilterMode === 'appName';
+    }
+
+    isGroupAppNameSelected() {
+        return this.groupFilterMode === 'appName';
+    }
+
+    resetPeopleFilter() {
+        if (this.isPeopleAppNameSelected()) {
+            this.peopleRoles = [];
+        } else {
+            this.peopleAppName = '';
+        }
+    }
+
+    restGroupFilter() {
+        if (this.isGroupAppNameSelected()) {
+            this.groupRoles = [];
+        } else {
+            this.groupAppName = '';
+        }
+    }
+
+    isStringArray(str: string) {
+        try {
+            const result = JSON.parse(str);
+            return Array.isArray(result);
+        } catch (e) {
+            return false;
+        }
+    }
+
+    private getArrayFromString(value: string) {
+
+        if (this.isStringArray(value)) {
+            return JSON.parse(value);
+        } else {
+            return [];
+        }
+    }
+
+    canShowPeopleList() {
+        return this.peopleMode === GroupCloudComponent.MODE_MULTIPLE;
+    }
+
+    canShowGroupList() {
+        return this.groupMode === GroupCloudComponent.MODE_MULTIPLE;
+    }
+
+    onRemoveGroup(group: GroupModel) {
+        this.preSelectGroup = this.preSelectGroup.filter((value: any) => value.id !== group.id);
+    }
+
+    onSelectGroup(group: GroupModel) {
+        if (this.groupMode === GroupCloudComponent.MODE_MULTIPLE) {
+            this.preSelectGroup.push(group);
+        }
+    }
+
+    get peopleSingleMode() {
+        return PeopleCloudComponent.MODE_SINGLE;
+    }
+
+    get peopleMultipleMode() {
+        return PeopleCloudComponent.MODE_MULTIPLE;
+    }
+
+    get groupSingleMode() {
+        return GroupCloudComponent.MODE_SINGLE;
+    }
+
+    get groupMultipleMode() {
+        return GroupCloudComponent.MODE_MULTIPLE;
+    }
+}

demo-shell/src/app/components/app-layout/cloud/processes-cloud-demo.component.html

@@ -0,0 +1,39 @@
+<div fxLayout="column" fxFill fxLayoutGap="2px">
+    <adf-cloud-edit-process-filter
+        [appName]="appName"
+        [id]="filterId"
+        [filterProperties]="processFilterProperties"
+        (filterChange)="onFilterChange($event)"
+        (action)="onProcessFilterAction($event)">
+    </adf-cloud-edit-process-filter>
+    <div fxLayout="column" fxFlex fxLayoutAlign="space-between" *ngIf="editedFilter">
+        <adf-cloud-process-list #processCloud
+            fxFlex
+            class="adf-cloud-layout-overflow"
+            [appName]="editedFilter.appName"
+            [initiator]="editedFilter.initiator"
+            [processDefinitionId]="editedFilter.processDefinitionId"
+            [processDefinitionKey]="editedFilter.processDefinitionKey"
+            [id]="editedFilter.processInstanceId"
+            [status]="editedFilter.state"
+            [name]="editedFilter.processName"
+            [sorting]="sortArray"
+            [selectionMode]="selectionMode"
+            [multiselect]="multiselect"
+            (rowClick)="onRowClick($event)"
+            (rowsSelected)="onRowsSelected($event)">
+        </adf-cloud-process-list>
+        <adf-pagination
+            [target]="processCloud"
+            (changePageSize)="onChangePageSize($event)"
+            (nextPage)="resetSelectedRows()"
+            (prevPage)="resetSelectedRows()">
+        </adf-pagination>
+        <div *ngIf="testingMode">
+            Selected rows:
+            <ul>
+                <li *ngFor="let row of selectedRows">{{ row.id }}</li>
+            </ul>
+        </div>
+    </div>
+</div>

demo-shell/src/app/components/app-layout/cloud/processes-cloud-demo.component.ts

@@ -0,0 +1,123 @@
+/*!
+ * @license
+ * Copyright 2019 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 { Component, ViewChild, OnInit } from '@angular/core';
+import {
+    ProcessListCloudComponent,
+    ProcessFilterCloudModel,
+    ProcessListCloudSortingModel,
+    ProcessFiltersCloudComponent
+} from '@alfresco/adf-process-services-cloud';
+
+import { ActivatedRoute, Router } from '@angular/router';
+import { UserPreferencesService, AppConfigService } from '@alfresco/adf-core';
+import { CloudLayoutService } from './services/cloud-layout.service';
+
+@Component({
+    templateUrl: './processes-cloud-demo.component.html',
+    styleUrls: ['./processes-cloud-demo.component.scss']
+})
+export class ProcessesCloudDemoComponent implements OnInit {
+
+    public static ACTION_SAVE_AS = 'SAVE_AS';
+    static PROCESS_FILTER_PROPERTY_KEYS = 'adf-edit-process-filter.properties';
+
+    @ViewChild('processCloud')
+    processCloud: ProcessListCloudComponent;
+
+    @ViewChild('processFiltersCloud')
+    processFiltersCloud: ProcessFiltersCloudComponent;
+
+    appName: string = '';
+    isFilterLoaded: boolean;
+
+    filterId: string = '';
+    sortArray: any = [];
+    selectedRow: any;
+    multiselect: boolean;
+    selectionMode: string;
+    selectedRows: string[] = [];
+    testingMode: boolean;
+    processFilterProperties: any[] = [];
+
+    editedFilter: ProcessFilterCloudModel;
+
+    constructor(
+        private route: ActivatedRoute,
+        private router: Router,
+        private cloudLayoutService: CloudLayoutService,
+        private userPreference: UserPreferencesService,
+        private appConfig: AppConfigService) {
+        const properties = this.appConfig.get<Array<any>>(ProcessesCloudDemoComponent.PROCESS_FILTER_PROPERTY_KEYS);
+        if (properties) {
+            this.processFilterProperties = properties;
+        }
+    }
+
+    ngOnInit() {
+        this.isFilterLoaded = false;
+        this.route.parent.params.subscribe((params) => {
+            this.appName = params.appName;
+        });
+
+        this.route.queryParams.subscribe((params) => {
+            this.isFilterLoaded = true;
+            this.onFilterChange(params);
+            this.filterId = params.id;
+        });
+
+        this.cloudLayoutService.getCurrentSettings()
+            .subscribe((settings) => this.setCurrentSettings(settings));
+    }
+
+    setCurrentSettings(settings) {
+        if (settings) {
+            this.multiselect = settings.multiselect;
+            this.testingMode = settings.testingMode;
+            this.selectionMode = settings.selectionMode;
+        }
+    }
+
+    onChangePageSize(event) {
+        this.userPreference.paginationSize = event.maxItems;
+    }
+
+    resetSelectedRows() {
+        this.selectedRows = [];
+    }
+
+    onRowClick($event) {
+        this.selectedRow = $event;
+    }
+
+    onFilterChange(query: any) {
+        this.editedFilter = Object.assign({}, query);
+        this.sortArray = [new ProcessListCloudSortingModel({ orderBy: this.editedFilter.sort, direction: this.editedFilter.order })];
+    }
+
+    onProcessFilterAction(filterAction: any) {
+        this.cloudLayoutService.setCurrentProcessFilterParam({ id: filterAction.filter.id });
+        if (filterAction.actionType === ProcessesCloudDemoComponent.ACTION_SAVE_AS) {
+            this.router.navigate([`/cloud/${this.appName}/processes/`], { queryParams: filterAction.filter });
+        }
+    }
+
+    onRowsSelected(nodes) {
+        this.resetSelectedRows();
+        this.selectedRows = nodes.map((node) => node.obj.entry);
+    }
+}

demo-shell/src/app/components/app-layout/cloud/services/cloud-layout.service.ts

@@ -0,0 +1,69 @@
+/*!
+ * @license
+ * Copyright 2019 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 { Injectable } from '@angular/core';
+import { Observable, BehaviorSubject } from 'rxjs';
+
+@Injectable({
+    providedIn: 'root'
+})
+export class CloudLayoutService {
+
+    private settings = {
+        multiselect: false,
+        testingMode: false,
+        taskDetailsRedirection: true,
+        selectionMode: 'single'
+    };
+
+    private filterTaskSubject: BehaviorSubject<any> = new BehaviorSubject({index: 0});
+    private filterTask$: Observable<any>;
+    private filterProcessSubject: BehaviorSubject<any> = new BehaviorSubject({index: 0});
+    private filterProcess$: Observable<any>;
+    private settingsSubject: BehaviorSubject<any> = new BehaviorSubject(this.settings);
+    private settings$: Observable<any>;
+
+    constructor() {
+        this.filterTask$ = this.filterTaskSubject.asObservable();
+        this.filterProcess$ = this.filterProcessSubject.asObservable();
+        this.settings$ = this.settingsSubject.asObservable();
+    }
+
+    getCurrentTaskFilterParam() {
+        return this.filterTask$;
+    }
+
+    setCurrentTaskFilterParam(param) {
+        this.filterTaskSubject.next(param);
+    }
+
+    getCurrentProcessFilterParam() {
+        return this.filterProcess$;
+    }
+
+    setCurrentProcessFilterParam(param) {
+        this.filterProcessSubject.next(param);
+    }
+
+    getCurrentSettings() {
+        return this.settings$;
+    }
+
+    setCurrentSettings(param) {
+        this.settingsSubject.next(param);
+    }
+}

demo-shell/src/app/components/app-layout/cloud/start-process-cloud-demo.component.html

@@ -0,0 +1,7 @@
+<adf-cloud-start-process
+    [appName]="appName"
+    [name]="processName"
+    (error)="openSnackMessage($event)"
+    (success)="onStartProcessSuccess()"
+    (cancel)="onCancelStartProcess()">
+</adf-cloud-start-process>

demo-shell/src/app/components/app-layout/cloud/start-process-cloud-demo.component.ts

@@ -0,0 +1,63 @@
+/*!
+ * @license
+ * Copyright 2019 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 { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { NotificationService, AppConfigService } from '@alfresco/adf-core';
+import { CloudLayoutService } from './services/cloud-layout.service';
+
+@Component({
+    templateUrl: './start-process-cloud-demo.component.html',
+    styleUrls: ['./start-process-cloud-demo.component.scss']
+})
+export class StartProcessCloudDemoComponent implements OnInit {
+
+    appName;
+    processName: string;
+
+    constructor(private appConfig: AppConfigService,
+                private cloudLayoutService: CloudLayoutService,
+                private route: ActivatedRoute,
+                private notificationService: NotificationService,
+                private router: Router) {
+    }
+
+    ngOnInit() {
+        this.route.parent.params.subscribe((params) => {
+            this.appName = params.appName;
+        });
+
+        this.processName = this.appConfig.get<string>('adf-start-process.name');
+    }
+
+    onStartProcessSuccess() {
+        this.cloudLayoutService.setCurrentProcessFilterParam({ key: 'running-processes' });
+        this.router.navigate([`/cloud/${this.appName}/processes`]);
+    }
+
+    onCancelStartProcess() {
+        this.cloudLayoutService.setCurrentProcessFilterParam({ key: 'all-processes' });
+        this.router.navigate([`/cloud/${this.appName}/processes`]);
+    }
+
+    openSnackMessage(event: any) {
+        this.notificationService.openSnackMessage(
+            event.response.body.message,
+            4000
+        );
+    }
+}

demo-shell/src/app/components/app-layout/cloud/start-task-cloud-demo.component.html

@@ -0,0 +1,6 @@
+<adf-cloud-start-task
+    [appName]="appName"
+    (error)="openSnackMessage($event)"
+    (success)="onStartTaskSuccess()"
+    (cancel)="onCancelStartTask()">
+</adf-cloud-start-task>

demo-shell/src/app/components/app-layout/cloud/start-task-cloud-demo.component.ts

@@ -0,0 +1,59 @@
+/*!
+ * @license
+ * Copyright 2019 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 { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { NotificationService } from '@alfresco/adf-core';
+import { CloudLayoutService } from './services/cloud-layout.service';
+@Component({
+    templateUrl: './start-task-cloud-demo.component.html',
+    styleUrls: ['./start-task-cloud-demo.component.scss']
+})
+export class StartTaskCloudDemoComponent implements OnInit {
+
+    appName;
+
+    constructor(
+        private cloudLayoutService: CloudLayoutService,
+        private route: ActivatedRoute,
+        private notificationService: NotificationService,
+        private router: Router) {
+    }
+
+    ngOnInit() {
+        this.route.parent.params.subscribe((params) => {
+            this.appName = params.appName;
+        });
+    }
+
+    onStartTaskSuccess() {
+        this.cloudLayoutService.setCurrentTaskFilterParam({key: 'my-tasks'});
+        this.router.navigate([`/cloud/${this.appName}/tasks`]);
+    }
+
+    onCancelStartTask() {
+        this.cloudLayoutService.setCurrentTaskFilterParam({key: 'my-tasks'});
+        this.router.navigate([`/cloud/${this.appName}/tasks`]);
+    }
+
+    openSnackMessage(event: any) {
+        this.notificationService.openSnackMessage(
+            event.response.body.message,
+            4000
+        );
+    }
+}

demo-shell/src/app/components/app-layout/cloud/task-details-cloud-demo.component.html

@@ -0,0 +1,12 @@
+
+<button data-automation-id="go-back" mat-icon-button (click)="onGoBack()">
+    <mat-icon>arrow_back</mat-icon> Go Back
+</button>
+
+<h4 data-automation-id="task-details-header">Simple page to show the taskId: {{ taskId }} of the app: {{ appName }}</h4>
+
+<adf-cloud-task-header
+    [appName]="appName"
+    [taskId]="taskId"
+    [readOnly]="readOnly">
+</adf-cloud-task-header>

demo-shell/src/app/components/app-layout/cloud/task-details-cloud-demo.component.ts

@@ -0,0 +1,44 @@
+/*!
+ * @license
+ * Copyright 2019 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 { Component } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+
+@Component({
+    templateUrl: './task-details-cloud-demo.component.html',
+    styleUrls: ['./task-details-cloud-demo.component.scss']
+})
+export class TaskDetailsCloudDemoComponent {
+
+    taskId: string;
+    appName: string;
+    readOnly = false;
+
+    constructor(private route: ActivatedRoute, private router: Router) {
+        this.route.params.subscribe((params) => {
+            this.taskId = params.taskId;
+        });
+        this.route.parent.params.subscribe((params) => {
+            this.appName = params.appName;
+        });
+    }
+
+    onGoBack() {
+        this.router.navigate([`/cloud/${this.appName}/`]);
+
+    }
+}

demo-shell/src/app/components/app-layout/cloud/tasks-cloud-demo.component.html

@@ -0,0 +1,44 @@
+<div fxLayout="column" fxFill fxLayoutGap="2px">
+    <adf-cloud-edit-task-filter
+        [appName]="appName"
+        [id]="filterId"
+        [filterProperties]="taskFilterProperties"
+        (action)="onTaskFilterAction($event)"
+        (filterChange)="onFilterChange($event)">
+    </adf-cloud-edit-task-filter>
+    <div fxLayout="column" fxFlex fxLayoutAlign="space-between" *ngIf="editedFilter">
+        <adf-cloud-task-list #taskCloud
+            fxFlex
+            class="adf-cloud-layout-overflow"
+            [appName]="editedFilter.appName"
+            [processDefinitionId]="editedFilter.processDefinitionId"
+            [processInstanceId]="editedFilter.processInstanceId"
+            [name]="editedFilter.taskName"
+            [parentTaskId]="editedFilter.parentTaskId"
+            [priority]="editedFilter.priority"
+            [owner]="editedFilter.owner"
+            [lastModifiedFrom]="editedFilter.lastModifiedFrom"
+            [lastModifiedTo]="editedFilter.lastModifiedTo"
+            [status]="editedFilter.state"
+            [assignee]="editedFilter.assignment"
+            [sorting]="sortArray"
+            [multiselect]="multiselect"
+            [selectionMode]="selectionMode"
+            (rowClick)="onRowClick($event)"
+            (rowsSelected)="onRowsSelected($event)"
+            #taskCloud>
+        </adf-cloud-task-list>
+        <adf-pagination
+            [target]="taskCloud"
+            (changePageSize)="onChangePageSize($event)"
+            (nextPage)="resetSelectedRows()"
+            (prevPage)="resetSelectedRows()">
+        </adf-pagination>
+        <div *ngIf="testingMode">
+            Selected rows:
+            <ul>
+                <li *ngFor="let row of selectedRows" [attr.data-automation-id]="row.id">{{ row.name }}</li>
+            </ul>
+        </div>
+    </div>
+</div>

demo-shell/src/app/components/app-layout/cloud/tasks-cloud-demo.component.ts

@@ -0,0 +1,121 @@
+/*!
+ * @license
+ * Copyright 2019 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 { Component, ViewChild, OnInit } from '@angular/core';
+import { TaskListCloudComponent, TaskListCloudSortingModel, TaskFilterCloudModel } from '@alfresco/adf-process-services-cloud';
+import { UserPreferencesService, AppConfigService } from '@alfresco/adf-core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { CloudLayoutService } from './services/cloud-layout.service';
+
+@Component({
+    templateUrl: 'tasks-cloud-demo.component.html',
+    styleUrls: ['tasks-cloud-demo.component.scss']
+})
+export class TasksCloudDemoComponent implements OnInit {
+
+    public static ACTION_SAVE_AS = 'SAVE_AS';
+    static TASK_FILTER_PROPERTY_KEYS = 'adf-edit-task-filter.properties';
+
+    @ViewChild('taskCloud')
+    taskCloud: TaskListCloudComponent;
+
+    appName: string = '';
+
+    isFilterLoaded = false;
+
+    selectedRow: any;
+
+    sortArray: TaskListCloudSortingModel[];
+    editedFilter: TaskFilterCloudModel;
+    taskFilterProperties: any[] = [];
+
+    filterId;
+    multiselect: boolean;
+    selectedRows: string[] = [];
+    testingMode: boolean;
+    selectionMode: string;
+    taskDetailsRedirection: boolean;
+
+    constructor(
+        private cloudLayoutService: CloudLayoutService,
+        private route: ActivatedRoute,
+        private router: Router,
+        private userPreference: UserPreferencesService,
+        private appConfig: AppConfigService) {
+
+        const properties = this.appConfig.get<Array<any>>(TasksCloudDemoComponent.TASK_FILTER_PROPERTY_KEYS);
+        if (properties) {
+            this.taskFilterProperties = properties;
+        }
+    }
+
+    ngOnInit() {
+        this.isFilterLoaded = false;
+        this.route.parent.params.subscribe((params) => {
+            this.appName = params.appName;
+        });
+
+        this.route.queryParams.subscribe((params) => {
+            this.isFilterLoaded = true;
+            this.onFilterChange(params);
+            this.filterId = params.id;
+        });
+
+        this.cloudLayoutService.getCurrentSettings()
+            .subscribe((settings) => this.setCurrentSettings(settings));
+    }
+
+    setCurrentSettings(settings) {
+        if (settings) {
+            this.multiselect = settings.multiselect;
+            this.testingMode = settings.testingMode;
+            this.selectionMode = settings.selectionMode;
+            this.taskDetailsRedirection = settings.taskDetailsRedirection;
+        }
+    }
+
+    onChangePageSize(event) {
+        this.userPreference.paginationSize = event.maxItems;
+    }
+
+    resetSelectedRows() {
+        this.selectedRows = [];
+    }
+
+    onRowClick(taskId) {
+        if (!this.multiselect && this.selectionMode !== 'multiple' && this.taskDetailsRedirection) {
+            this.router.navigate([`/cloud/${this.appName}/task-details/${taskId}`]);
+        }
+    }
+
+    onRowsSelected(nodes) {
+        this.resetSelectedRows();
+        this.selectedRows = nodes.map((node) => node.obj.entry);
+    }
+
+    onFilterChange(filter: any) {
+        this.editedFilter = Object.assign({}, filter);
+        this.sortArray = [new TaskListCloudSortingModel({ orderBy: this.editedFilter.sort, direction: this.editedFilter.order })];
+    }
+
+    onTaskFilterAction(filterAction: any) {
+        this.cloudLayoutService.setCurrentTaskFilterParam({ id: filterAction.filter.id });
+        if (filterAction.actionType === TasksCloudDemoComponent.ACTION_SAVE_AS) {
+            this.router.navigate([`/cloud/${this.appName}/tasks/`], { queryParams: filterAction.filter });
+        }
+    }
+}

demo-shell/src/app/components/blob-preview/blob-preview.component.ts

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Copyright 2016 Alfresco Software, Ltd.
+ * Copyright 2019 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.

demo-shell/src/app/components/blob-preview/blob-preview.module.ts

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Copyright 2016 Alfresco Software, Ltd.
+ * Copyright 2019 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.

demo-shell/src/app/components/breadcrumb-demo/breadcrumb-demo.component.html

@@ -8,7 +8,7 @@
     <h2>1. Standalone (fixed size)</h2>
     <small>Component is used in the fixed-width layout</small>
 
-    <div class="breadcrumb-container-restricted">
+    <div class="adf-breadcrumb-container-restricted">
         <adf-breadcrumb root="APP.PERSONAL-FILES" [target]="documentList" [folderNode]="documentList.folderNode">
         </adf-breadcrumb>
     </div>
@@ -57,7 +57,7 @@
         Buttons do nothing and are present for layout purposes.
     </small>
 
-    <adf-toolbar class="full-content-toolbar">
+    <adf-toolbar class="adf-full-content-toolbar">
         <adf-toolbar-title fxFlex="0 1 auto">
             <adf-breadcrumb root="APP.PERSONAL-FILES" [target]="documentList" [folderNode]="documentList.folderNode">
             </adf-breadcrumb>
@@ -76,7 +76,14 @@
         </div>
     </adf-toolbar>
 
-    <div class="content">
+    <h2>6. Dropdown Breadcrumb</h2>
+
+    <adf-dropdown-breadcrumb fxHide fxShow.lt-sm="true"
+                             class="adf-files-breadcrumb"
+                             [target]="documentList">
+    </adf-dropdown-breadcrumb>
+
+    <div class="adf-content">
         <adf-document-list #documentList currentFolderId="-my-">
         </adf-document-list>
     </div>

demo-shell/src/app/components/breadcrumb-demo/breadcrumb-demo.component.scss

@@ -1,14 +1,14 @@
-.breadcrumb-container-restricted {
+.adf-breadcrumb-container-restricted {
     width: 800px;
     max-width: 800px;
     border: 1px solid lightgray;
 }
 
-.content {
+.adf-content {
     margin: 10px 0;
 }
 
-.full-content-toolbar {
+.adf-full-content-toolbar {
     .adf-toolbar-title {
         display: flex;
         width: 100%;

demo-shell/src/app/components/breadcrumb-demo/breadcrumb-demo.component.ts

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Copyright 2016 Alfresco Software, Ltd.
+ * Copyright 2019 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.

demo-shell/src/app/components/breadcrumb-demo/breadcrumb-demo.module.ts

@@ -0,0 +1,42 @@
+/*!
+ * @license
+ * Copyright 2019 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 { NgModule } from '@angular/core';
+import { BreadcrumbDemoComponent } from './breadcrumb-demo.component';
+import { CoreModule } from '@alfresco/adf-core';
+import { Routes, RouterModule } from '@angular/router';
+import { CommonModule } from '@angular/common';
+import { ContentModule } from '@alfresco/adf-content-services';
+
+const routes: Routes = [
+    {
+      path: '',
+      component: BreadcrumbDemoComponent
+    }
+];
+
+@NgModule({
+    imports: [
+        CommonModule,
+        CoreModule.forChild(),
+        RouterModule.forChild(routes),
+        ContentModule.forChild()
+    ],
+    declarations: [BreadcrumbDemoComponent],
+    exports: [BreadcrumbDemoComponent]
+})
+export class AppBreadcrumbModule {}

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

@@ -1,23 +1,23 @@
-<div class="main-content">
+<div class="adf-main-content">
     <h1>CardView Component</h1>
 
-    <mat-card class="card-view">
+    <mat-card class="adf-card-view">
         <adf-card-view
             [properties]="properties"
             [editable]="true">
         </adf-card-view>
     </mat-card>
 
-    <div class="console" #console>
+    <div class="adf-console" #console>
         <h3>Changes log:</h3>
         <p *ngFor="let log of logs">{{ log }}</p>
     </div>
 
 </div>
 
-<p class="toggle">
+<p class="adf-toggle">
     <mat-slide-toggle
-        id="adf-toogle-editable"
+        id="adf-toggle-editable"
         [color]="'primary'"
         (change)="toggleEditable()"
         [checked]="isEditable">

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

@@ -1,13 +1,13 @@
-.main-content {
+.adf-main-content {
     padding: 0 15px;
 }
 
-.card-view {
+.adf-card-view {
     width: 30%;
     display: inline-block;
 }
 
-.console {
+.adf-console {
     width: 60%;
     display: inline-block;
     vertical-align: top;
@@ -25,4 +25,4 @@
         font-family: monospace, monospace;
         margin: 0;
     }
-}
+}

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

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Copyright 2016 Alfresco Software, Ltd.
+ * Copyright 2019 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.

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

@@ -0,0 +1,39 @@
+/*!
+ * @license
+ * Copyright 2019 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 { NgModule } from '@angular/core';
+import { CardViewComponent } from './card-view.component';
+import { Routes, RouterModule } from '@angular/router';
+import { CommonModule } from '@angular/common';
+import { CoreModule } from '@alfresco/adf-core';
+
+const routes: Routes = [
+    {
+      path: '',
+      component: CardViewComponent
+    }
+];
+
+@NgModule({
+    imports: [
+        CommonModule,
+        CoreModule.forChild(),
+        RouterModule.forChild(routes)
+    ],
+    declarations: [CardViewComponent]
+})
+export class AppCardViewModule {}

demo-shell/src/app/components/config-editor/config-editor.component.html

@@ -41,6 +41,34 @@
                 <mat-icon>info</mat-icon>
             </button>
         </mat-list-item>
+
+        <mat-list-item (click)="taskListCloudConfClick()">
+            <a matLine id="adf-task-list-cloud-conf">Task List Cloud</a>
+            <button mat-icon-button>
+                <mat-icon>info</mat-icon>
+            </button>
+        </mat-list-item>
+
+        <mat-list-item (click)="editProcessFilterConfClick()">	
+            <a matLine id="adf-edit-process-filter-conf">Edit process filter</a>	
+            <button mat-icon-button>	
+                <mat-icon>info</mat-icon>	
+            </button>	
+        </mat-list-item>	
+
+        <mat-list-item (click)="processListCloudConfClick()">
+            <a matLine id="adf-process-list-cloud-conf">Process List Cloud</a>
+            <button mat-icon-button>
+                <mat-icon>info</mat-icon>
+            </button>
+        </mat-list-item>
+
+        <mat-list-item (click)="editTaskFilterConfClick()">	
+            <a matLine id="adf-edit-task-filter-conf">Edit task filter</a>	
+            <button mat-icon-button>	
+                <mat-icon>info</mat-icon>	
+            </button>	
+        </mat-list-item>
     </mat-nav-list>
 
     <div>

demo-shell/src/app/components/config-editor/config-editor.component.ts

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Copyright 2016 Alfresco Software, Ltd.
+ * Copyright 2019 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.
@@ -54,12 +54,13 @@ export class ConfigEditorComponent {
             this.invalidJson = true;
             this.notificationService.openSnackMessage(
                 'Wrong Code configuration ' + error,
-                4000
+                1000
             );
         } finally {
             if (!this.invalidJson) {
                 this.notificationService.openSnackMessage(
-                    'Saved'
+                    'Saved',
+                    1000
                 );
             }
         }
@@ -105,6 +106,30 @@ export class ConfigEditorComponent {
         this.indentCode();
     }
 
+    taskListCloudConfClick() {
+        this.code = JSON.stringify(this.appConfig.config['adf-cloud-task-list']);
+        this.field = 'adf-cloud-task-list';
+        this.indentCode();
+    }
+
+    editProcessFilterConfClick() {
+        this.code = JSON.stringify(this.appConfig.config['adf-edit-process-filter']);
+        this.field = 'adf-edit-process-filter';
+        this.indentCode();
+    }
+
+     editTaskFilterConfClick() {
+        this.code = JSON.stringify(this.appConfig.config['adf-edit-task-filter']);
+        this.field = 'adf-edit-task-filter';
+        this.indentCode();
+    }
+
+    processListCloudConfClick() {
+        this.code = JSON.stringify(this.appConfig.config['adf-cloud-process-list']);
+        this.field = 'adf-cloud-process-list';
+        this.indentCode();
+    }
+
     indentCode() {
         setTimeout(() => {
             this.editor.getAction('editor.action.formatDocument').run();

demo-shell/src/app/components/config-editor/config-editor.module.ts

@@ -0,0 +1,41 @@
+/*!
+ * @license
+ * Copyright 2019 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 { NgModule } from '@angular/core';
+import { ConfigEditorComponent } from './config-editor.component';
+import { Routes, RouterModule } from '@angular/router';
+import { CommonModule } from '@angular/common';
+import { CoreModule } from '@alfresco/adf-core';
+import { MonacoEditorModule } from 'ngx-monaco-editor';
+
+const routes: Routes = [
+    {
+      path: '',
+      component: ConfigEditorComponent
+    }
+];
+
+@NgModule({
+    imports: [
+        CommonModule,
+        CoreModule.forChild(),
+        RouterModule.forChild(routes),
+        MonacoEditorModule
+    ],
+    declarations: [ConfigEditorComponent]
+})
+export class AppConfigEditorModule {}

demo-shell/src/app/components/content-node-selector/content-node-selector.component.html

@@ -8,13 +8,13 @@
                     <h2>Plain picker</h2>
                 </mat-panel-title>
                 <mat-panel-description>
-                    <label class="content-node-selector-demo-basic-label">
+                    <label class="adf-content-node-selector-demo-basic-label">
                         dropdownHideMyFiles: {{dropdownHideMyFiles}}
                     </label>
                 </mat-panel-description>
             </mat-expansion-panel-header>
 
-            <div class="content-node-selector-demo-basic-table">
+            <div class="adf-content-node-selector-demo-basic-table">
                 <adf-content-node-selector-panel
                     [currentFolderId]="'-root-'">
                 </adf-content-node-selector-panel>
@@ -26,13 +26,13 @@
                     <h2>Hide My files</h2>
                 </mat-panel-title>
                 <mat-panel-description>
-                    <label class="content-node-selector-demo-basic-label">
+                    <label class="adf-content-node-selector-demo-basic-label">
                         My Files site will be hided from dropdown
                     </label>
                 </mat-panel-description>
             </mat-expansion-panel-header>
 
-            <div class="content-node-selector-demo-basic-table">
+            <div class="adf-content-node-selector-demo-basic-table">
                 <adf-content-node-selector-panel
                     [currentFolderId]="'-root-'"
                     [dropdownHideMyFiles]="true">
@@ -45,7 +45,7 @@
                     <h2>Custom Site List</h2>
                 </mat-panel-title>
                 <mat-panel-description>
-                    <label class="content-node-selector-demo-basic-label">
+                    <label class="adf-content-node-selector-demo-basic-label">
                         Adding a custom site list
                     </label>
                 </mat-panel-description>
@@ -54,7 +54,7 @@
             <div>
                 <mat-list>
                     <h3 mat-subheader>Add Site</h3>
-                    <form class="content-node-selector-demo-example-form">
+                    <form class="adf-content-node-selector-demo-example-form">
                         <mat-form-field>
                             <label>Site Guid</label>
                             <input matInput [(ngModel)]="customSideGuid" [ngModelOptions]="{standalone: true}">
@@ -79,7 +79,7 @@
             </div>
 
 
-            <div class="content-node-selector-demo-basic-table">
+            <div class="adf-content-node-selector-demo-basic-table">
                 <adf-content-node-selector-panel
                     [currentFolderId]="'-root-'"
                     [dropdownSiteList]="customSites">
@@ -92,7 +92,7 @@
                         <h2>Row Filtering</h2>
                     </mat-panel-title>
                     <mat-panel-description>
-                        <label class="content-node-selector-demo-basic-label">
+                        <label class="adf-content-node-selector-demo-basic-label">
                             Will automatically filter the row on the list
                         </label>
                     </mat-panel-description>
@@ -105,20 +105,53 @@
                     Slide Folders
                 </mat-slide-toggle>
 
-                <div class="content-node-selector-demo-basic-table">
+                <div class="adf-content-node-selector-demo-basic-table">
                     <adf-content-node-selector-panel
                         [rowFilter]="rowFilterFunction"
                         [currentFolderId]="'-root-'">
                     </adf-content-node-selector-panel>
                 </div>
         </mat-expansion-panel>
+        <mat-expansion-panel>
+                <mat-expansion-panel-header>
+                    <mat-panel-title>
+                        <h2>Exclude Site Content</h2>
+                    </mat-panel-title>
+                    <mat-panel-description>
+                        <label class="adf-content-node-selector-demo-basic-label">
+                            The exclude site content is filtered out from the list
+                        </label>
+                    </mat-panel-description>
+                </mat-expansion-panel-header>
+                <div>
+                    <label>Case when the excludeSiteContent is set as : <b>{{ excludeSiteContentList.join(', ') }}</b></label>
+                </div>
+                <div>
+                    <label>Navigate into a site having the top content along the 'documentLibrary' to see that such items are not displayed.</label>
+                </div>
+                <br />
+                <mat-slide-toggle color="primary" [(ngModel)]="showFiles" (click)="recreateRowFilterFunction()">
+                    Show Files
+                </mat-slide-toggle>
+                <mat-slide-toggle color="primary" [(ngModel)]="showFolders" (click)="recreateRowFilterFunction()">
+                    Show Folders
+                </mat-slide-toggle>
+
+                <div class="adf-content-node-selector-demo-basic-table">
+                    <adf-content-node-selector-panel
+                        [rowFilter]="rowFilterFunction"
+                        [excludeSiteContent]="excludeSiteContentList"
+                        [currentFolderId]="'-root-'">
+                    </adf-content-node-selector-panel>
+                </div>
+        </mat-expansion-panel>
         <mat-expansion-panel>
                 <mat-expansion-panel-header>
                     <mat-panel-title>
                         <h2>Custom Image Resolving</h2>
                     </mat-panel-title>
                     <mat-panel-description>
-                        <label class="content-node-selector-demo-basic-label">
+                        <label class="adf-content-node-selector-demo-basic-label">
                             A function to manage the way folder/file icons and thumbnails are resolved
                         </label>
                     </mat-panel-description>
@@ -128,7 +161,7 @@
                     Add Custom Images Resolver
                 </mat-slide-toggle>
 
-                <div class="content-node-selector-demo-basic-table">
+                <div class="adf-content-node-selector-demo-basic-table">
                     <adf-content-node-selector-panel
                         [imageResolver]="customImageResolver"
                         [currentFolderId]="'-root-'">
@@ -141,12 +174,12 @@
                     <h2>Set Page Size</h2>
                 </mat-panel-title>
                 <mat-panel-description>
-                    <label class="content-node-selector-demo-basic-label">
+                    <label class="adf-content-node-selector-demo-basic-label">
                         Number of items shown per page in the list. actual page {{actualPageSize}}
                     </label>
                 </mat-panel-description>
             </mat-expansion-panel-header>
-            <div class="content-node-selector-demo-basic-table">
+            <div class="adf-content-node-selector-demo-basic-table">
                 <adf-content-node-selector-panel
                     [currentFolderId]="'-root-'"
                     [pageSize]="actualPageSize"
@@ -160,14 +193,14 @@
                     <h2>Is Valid Selection Function </h2>
                 </mat-panel-title>
                 <mat-panel-description>
-                    <label class="content-node-selector-demo-basic-label">
+                    <label class="adf-content-node-selector-demo-basic-label">
                         Function used to decide if the selected node has permission to be selected
                     </label>
                 </mat-panel-description>
             </mat-expansion-panel-header>
             <label>Only folder starting with the letter 'a' or 'A' are valid selections</label>
             <label>Actual Selection is : {{validSelection}}</label>
-            <div class="content-node-selector-demo-basic-table">
+            <div class="adf-content-node-selector-demo-basic-table">
                 <adf-content-node-selector-panel
                     (select)="onNodeSelect($event)"
                     [isSelectionValid]="customIsValidFunction"
@@ -181,13 +214,13 @@
                     <h2>BreadCrumb Transform Function </h2>
                 </mat-panel-title>
                 <mat-panel-description>
-                    <label class="content-node-selector-demo-basic-label">
+                    <label class="adf-content-node-selector-demo-basic-label">
                         Transformation to be performed on the chosen/folder node before building the breadcrumb UI
                     </label>
                 </mat-panel-description>
             </mat-expansion-panel-header>
             <label>Folder starting with letter 'd' or 'D' won't be displayed in the breadcrumb dropdown</label>
-            <div class="content-node-selector-demo-basic-table">
+            <div class="adf-content-node-selector-demo-basic-table">
                 <adf-content-node-selector-panel
                     [breadcrumbTransform]="customBreadcrumbFunction"
                     [currentFolderId]="'-root-'">

demo-shell/src/app/components/content-node-selector/content-node-selector.component.scss

@@ -1,4 +1,4 @@
-.content-node-selector-demo {
+.adf-content-node-selector-demo {
 
     &-main {
         display: flex;
@@ -11,7 +11,7 @@
 
     &-basic-table {
         height:400px;
-        width:700px
+        width:700px;
     }
 
     &-basic-label {

demo-shell/src/app/components/content-node-selector/content-node-selector.component.ts

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Copyright 2016 Alfresco Software, Ltd.
+ * Copyright 2019 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.
@@ -16,8 +16,8 @@
  */
 
 import { Component, ViewEncapsulation } from '@angular/core';
-import { SitePaging, SiteEntry, MinimalNodeEntryEntity } from 'alfresco-js-api';
-import { ShareDataRow } from '@alfresco/adf-content-services';
+import { SitePaging, SiteEntry, MinimalNodeEntryEntity } from '@alfresco/js-api';
+import { ContentNodeDialogService, ShareDataRow, RowFilter } from '@alfresco/adf-content-services';
 import { DataRow, DataColumn, ThumbnailService } from '@alfresco/adf-core';
 
 @Component({
@@ -40,24 +40,25 @@ export class ContentNodeSelectorComponent {
     customSideTitle = '';
     actualPageSize = 2;
 
-    rowFilterFunction: any = null;
+    rowFilterFunction: RowFilter = null;
+    excludeSiteContentList: string[] = ContentNodeDialogService.nonDocumentSiteContent;
     customImageResolver: any = null;
 
     defaultSites: SiteEntry[] = [
-        { entry: { title: 'MINE', guid: '-my-' } },
-        { entry: { title: 'ROOTY', guid: '-root-' } }];
+        new SiteEntry({ entry: { title: 'MINE', guid: '-my-' } }),
+        new SiteEntry({ entry: { title: 'ROOTY', guid: '-root-' } })];
 
-    customSites: SitePaging = {
+    customSites: SitePaging = new SitePaging({
         list: {
             entries: [
                 { entry: { title: 'MINE', guid: '-my-' } },
                 { entry: { title: 'ROOTY', guid: '-root-' } }],
             pagination: {}
         }
-    };
+    });
 
     onClickAddSite() {
-        const newSiteEntry: SiteEntry = { entry: { title: this.customSideTitle, guid: this.customSideGuid } };
+        const newSiteEntry: SiteEntry = new SiteEntry({ entry: { title: this.customSideTitle, guid: this.customSideGuid } });
         this.customSites.list.entries.push(newSiteEntry);
         this.customSideGuid = '';
         this.customSideTitle = '';

demo-shell/src/app/components/content-node-selector/content-node-selector.module.ts

@@ -0,0 +1,41 @@
+/*!
+ * @license
+ * Copyright 2019 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 { NgModule } from '@angular/core';
+import { ContentNodeSelectorComponent } from './content-node-selector.component';
+import { Routes, RouterModule } from '@angular/router';
+import { CommonModule } from '@angular/common';
+import { CoreModule } from '@alfresco/adf-core';
+import { ContentModule } from '@alfresco/adf-content-services';
+
+const routes: Routes = [
+    {
+      path: '',
+      component: ContentNodeSelectorComponent
+    }
+];
+
+@NgModule({
+    imports: [
+        CommonModule,
+        RouterModule.forChild(routes),
+        CoreModule.forChild(),
+        ContentModule.forChild()
+    ],
+    declarations: [ContentNodeSelectorComponent]
+})
+export class AppContentNodeSelectorModule {}

demo-shell/src/app/components/datatable/datatable.component.html

@@ -19,7 +19,7 @@
         <data-column type="image" key="icon" [sortable]="false"></data-column>
         <data-column key="id" title="Id"></data-column>
         <data-column key="createdOn" title="Created"></data-column>
-        <data-column key="name" title="Name" class="full-width name-column"></data-column>
+        <data-column key="name" title="Name" class="adf-full-width name-column"></data-column>
         <data-column key="createdBy.name" title="Created By"></data-column>
     </data-columns>
     -->

demo-shell/src/app/components/datatable/datatable.component.ts

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Copyright 2016 Alfresco Software, Ltd.
+ * Copyright 2019 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.
@@ -29,7 +29,7 @@ export class FilteredDataAdapter extends ObjectDataTableAdapter {
         const filter = (this.filterValue || '').trim().toLowerCase();
 
         if (this.filterKey && filter) {
-            rows = rows.filter(row => {
+            rows = rows.filter((row) => {
                 const value = row.getValue(this.filterKey);
                 if (value !== undefined && value !== null) {
                     const stringValue: string = value.toString().trim().toLowerCase();
@@ -108,10 +108,10 @@ export class DataTableComponent {
             ],
             [
                 { type: 'image', key: 'icon', title: '', srTitle: 'Thumbnail' },
-                { type: 'text', key: 'id', title: 'Id', sortable: true , cssClass: 'desktop-only'},
+                { type: 'text', key: 'id', title: 'Id', sortable: true , cssClass: 'adf-desktop-only'},
                 { type: 'text', key: 'createdOn', title: 'Created On', sortable: true },
-                { type: 'text', key: 'name', title: 'Name', cssClass: 'full-width name-column', sortable: true },
-                { type: 'text', key: 'createdBy.name', title: 'Created By', sortable: true, cssClass: 'desktop-only'}
+                { type: 'text', key: 'name', title: 'Name', cssClass: 'adf-full-width adf-name-column', sortable: true },
+                { type: 'text', key: 'createdBy.name', title: 'Created By', sortable: true, cssClass: 'adf-desktop-only'}
             ]
         );
 
@@ -162,7 +162,7 @@ export class DataTableComponent {
                 icon: this._imageUrl
             }
         ];
-        const rows = objects.map(obj => new ObjectDataRow(obj));
+        const rows = objects.map((obj) => new ObjectDataRow(obj));
         this.data.setRows(rows);
     }
 
@@ -171,7 +171,7 @@ export class DataTableComponent {
             { type: 'text', key: 'id', title: 'Id', sortable: true },
             { type: 'text', key: 'name', title: 'Name', sortable: true, cssClass: 'full-width name-column' }
         ];
-        const columns = schema.map(col => new ObjectDataColumn(col));
+        const columns = schema.map((col) => new ObjectDataColumn(col));
         this.data.setColumns(columns);
     }
 

demo-shell/src/app/components/datatable/datatable.module.ts

@@ -0,0 +1,41 @@
+/*!
+ * @license
+ * Copyright 2019 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 { NgModule } from '@angular/core';
+import { DataTableComponent } from './datatable.component';
+import { Routes, RouterModule } from '@angular/router';
+import { CommonModule } from '@angular/common';
+import { CoreModule } from '@alfresco/adf-core';
+import { ContentModule } from '@alfresco/adf-content-services';
+
+const routes: Routes = [
+    {
+      path: '',
+      component: DataTableComponent
+    }
+];
+
+@NgModule({
+    imports: [
+        CommonModule,
+        CoreModule.forChild(),
+        RouterModule.forChild(routes),
+        ContentModule.forChild()
+    ],
+    declarations: [DataTableComponent]
+})
+export class AppDataTableModule {}

demo-shell/src/app/components/file-view/file-view.component.html

@@ -4,7 +4,7 @@
         <adf-info-drawer [title]="'APP.INFO_DRAWER.TITLE' | translate">
 
             <adf-info-drawer-tab [label]="'APP.INFO_DRAWER.COMMENTS' | translate">
-                <adf-comments [nodeId]="nodeId"></adf-comments>
+                <adf-comments [nodeId]="nodeId" [readOnly]="!isCommentEnabled"></adf-comments>
             </adf-info-drawer-tab>
 
             <adf-info-drawer-tab [label]="'APP.INFO_DRAWER.PROPERTIES' | translate">
@@ -188,6 +188,16 @@
                     </mat-slide-toggle>
                 </p>
 
+                <p class="toggle">
+                    <mat-slide-toggle
+                        id="adf-switch-moreactionsmenu"
+                        [color]="'primary'"
+                        (change)="toggleMoreActionsMenu()"
+                        [checked]="moreActionsMenu">
+                        More Actions Menu
+                    </mat-slide-toggle>
+                </p>
+
                 <p class="toggle">
                     <mat-slide-toggle
                         id="adf-switch-download"
@@ -208,22 +218,12 @@
                     </mat-slide-toggle>
                 </p>
 
-                <p class="toggle">
-                    <mat-slide-toggle
-                        id="adf-switch-share"
-                        [color]="'primary'"
-                        (change)="toggleAllowShare()"
-                        [checked]="allowShare">
-                        Allow Share
-                    </mat-slide-toggle>
-                </p>
-
                 <p class="toggle">
                     <mat-slide-toggle
                         id="adf-switch-allowsidebar"
                         [color]="'primary'"
-                        (change)="toggleAllowSidebar()"
-                        [checked]="allowSidebar">
+                        (change)="toggleAllowRightSidebar()"
+                        [checked]="allowRightSidebar">
                         Allow Right Sidebar
                     </mat-slide-toggle>
                 </p>
@@ -265,25 +265,22 @@
         </adf-info-drawer>
     </ng-template>
 
-    <ng-template let-node="node" #sidebarTemplate> <adf-info-drawer-layout> <div info-drawer-content> <mat-card> My info </mat-card> </div> </adf-info-drawer-layout> </ng-template>
-
     <adf-viewer
         [nodeId]="nodeId"
-        [showSidebar]="showRightSidebar"
+        [showRightSidebar]="showRightSidebar"
         [showLeftSidebar]="showLeftSidebar"
         [allowGoBack]="allowGoBack"
         [displayName]="displayName"
         [showToolbar]="showToolbar"
-        [allowShare]="allowShare"
         [allowPrint]="allowPrint"
         [allowDownload]="allowDownload"
-        [allowSidebar]="allowSidebar"
+        [allowRightSidebar]="allowRightSidebar"
         [allowLeftSidebar]="allowLeftSidebar"
         [urlFile]="urlFile"
         [sidebarLeftTemplate]="sidebarLeftTemplate"
-        [sidebarTemplate]="sidebarRightTemplate">
+        [sidebarRightTemplate]="sidebarRightTemplate">
 
-        <adf-viewer-toolbar *ngIf="customToolbar">
+        <adf-viewer-toolbar *ngIf="customToolbar" data-automation-id="adf-viewer-custom-toolbar">
             <h1>My custom toolbar</h1>
         </adf-viewer-toolbar>
 
@@ -299,6 +296,21 @@
             </button>
         </adf-viewer-toolbar-actions>
 
+        <adf-viewer-more-actions *ngIf="moreActionsMenu">
+            <button mat-menu-item id="adf-viewer-more-menu-alarm">
+                <mat-icon>alarm</mat-icon>
+                <span>Alarm</span>
+            </button>
+            <button mat-menu-item id="adf-viewer-more-menu-backup">
+                <mat-icon>backup</mat-icon>
+                <span>Backup</span>
+            </button>
+            <button mat-menu-item id="adf-viewer-more-menu-bug">
+                <mat-icon>bug_report</mat-icon>
+                <span>Bug report</span>
+            </button>
+        </adf-viewer-more-actions>
+
         <ng-container *ngIf="openWith">
             <adf-viewer-open-with>
                 <button mat-menu-item>

demo-shell/src/app/components/file-view/file-view.component.scss

@@ -1,3 +1,12 @@
 .adf-viewer__sidebar {
     width: 380px !important;
 }
+
+/* stylelint-disable */
+.monaco-scrollable-element {
+    width: 600px;
+}
+
+adf-preview-extension {
+    width: 600px;
+}

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

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Copyright 2016 Alfresco Software, Ltd.
+ * Copyright 2019 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.
@@ -17,7 +17,7 @@
 
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { AlfrescoApiService } from '@alfresco/adf-core';
+import { ContentService, AllowableOperationsEnum, PermissionsEnum, NodesApiService } from '@alfresco/adf-core';
 import { MatSnackBar } from '@angular/material';
 
 @Component({
@@ -43,29 +43,33 @@ export class FileViewComponent implements OnInit {
     openWith = false;
     allowDownload = true;
     allowPrint = true;
-    allowShare = true;
-    allowSidebar = true;
+    allowRightSidebar = true;
     allowLeftSidebar = true;
     moreActions = true;
+    moreActionsMenu = false;
     customName = false;
     fileUrlSwitch = false;
     showLeftSidebar = null;
     showRightSidebar = false;
     customToolbar = false;
+    isCommentEnabled = false;
 
     constructor(private router: Router,
                 private route: ActivatedRoute,
                 private snackBar: MatSnackBar,
-                private apiService: AlfrescoApiService) {
+                private nodeApiService: NodesApiService,
+                private contentServices: ContentService) {
     }
 
     ngOnInit() {
-        this.route.params.subscribe(params => {
+        this.route.params.subscribe((params) => {
             const id = params.nodeId;
             if (id) {
-                this.apiService.getInstance().nodes.getNodeInfo(id).then(
+                this.nodeApiService.getNode(id).subscribe(
                     (node) => {
                         if (node && node.isFile) {
+                            this.isCommentEnabled = this.contentServices.hasPermissions(node, PermissionsEnum.NOT_CONSUMER) ||
+                                this.contentServices.hasAllowableOperations(node, AllowableOperationsEnum.UPDATE);
                             this.nodeId = id;
                             return;
                         }
@@ -117,14 +121,14 @@ export class FileViewComponent implements OnInit {
         this.allowPrint = !this.allowPrint;
     }
 
-    toggleAllowShare() {
-        this.allowShare = !this.allowShare;
-    }
-
     toggleOpenMoreActions() {
         this.moreActions = !this.moreActions;
     }
 
+    toggleMoreActionsMenu() {
+        this.moreActionsMenu = !this.moreActionsMenu;
+    }
+
     toggleShowRightSidebar() {
         this.showRightSidebar = !this.showRightSidebar;
     }
@@ -133,8 +137,8 @@ export class FileViewComponent implements OnInit {
         this.showLeftSidebar = false;
     }
 
-    toggleAllowSidebar() {
-        this.allowSidebar = !this.allowSidebar;
+    toggleAllowRightSidebar() {
+        this.allowRightSidebar = !this.allowRightSidebar;
     }
 
     toggleAllowLeftSidebar() {