Update RelNote310.md

* [ADF-4280] fix initial display for search-sorting-picker

* [ADF-4280] fix unrelated error TS6133: 'renderingQueueServices' is declared but its value is never read

* [ADF-4280] update e2e test

.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/
@@ -27,4 +28,7 @@ src/environments/
 /lib/config/export-check/export-new.json
 /lib/config/export-check/exportCheck.js
 /docs/sourceinfo
-/docs/docs.json
+/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,28 @@ 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
+  - /.*next-release.*/
+  - /.*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,105 +45,158 @@ 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;);
-            fi
-        - stage: Lint
-          script:  (./scripts/lint.sh)
+          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
+          - rm -rf tmp && mkdir tmp
+          - git merge-base origin/$TRAVIS_BRANCH HEAD > ./tmp/devhead.txt
+          - (./scripts/smart-build.sh -b $TRAVIS_BRANCH  -gnu || exit 1;);
+          - npm run build:dist || exit 1
+          - ./scripts/license-list-generator.sh
         - stage: Unit test
-          env: STAGE=core
-          script:  (./scripts/npm-build-all.sh -si -sb -t "core" --skip-lint || exit 1;);
+          name: core and extensions
+          script:
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -gnu -b $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "core$" || $TRAVIS_PULL_REQUEST == "false" ]];
+            then
+                ng test core --watch=false || exit 1;
+            fi;
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -gnu -b $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "extensions$" || $TRAVIS_PULL_REQUEST == "false"  ]];
+            then
+                ng test extensions --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: process-services and insights
+          script:
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -gnu -b $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "process-services$" || $TRAVIS_PULL_REQUEST == "false"  ]];
+            then
+                ng test process-services --watch=false || exit 1;
+            fi;
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -gnu -b $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 -gnu -b $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 -gnu -b $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;);
+                            (./scripts/start.sh -t -ss  -si || 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
+                            (./scripts/start.sh -dev -t -ss -si || exit 1;);
+                    fi;
         - 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_USERNAME --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
+          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 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e "$E2E_EMAIL" --folder core --skip-lint -save --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_USERNAME --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
+          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" --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_USERNAME --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
+          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" --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 -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" --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 -gnu -b $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_BPM" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e "$E2E_EMAIL" --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_USERNAME --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
-        - stage: Test Update version 2.0.0
-          if: branch = development
-          env: STAGE=test-BC
-          script: ./scripts/test-e2e-bc.sh
-        - stage: Test Update version 2.0.0
-          env: STAGE=test-export
-          script: npm run test-export
-        - stage: Create Docker PR
-          script: node ./scripts/download-build-in-cs.js --username $E2E_USERNAME --password $E2E_USERNAME --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)
-        - 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
-
+          name: insights
+          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-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" --folder insights --skip-lint --use-dist -b  || exit 1;);
+            fi;
+        - stage: Create Docker and Deploy Docker PR
+          script:
+          - if [ "$TRAVIS_PULL_REQUEST" != "false" ];
+            then
+              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);
+            fi;
+          - if [ "$TRAVIS_PULL_REQUEST" != "false" ];
+            then
+              (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);
+            fi;
 
 # Send coverage data to codecov
 after_success:
-  bash <(curl -s https://codecov.io/bash) -X gcov
+    bash <(curl -s https://codecov.io/bash) -X gcov
 
 cache:
   directories:
   - node_modules
-  - lib/dist
   - 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*** ].

Dockerfile

@@ -1,6 +1,41 @@
-FROM nginx:alpine
+# 1. Generate licenses
 
-COPY demo-shell/nginx.conf /etc/nginx/nginx.conf
+FROM node:11.9-alpine AS builder
+WORKDIR /usr/src/alfresco
+COPY package.json package.json
+
+RUN mkdir -p ./licenses && \
+  yarn licenses list > ./licenses/licenses.txt && \
+  yarn licenses generate-disclaimer > ./licenses/disclaimer.txt
+
+# 2. Generate image
+
+FROM nginx:stable-alpine
+LABEL version="3.0.0"
+
+ARG GROUPNAME=Alfresco
+ARG GROUPID=1000
+ARG USERNAME=adf
+ARG USERID=33011
+
+ARG BUILD_NUMBER
+
+COPY ./docker/nginx.conf /etc/nginx/nginx.conf
+COPY ./docker/entrypoint.sh /
 
 WORKDIR /usr/share/nginx/html
 COPY demo-shell/dist/ .
+COPY --from=builder /usr/src/alfresco/licenses ./licenses
+
+RUN addgroup -g ${GROUPID} ${GROUPNAME} && \
+  adduser -S -u ${USERID} -G ${GROUPNAME} -s "/bin/bash" ${USERNAME} && \
+  chown -R ${USERNAME}:${GROUPNAME} ./${BUILD_NUMBER}/app.config.json && \
+  chown -R ${USERNAME}:${GROUPNAME} /var/cache/nginx && \
+  touch /var/run/nginx.pid && \
+  chown -R ${USERNAME}:${GROUPNAME} /var/run/nginx.pid && \
+  chmod +x /entrypoint.sh && \
+  chown -R ${USERNAME}:${GROUPNAME} /entrypoint.sh
+
+EXPOSE 8080
+USER ${USERNAME}
+ENTRYPOINT [ "/entrypoint.sh" ]

INTRODUCTION.md

@@ -1,40 +1,5 @@
-# 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.
-
-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.
-
-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.  
- 
-The framework consists of several libraries that can be used to form a customized content management application. The available libraries are:
-
-- [Core](lib/core/README.md)
-- [Content Services](lib/content-services/README.md)
-- [Process Services](lib/process-services/README.md)
-- [Insights](lib/insights/README.md)
-
-
-You can browse all the components at the
-[ADF Component Catalog](https://alfresco.github.io/adf-component-catalog/).
-
-An architecture overview looks like this:
-
-<p align="center">
-  <img title="alfresco-angular-components-architecture" alt='alfresco' src='assets/alfresco-app-dev-framework-architecture.png'></img>
-</p>
-
-Here we can also see that there is an Alfresco JavaScript framework in use that wraps the Alfresco REST API, to make things easier for the client developer.
-
+# Introduction
 
+See the [introduction page](docs/user-guide/adf-introduction.md) in our
+[documentation](docs/README.md) for an overview of ADF along with links
+to useful starting points.

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,8 +553,10 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "lib/core/test.ts",
-            "tsConfig": "lib/core/tsconfig.json",
-            "karmaConfig": "lib/core/karma.conf.js"
+            "tsConfig": "lib/core/tsconfig.spec.json",
+            "karmaConfig": "lib/core/karma.conf.js",
+            "codeCoverage": true,
+            "sourceMap": true
           }
         },
         "lint": {
@@ -543,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": {
@@ -563,8 +595,10 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "lib/content-services/test.ts",
-            "tsConfig": "lib/content-services/tsconfig.json",
-            "karmaConfig": "lib/content-services/karma.conf.js"
+            "tsConfig": "lib/content-services/tsconfig.spec.json",
+            "karmaConfig": "lib/content-services/karma.conf.js",
+            "codeCoverage": true,
+            "sourceMap": true
           }
         },
         "lint": {
@@ -583,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": {
@@ -603,8 +637,10 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "lib/process-services/test.ts",
-            "tsConfig": "lib/process-services/tsconfig.json",
-            "karmaConfig": "lib/process-services/karma.conf.js"
+            "tsConfig": "lib/process-services/tsconfig.spec.json",
+            "karmaConfig": "lib/process-services/karma.conf.js",
+            "codeCoverage": true,
+            "sourceMap": true
           }
         },
         "lint": {
@@ -621,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",
@@ -630,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": {
@@ -643,8 +721,10 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "lib/insights/test.ts",
-            "tsConfig": "lib/insights/tsconfig.json",
-            "karmaConfig": "lib/insights/karma.conf.js"
+            "tsConfig": "lib/extensions/tsconfig.spec.json",
+            "karmaConfig": "lib/insights/karma.conf.js",
+            "codeCoverage": true,
+            "sourceMap": true
           }
         },
         "lint": {
@@ -660,16 +740,79 @@
           }
         }
       }
+    },
+    "extensions": {
+      "root": "lib/extensions",
+      "sourceRoot": "lib/extensions/src/lib",
+      "projectType": "library",
+      "prefix": "adf",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-ng-packagr:build",
+          "options": {
+            "tsConfig": "lib/extensions/tsconfig.lib.json",
+            "project": "lib/extensions/ng-package.json"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "lib/extensions/src/test.ts",
+            "tsConfig": "lib/extensions/tsconfig.spec.json",
+            "karmaConfig": "lib/extensions/karma.conf.js",
+            "codeCoverage": true,
+            "sourceMap": true
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "lib/extensions/tsconfig.lib.json",
+              "lib/extensions/tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
+    },
+    "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,142 @@
+{
+  "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",
+    "subfolders"
+  ],
+  "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/README.md

@@ -9,8 +9,9 @@ To correctly use this demo check that on your machine you have [Node](https://no
 
 ```sh
 git clone https://github.com/Alfresco/alfresco-ng2-components.git
-cd alfresco-ng2-components/demo-shell/
+cd alfresco-ng2-components
 npm install
+npm start
 ```
 
 ## Proxy settings and CORS

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.5.0",
+  "version": "3.1.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/ar.json

@@ -0,0 +1,321 @@
+{
+  "APP": {
+    "INFO_DRAWER": {
+      "TITLE": "التفاصيل",
+      "COMMENTS": "تعليقات",
+      "PROPERTIES": "الخصائص",
+      "VERSIONS": "الإصدارات"
+    },
+    "HOME": {
+      "TITLE": "Alfresco المكونات الزاوّية لـ",
+      "DOCUMENTATION": "الوثائق"
+    },
+    "LOGOUT": {
+      "TITLE": "صفحة الخروج",
+      "SUB_TITLE": "تم خروجك الآن",
+      "LOGIN": "دخول",
+      "HOME": "رئيسية"
+    },
+    "ADF_VERSION_MANAGER": {
+      "ALLOW_DELETE": "السماح بالحذف",
+      "SHOW_COMMENTS": "إظهار التعليقات على الإصدارات",
+      "ALLOW_DOWNLOAD": "تمكين تنزيل الإصدار",
+      "READ_ONLY": "للقراءة فقط",
+      "COMMENTS": "إظهار التعليقات"
+    },
+    "PERSONAL-FILES": "الملفات الشخصية",
+    "WARN-MULTIPLE-UPLOADS": "عرض تحذير للتحميلات المتعددة.",
+    "CUSTOM-PERMISSION-MESSAGE": "تمكين رسالة إذن مخصصة",
+    "MEDIUM-TIME-FORMAT": "تمكين تنسيق وقت متوسط لقائمة المستندات",
+    "SEARCH": {
+      "RADIO": {
+        "NONE": "بلا",
+        "ALL": "الكل",
+        "FOLDER": "مجلد",
+        "DOCUMENT": "مستند"
+      }
+    }
+  },
+  "title": "مرحبًا",
+  "VERSION": {
+    "NO_PERMISSION": "ليس لديك إذن لإدارة إصدارات هذا المحتوى",
+    "NO_PERMISSION_EVENT": "ليس لديك إذن ${event.permission} ل${event.action} ${event.type}",
+    "CHOOSE_FILE": "تحديد ملف لرؤية إصداراته",
+    "DIALOG": {
+      "CLOSE": "إغلاق",
+      "TITLE": "إدارة الإصدارات"
+    }
+  },
+  "METADATA": {
+    "DIALOG": {
+      "CLOSE": "إغلاق",
+      "TITLE": "بيانات تعريف"
+    }
+  },
+  "APP_LAYOUT": {
+    "APP": "تطبيق",
+    "APP_NAME": "تطبيق ADF التوضيحي",
+    "HOME": "رئيسية",
+    "NODE-SELECTOR": "محدد العقدة",
+    "CONTENT_SERVICES": "Content Services",
+    "BREADCRUMB": "مسار التنقل",
+    "NOTIFICATIONS": "إعلامات",
+    "TASK_LIST": "قائمة المهام",
+    "PROCESS_LIST": "مهام عملية",
+    "PROCESS_CLOUD": "سحابة العملية",
+    "CARD_VIEW": "CardView",
+    "PROCESS_SERVICES": "Process Services",
+    "LOGIN": "دخول",
+    "CUSTOM_SOURCES": "مصادر مخصصة",
+    "DATATABLE": "جدول بيانات",
+    "DATATABLE_LAZY": "جدول بيانات (بطيء)",
+    "DOCUMENT_LIST": "قائمة المستندات",
+    "TEMPLATE": "قالب",
+    "FORM": "نموذج",
+    "FORM_LIST": "قائمة النماذج",
+    "FORM_LOADING": "تحميل النموذج",
+    "UPLOADER": "مُحمِّل",
+    "WEBSCRIPT": "برنامج الويب النصي",
+    "TAG": "علامة",
+    "TRASHCAN": "سلة المحذوفات",
+    "SOCIAL": "اجتماعي",
+    "SETTINGS": "إعدادات",
+    "CONFIG-EDITOR": "محرر التكوين",
+    "OVERLAY_VIEWER": "عارض مركّب",
+    "ABOUT": "حول",
+    "SEARCH": "بحث ممتد",
+    "EXTENDED_SEARCH_QUERY_BODY": "بحث ممتد بنص الاستعلام",
+    "WORD_TO_SEARCH": "بحث عن كلمة",
+    "SEARCH_CREATED_BY": "تم الإنشاء بواسطة",
+    "SEARCH_SERVICE_APPROACH": "حدد هذا لتعطيل خاصية الإدخال والتكوين باستخدام الخدمة",
+    "HEADER_DATA": "بيانات العنوان",
+    "TREE_VIEW": "طريقة عرض الشجرة",
+    "ICONS": "أيقونات",
+    "PEOPLE_GROUPS_CLOUD": "سحابة الأشخاص/المجموعة",
+    "PEOPLE_CLOUD": "مكون سحابة الأشخاص",
+    "GROUPS_CLOUD": "مكون سحابة المجموعة"
+  },
+  "TRASHCAN": {
+    "ACTIONS": {
+      "DELETE_PERMANENT": "حذف بشكل دائم",
+      "RESTORE": "استعادة"
+    },
+    "EMPTY_STATE": {
+      "TITLE": "المهملات فارغة",
+      "FIRST_TEXT": "تم نقل العناصر المحذوفة إلى المهملات.",
+      "SECOND_TEXT": "أفرغ المهملات لحذف العناصر بشكل دائم."
+    }
+  },
+  "DOCUMENT_LIST": {
+    "MULTISELECT_CHECKBOXES": "تحديد متعدد (مع خانات اختيارات)",
+    "THUMBNAILS": "تمكين الصور المصغرة",
+    "ALLOW_DROP_FILES": "تمكين إسقاط ملفات في مجلد",
+    "MULTIPLE_FILE_UPLOAD": "تحميل ملفات متعددة",
+    "FOLDER_UPLOAD": "تحميل مجلد",
+    "CUSTOM_FILTER": "عامل تصفية امتدادات مخصص",
+    "MAX_SIZE": "عامل تصفية الحد الأقصى للحجم",
+    "ENABLE_VERSIONING": "تمكين تعيين الإصدار",
+    "DESCRIPTION_UPLOAD": "تمكين التحميل",
+    "ENABLE_INFINITE_SCROLL": "تمكين التمرير اللانهائي",
+    "MULTISELECT_DESCRIPTION": "استخدام Cmd (Mac) أو Ctrl (Windows) لتبديل تحديد العناصر المتعددة",
+    "RECENT": {
+      "EMPTY_STATE": {
+        "TITLE": "قائمة أحدث الملفات فارغة"
+      },
+      "TITLE": "أحدث الملفات"
+    },
+    "COLUMNS": {
+      "DISPLAY_NAME": "اسم العرض",
+      "IS_LOCKED": "قفل",
+      "TAG": "علامة",
+      "NODE_ID": "معرف العقدة",
+      "CREATED_BY": "تم الإنشاء بواسطة",
+      "CREATED_ON": "تم الإنشاء في",
+      "CREATED": "تم الإنشاء",
+      "SIZE": "الحجم",
+      "DELETED_ON": "تم الحذف",
+      "DELETED_BY": "تم الحذف بواسطة"
+    },
+    "TOOLBAR": {
+      "CARDVIEW": "وضع عرض البطاقة",
+      "SHARE_EDIT": "إعدادات التحرير",
+      "NEW_FOLDER": "مجلد جديد",
+      "EDIT_FOLDER": "تحرير مجلد",
+      "DOWNLOAD": "تنزيل",
+      "DELETE": "حذف",
+      "FAVORITES": "إضافة إلى المفضلات",
+      "SHARE": "مشاركة",
+      "THEME": "تحديد نسق",
+      "SHOW_VERSION": "إظهار الإصدار",
+      "HIDE_VERSION": "إخفاء الإصدار",
+      "LISTVIEW": "وضع عرض القائمة",
+      "CREATE_LIBRARY": "إنشاء مكتبة"
+    },
+    "ACTIONS": {
+      "VERSIONS": "إدارة الإصدارات",
+      "LOCK": "قفل",
+      "METADATA": "معلومات",
+      "DOWNLOAD": "تنزيل",
+      "PERMISSION": "إذن",
+      "FOLDER": {
+        "COPY": "نسخ",
+        "MOVE": "نقل",
+        "DELETE": "حذف"
+      },
+      "DOCUMENT": {
+        "COPY": "نسخ",
+        "MOVE": "نقل",
+        "DELETE": "حذف",
+        "PROCESS_ACTION": "بدء العملية"
+      }
+    }
+  },
+  "DATATABLE": {
+    "RESET_DEFAULT": "إعادة تعيين إلى افتراضي",
+    "ADD_ROW": "إضافة صف",
+    "REPLACE_ROWS": "استبدال صفوف",
+    "REPLACE_COLUMNS": "استبدال أعمدة",
+    "LOAD_NODE": "تحميل عقدة",
+    "MULTISELECT": "تحديد متعدد",
+    "MULTISELECT_DESCRIPTION": "استخدام Cmd (Mac) أو Ctrl (Windows) لتبديل تحديد العناصر المتعددة"
+  },
+  "ANALYTICS_REPORT": {
+    "NO_REPORT_MESSAGE": "لم يتم تحديد تقرير. اختر تقريرًا من القائمة"
+  },
+  "PS-TAB": {
+    "TASKS-TAB": "المهام",
+    "PROCESSES-TAB": "العملية",
+    "REPORTS-TAB": "تقارير",
+    "SETTINGS-TAB": "إعدادات",
+    "START-TASK": "بدء مهمة",
+    "START-PROCESS": "بدء العملية",
+    "PROCESS-AUDIT-LOG": "سجل تدقيق العملية",
+    "TASK-AUDIT-LOG": "سجل تدقيق المهمة",
+    "TASK-SHOW-HEADER": "إظهار تفاصيل العنوان"
+  },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "تطبيق",
+    "SETTINGS_TAB": "إعدادات"
+  },
+  "FORM-LIST": {
+    "STORE": "متجر",
+    "RESTORE": "استعادة"
+  },
+  "FORM-LOADING": {
+    "FORM_DATA": "بيانات النموذج",
+    "FORM_DATA_MESSAGE": "إدخال قيم لملء النموذج",
+    "TYPEAHEAD_PLACEHOLDER": "التنبؤ بالحروف",
+    "RADIO_PLACEHOLDER": "زر الراديو",
+    "SELECT_PLACEHOLDER": "القائمة المنسدلة"
+  },
+  "LOGIN": {
+    "CONTENT_SERVICES": "Content Services",
+    "PROCESS_SERVICES": "Process Services",
+    "LOGIN_FOOTER": "تذييل الدخول",
+    "SHOW_REMEMBERME": "إظهار تذكرني",
+    "SHOW_SUCCESS_ROUTE": "إظهار طريق النجاح",
+    "CUSTOM_LOGO": "شعار مخصص"
+  },
+  "SEARCH": {
+    "RESULTS": "نتائج البحث",
+    "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.الحجم: كبير XX"
+    }
+  },
+  "SOCIAL": {
+    "LIKE": "مكون الإعجاب",
+    "RATING": "مكون التقييم"
+  },
+  "TAG": {
+    "LIST": "خدمات محتوى علامات القائمة",
+    "INSERT": "إدراج معرف العقدة",
+    "NODE_LIST": "قائمة العلامات حسب معرف العقدة"
+  },
+  "DEMO_PERMISSION": {
+    "INHERIT_PERMISSION_BUTTON": "إذن التوريث",
+    "INHERITED_PERMISSIONS_BUTTON": "تم توريث الإذن"
+  },
+  "TASK_LIST_DEMO": {
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "إدراج معرف التطبيق",
+      "APP_ID_TYPE_ERROR": "يجب أن يكون معرف التطبيق رقمًا",
+      "NUMBER_TYPE_ERROR": "يجب أن تكون القيمة رقمًا",
+      "NUMBER_GREATER_THAN": "يجب أن تكون القيمة أكبر من {{ value }} أو تساويها"
+    },
+    "TOOLTIP_MESSAGE": {
+      "START_INPUT": "صفحة البدء"
+    }
+  },
+  "PROCESS_LIST_DEMO": {
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "إدراج معرف التطبيق",
+      "APP_ID_TYPE_ERROR": "يجب أن يكون معرف التطبيق رقمًا",
+      "NUMBER_GREATER_THAN": "يجب أن تكون القيمة أكبر من {{ value }} أو تساويها"
+    }
+  },
+  "GROUP-TITLE1-TRANSLATION-KEY": "الترجمة الأولى للعنوان المخصص",
+  "GROUP-TITLE2-TRANSLATION-KEY": "الترجمة الثانية للعنوان المخصص",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "قرص ACS ممتلئ",
+      "DESCRIPTION": "يتجاوز المحتوى حد سعة التخزين المكون للشبكة أو النظام",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "عودة إلى الرئيسية"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "العرض التوضيحي لسحابة قائمة العملية",
+    "CUSTOMIZE_FILTERS": "تخصيص عامل التصفية"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "تخصيص عامل التصفية"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "تحديد واحد",
+    "MULTI": "تحديد متعدد",
+    "PRESELECTED_VALUE": "تحديد مسبق: ",
+    "ROLE": "الأدوار: ",
+    "APP_NAME": "اسم التطبيق",
+    "APP_FILTER_MODE": "التصفية حسب اسم التطبيق",
+    "ROLE_FILTER_MODE": "التصفية حسب الدور",
+    "PRESELECT_VALIDATION": "التحديد المسبق للتحقق من الصحة"
+  },
+  "ABOUT": {
+    "TITLE": "مكونات إضافية",
+    "TABLE_HEADERS": {
+      "ID": "المعرف",
+      "NAME": "الاسم",
+      "VERSION": "الإصدار",
+      "VENDOR": "المورد",
+      "LICENSE": "الترخيص",
+      "RUNTIME": "وقت التشغيل",
+      "DESCRIPTION": "الوصف"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "تحديد متعدد",
+    "TESTING_MODE": "وضع الاختبار",
+    "SELECTION_MODE": "وضع التحديد",
+    "TASK_DETAILS_REDIRECTION": "عرض تفاصيل المهمة عند النقر فوق المهمة"
+  }
+}

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"
     },
@@ -52,10 +52,8 @@
       "TITLE": "Metadaten"
     }
   },
-  "COMMENTS": {
-    "ADD_COMMENT": "Hinzufügen"
-  },
   "APP_LAYOUT": {
+    "APP": "Anwendung",
     "APP_NAME": "ADF-Demoanwendung",
     "HOME": "Startseite",
     "NODE-SELECTOR": "Node-Auswahl",
@@ -64,12 +62,15 @@
     "NOTIFICATIONS": "Benachrichtigungen",
     "TASK_LIST": "Aufgabenliste",
     "PROCESS_LIST": "Prozessliste",
+    "PROCESS_CLOUD": "Activiti 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",
@@ -87,7 +88,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": {
@@ -103,6 +109,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",
@@ -121,6 +128,7 @@
       "DISPLAY_NAME": "Namen anzeigen",
       "IS_LOCKED": "Sperren",
       "TAG": "Tag",
+      "NODE_ID": "Node-ID",
       "CREATED_BY": "Erstellt von",
       "CREATED_ON": "Erstellt am",
       "CREATED": "Erstellt",
@@ -130,6 +138,7 @@
     },
     "TOOLBAR": {
       "CARDVIEW": "Kartenansichtsmodus",
+      "SHARE_EDIT": "Einstellungen bearbeiten",
       "NEW_FOLDER": "Neuer Ordner",
       "EDIT_FOLDER": "Ordner bearbeiten",
       "DOWNLOAD": "Herunterladen",
@@ -139,10 +148,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",
@@ -175,12 +186,17 @@
     "TASKS-TAB": "Aufgaben",
     "PROCESSES-TAB": "Prozess",
     "REPORTS-TAB": "Berichte",
+    "SETTINGS-TAB": "Einstellungen",
     "START-TASK": "Aufgabe starten",
     "START-PROCESS": "Prozess starten",
     "PROCESS-AUDIT-LOG": "Prozess-Audit-Protokoll",
     "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"
@@ -202,7 +218,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",
@@ -218,13 +252,70 @@
     "INHERITED_PERMISSIONS_BUTTON": "Berechtigungen geerbt"
   },
   "TASK_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_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": "Einzelauswahl",
+    "MULTI": "Mehrfachauswahl",
+    "PRESELECTED_VALUE": "Vorauswahl: ",
+    "ROLE": "Rollen: ",
+    "APP_NAME": "Anwendungsname",
+    "APP_FILTER_MODE": "Nach Anwendungsname filtern",
+    "ROLE_FILTER_MODE": "Nach Rolle filtern",
+    "PRESELECT_VALIDATION": "Vorauswahl-Prüfung"
+  },
+  "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",
+    "TASK_DETAILS_REDIRECTION": "Bei Klicken auf Aufgabe Aufgabendetails einblenden"
+  }
 }

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",
@@ -54,20 +53,25 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "App",
     "APP_NAME": "ADF Demo Application",
     "HOME": "Home",
     "NODE-SELECTOR": "Node Selector",
+    "SITES": "Sites",
     "CONTENT_SERVICES": "Content Services",
     "BREADCRUMB": "Breadcrumb",
     "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 +85,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 +110,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",
@@ -120,6 +129,7 @@
       "DISPLAY_NAME": "Display name",
       "IS_LOCKED": "Lock",
       "TAG": "Tag",
+      "NODE_ID": "Node id",
       "CREATED_BY": "Created by",
       "CREATED_ON": "Created on",
       "CREATED": "Created",
@@ -129,6 +139,7 @@
     },
     "TOOLBAR": {
       "CARDVIEW": "Card view mode",
+      "SHARE_EDIT": "Edit settings",
       "NEW_FOLDER": "New folder",
       "EDIT_FOLDER": "Edit folder",
       "DOWNLOAD": "Download",
@@ -138,10 +149,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",
@@ -174,12 +187,17 @@
     "TASKS-TAB": "Tasks",
     "PROCESSES-TAB": "Process",
     "REPORTS-TAB": "Reports",
+    "SETTINGS-TAB": "Settings",
     "START-TASK": "Start task",
     "START-PROCESS": "Start process",
     "PROCESS-AUDIT-LOG": "Process Audit log",
     "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"
@@ -201,7 +219,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",
@@ -220,16 +256,67 @@
     "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": "Application Name",
+    "APP_FILTER_MODE": "Filter by application name",
+    "ROLE_FILTER_MODE": "Filter by role",
+    "PRESELECT_VALIDATION": "Preselect validation"
+  },
+  "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"
     },
@@ -53,6 +53,7 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "Aplicación",
     "APP_NAME": "Aplicación ADF Demo",
     "HOME": "Inicio",
     "NODE-SELECTOR": "Selector de nodo",
@@ -61,12 +62,15 @@
     "NOTIFICATIONS": "Notificaciones",
     "TASK_LIST": "Lista de tareas",
     "PROCESS_LIST": "Lista de procesos",
+    "PROCESS_CLOUD": "Activiti Cloud",
     "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 +88,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 +109,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 +128,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",
@@ -127,6 +138,7 @@
     },
     "TOOLBAR": {
       "CARDVIEW": "Modo de vista de tarjeta",
+      "SHARE_EDIT": "Editar configuración",
       "NEW_FOLDER": "Nueva carpeta",
       "EDIT_FOLDER": "Editar carpeta",
       "DOWNLOAD": "Descargar",
@@ -136,10 +148,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",
@@ -172,12 +186,17 @@
     "TASKS-TAB": "Tareas",
     "PROCESSES-TAB": "Proceso",
     "REPORTS-TAB": "Informes",
+    "SETTINGS-TAB": "Configuración",
     "START-TASK": "Iniciar tarea",
     "START-PROCESS": "Iniciar proceso",
     "PROCESS-AUDIT-LOG": "Registro de auditoría de procesos",
     "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"
@@ -199,7 +218,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",
@@ -218,16 +255,67 @@
     "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 ingresado debe ser numérico"
+      "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": "Página de inicio"
+      "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": "Selección individual",
+    "MULTI": "Selección múltiple",
+    "PRESELECTED_VALUE": "Preseleccionar: ",
+    "ROLE": "Funciones: ",
+    "APP_NAME": "Nombre de la aplicación",
+    "APP_FILTER_MODE": "Filtrar por nombre de la aplicación",
+    "ROLE_FILTER_MODE": "Filtrar por función",
+    "PRESELECT_VALIDATION": "Preseleccionar validación"
+  },
+  "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",
+    "TASK_DETAILS_REDIRECTION": "Mostrar detalles de la tarea haciendo clic en la tarea"
+  }
+}

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"
     },
@@ -53,6 +53,7 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "Application",
     "APP_NAME": "Application Démo ADF",
     "HOME": "Accueil",
     "NODE-SELECTOR": "Sélecteur de nœud",
@@ -61,12 +62,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 +88,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 +109,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 +128,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éé",
@@ -127,6 +138,7 @@
     },
     "TOOLBAR": {
       "CARDVIEW": "Mode d'affichage Carte",
+      "SHARE_EDIT": "Modifier les paramètres",
       "NEW_FOLDER": "Nouveau Dossier",
       "EDIT_FOLDER": "Modifier le dossier",
       "DOWNLOAD": "Télécharger",
@@ -136,10 +148,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",
@@ -172,12 +186,17 @@
     "TASKS-TAB": "Tâches",
     "PROCESSES-TAB": "Processus",
     "REPORTS-TAB": "Rapports",
+    "SETTINGS-TAB": "Paramètres",
     "START-TASK": "Démarrer la tâche",
     "START-PROCESS": "Démarrer le processus",
     "PROCESS-AUDIT-LOG": "Journal d'audit des processus",
     "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"
@@ -199,7 +218,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",
@@ -218,16 +255,67 @@
     "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 saisie doit être numérique"
+      "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": "Page d'accueil"
+      "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": "Sélection unique",
+    "MULTI": "Sélection multiple",
+    "PRESELECTED_VALUE": "Présélection : ",
+    "ROLE": "Rôles : ",
+    "APP_NAME": "Nom de l'application",
+    "APP_FILTER_MODE": "Filtrer par nom d'application",
+    "ROLE_FILTER_MODE": "Filtrer par rôle",
+    "PRESELECT_VALIDATION": "Validation 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",
+    "TASK_DETAILS_REDIRECTION": "Afficher les détails de la tâche en cliquant dessus"
+  }
+}

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"
     },
@@ -53,6 +53,7 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "Applicazione",
     "APP_NAME": "Applicazione demo ADF",
     "HOME": "Home",
     "NODE-SELECTOR": "Selezione nodo",
@@ -61,12 +62,15 @@
     "NOTIFICATIONS": "Notifiche",
     "TASK_LIST": "Elenco attività",
     "PROCESS_LIST": "Elenco processi",
+    "PROCESS_CLOUD": "Activiti Cloud",
     "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 +88,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 +109,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 +128,7 @@
       "DISPLAY_NAME": "Nome visualizzato",
       "IS_LOCKED": "Blocca",
       "TAG": "Tag",
+      "NODE_ID": "ID nodo",
       "CREATED_BY": "Creato da",
       "CREATED_ON": "Creato il",
       "CREATED": "Creato",
@@ -127,6 +138,7 @@
     },
     "TOOLBAR": {
       "CARDVIEW": "Modalità di visualizzazione scheda",
+      "SHARE_EDIT": "Modifica impostazioni",
       "NEW_FOLDER": "Nuova cartella",
       "EDIT_FOLDER": "Modifica cartella",
       "DOWNLOAD": "Download",
@@ -136,10 +148,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",
@@ -172,12 +186,17 @@
     "TASKS-TAB": "Compiti",
     "PROCESSES-TAB": "Processo",
     "REPORTS-TAB": "Rapporti",
+    "SETTINGS-TAB": "Impostazioni",
     "START-TASK": "Avvia compito",
     "START-PROCESS": "Avvia processo",
     "PROCESS-AUDIT-LOG": "Registro di audit processo",
     "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"
@@ -199,7 +218,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",
@@ -218,16 +255,67 @@
     "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 inserito deve essere numerico"
+      "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": "Pagina iniziale"
+      "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": "Selezione singola",
+    "MULTI": "Selezione multipla",
+    "PRESELECTED_VALUE": "Preselezione: ",
+    "ROLE": "Ruoli: ",
+    "APP_NAME": "Nome applicazione",
+    "APP_FILTER_MODE": "Filtra per nome applicazione",
+    "ROLE_FILTER_MODE": "Filtra per ruolo",
+    "PRESELECT_VALIDATION": "Convalida preselezione"
+  },
+  "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",
+    "TASK_DETAILS_REDIRECTION": "Mostra dettagli compito dopo clic su compito"
+  }
+}

demo-shell/resources/i18n/ja.json

@@ -19,7 +19,7 @@
     "ADF_VERSION_MANAGER": {
       "ALLOW_DELETE": "削除を許可する",
       "SHOW_COMMENTS": "バージョンに関するコメントを表示",
-      "ALLOW_DOWNLOAD": "ダウンロードを許可する",
+      "ALLOW_DOWNLOAD": "バージョンのダウンロードを許可",
       "READ_ONLY": "読取り専用",
       "COMMENTS": "コメントを表示する"
     },
@@ -53,6 +53,7 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "アプリ",
     "APP_NAME": "ADF デモアプリケーション",
     "HOME": "ホーム",
     "NODE-SELECTOR": "ノードセレクター",
@@ -61,12 +62,15 @@
     "NOTIFICATIONS": "通知",
     "TASK_LIST": "タスクリスト",
     "PROCESS_LIST": "プロセスリスト",
+    "PROCESS_CLOUD": "Activiti 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 +88,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 +109,7 @@
   "DOCUMENT_LIST": {
     "MULTISELECT_CHECKBOXES": "複数選択 (チェックボックスを使用)",
     "THUMBNAILS": "サムネイルを有効にする",
+    "ALLOW_DROP_FILES": "フォルダへのドラッグ&ドロップを許可",
     "MULTIPLE_FILE_UPLOAD": "複数ファイルのアップロード",
     "FOLDER_UPLOAD": "フォルダのアップロード",
     "CUSTOM_FILTER": "カスタム拡張子フィルタ",
@@ -118,6 +128,7 @@
       "DISPLAY_NAME": "表示名",
       "IS_LOCKED": "ロック",
       "TAG": "タグ",
+      "NODE_ID": "ノード ID",
       "CREATED_BY": "作成者",
       "CREATED_ON": "作成日",
       "CREATED": "作成日",
@@ -127,6 +138,7 @@
     },
     "TOOLBAR": {
       "CARDVIEW": "カード表示モード",
+      "SHARE_EDIT": "設定の編集",
       "NEW_FOLDER": "新しいフォルダ",
       "EDIT_FOLDER": "フォルダの編集",
       "DOWNLOAD": "ダウンロード",
@@ -136,10 +148,12 @@
       "THEME": "テーマを選択してください",
       "SHOW_VERSION": "バージョンを表示する",
       "HIDE_VERSION": "バージョンを隠す",
-      "LISTVIEW": "一覧表示モード"
+      "LISTVIEW": "一覧表示モード",
+      "CREATE_LIBRARY": "ライブラリの作成"
     },
     "ACTIONS": {
       "VERSIONS": "バージョンの管理",
+      "LOCK": "ロック",
       "METADATA": "情報",
       "DOWNLOAD": "ダウンロード",
       "PERMISSION": "権限",
@@ -172,12 +186,17 @@
     "TASKS-TAB": "タスク",
     "PROCESSES-TAB": "プロセス",
     "REPORTS-TAB": "レポート",
+    "SETTINGS-TAB": "設定",
     "START-TASK": "タスクの開始",
     "START-PROCESS": "プロセスの開始",
     "PROCESS-AUDIT-LOG": "プロセスの監査ログ",
     "TASK-AUDIT-LOG": "タスクの監査ログ",
     "TASK-SHOW-HEADER": "詳細ヘッダーを表示する"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "アプリ",
+    "SETTINGS_TAB": "設定"
+  },
   "FORM-LIST": {
     "STORE": "保存",
     "RESTORE": "復元"
@@ -199,7 +218,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": "[いいね!] コンポーネント",
@@ -215,13 +252,70 @@
     "INHERITED_PERMISSIONS_BUTTON": "継承された権限"
   },
   "TASK_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_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": "事前選択: ",
+    "ROLE": "役割: ",
+    "APP_NAME": "アプリケーション名",
+    "APP_FILTER_MODE": "アプリケーション名でフィルタ",
+    "ROLE_FILTER_MODE": "役割でフィルタ",
+    "PRESELECT_VALIDATION": "事前選択の検証"
+  },
+  "ABOUT": {
+    "TITLE": "プラグイン",
+    "TABLE_HEADERS": {
+      "ID": "ID",
+      "NAME": "名前",
+      "VERSION": "バージョン",
+      "VENDOR": "ベンダー",
+      "LICENSE": "ライセンス",
+      "RUNTIME": "ランタイム",
+      "DESCRIPTION": "説明"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "複数選択",
+    "TESTING_MODE": "テストモード",
+    "SELECTION_MODE": "選択モード",
+    "TASK_DETAILS_REDIRECTION": "タスクのクリック時にタスクの詳細を表示"
+  }
 }

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"
     },
@@ -53,6 +53,7 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "App",
     "APP_NAME": "ADF-demoprogam",
     "HOME": "Hjem",
     "NODE-SELECTOR": "Nodevelger",
@@ -61,12 +62,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 +88,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 +109,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 +128,7 @@
       "DISPLAY_NAME": "Vis navn",
       "IS_LOCKED": "Lås",
       "TAG": "Tagg",
+      "NODE_ID": "Node-ID",
       "CREATED_BY": "Opprettet av",
       "CREATED_ON": "Opprettet",
       "CREATED": "Opprettet",
@@ -127,6 +138,7 @@
     },
     "TOOLBAR": {
       "CARDVIEW": "Kortvisningsmodus",
+      "SHARE_EDIT": "Rediger innstillinger",
       "NEW_FOLDER": "Ny mappe",
       "EDIT_FOLDER": "Rediger mappe",
       "DOWNLOAD": "Last ned",
@@ -136,10 +148,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",
@@ -172,12 +186,17 @@
     "TASKS-TAB": "Oppgaver",
     "PROCESSES-TAB": "Prosess",
     "REPORTS-TAB": "Rapporter",
+    "SETTINGS-TAB": "Innstillinger",
     "START-TASK": "Start oppgave",
     "START-PROCESS": "Start prosess",
     "PROCESS-AUDIT-LOG": "Prosessrevisjonslogg",
     "TASK-AUDIT-LOG": "Oppgaverevisjonslogg",
     "TASK-SHOW-HEADER": "Vis detaljoverskrift"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "App",
+    "SETTINGS_TAB": "Innstillinger"
+  },
   "FORM-LIST": {
     "STORE": "Lagre",
     "RESTORE": "Gjenopprett"
@@ -199,7 +218,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",
@@ -215,13 +252,70 @@
     "INHERITED_PERMISSIONS_BUTTON": "Tillatelse arvet"
   },
   "TASK_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_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": "Ett valg",
+    "MULTI": "Flere valg",
+    "PRESELECTED_VALUE": "Forhåndsvelg: ",
+    "ROLE": "Roller: ",
+    "APP_NAME": "Programnavn",
+    "APP_FILTER_MODE": "Filtrer etter programnavn",
+    "ROLE_FILTER_MODE": "Filtrer etter rolle",
+    "PRESELECT_VALIDATION": "Forhåndsvelg validering"
+  },
+  "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",
+    "TASK_DETAILS_REDIRECTION": "Vis oppgavedetaljer ved oppgaveklikk"
+  }
 }

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"
     },
@@ -53,6 +53,7 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "App",
     "APP_NAME": "ADF-demotoepassing",
     "HOME": "Home",
     "NODE-SELECTOR": "Selectiefunctie voor node",
@@ -61,12 +62,15 @@
     "NOTIFICATIONS": "Meldingen",
     "TASK_LIST": "Lijst met taken",
     "PROCESS_LIST": "Lijst met processen",
+    "PROCESS_CLOUD": "Activiti 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 +88,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 +109,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 +128,7 @@
       "DISPLAY_NAME": "Getoonde naam",
       "IS_LOCKED": "Vergrendeling",
       "TAG": "Tag",
+      "NODE_ID": "Node-id",
       "CREATED_BY": "Gemaakt door",
       "CREATED_ON": "Gemaakt op",
       "CREATED": "Gemaakt",
@@ -127,6 +138,7 @@
     },
     "TOOLBAR": {
       "CARDVIEW": "Kaartweergavemodus",
+      "SHARE_EDIT": "Instellingen bewerken",
       "NEW_FOLDER": "Nieuwe map",
       "EDIT_FOLDER": "Map bewerken",
       "DOWNLOAD": "Downloaden",
@@ -136,10 +148,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",
@@ -172,12 +186,17 @@
     "TASKS-TAB": "Taken",
     "PROCESSES-TAB": "Proces",
     "REPORTS-TAB": "Rapporten",
+    "SETTINGS-TAB": "Instellingen",
     "START-TASK": "Taak starten",
     "START-PROCESS": "Proces starten",
     "PROCESS-AUDIT-LOG": "Auditlog van proces",
     "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"
@@ -199,7 +218,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",
@@ -215,13 +252,70 @@
     "INHERITED_PERMISSIONS_BUTTON": "Machtiging overgenomen"
   },
   "TASK_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_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": "Enkelvoudige selectie",
+    "MULTI": "Meervoudige selectie",
+    "PRESELECTED_VALUE": "Voorselecteren: ",
+    "ROLE": "Rollen: ",
+    "APP_NAME": "Toepassingsnaam",
+    "APP_FILTER_MODE": "Filteren op toepassingsnaam",
+    "ROLE_FILTER_MODE": "Filteren op rol",
+    "PRESELECT_VALIDATION": "Validatie voorselecteren"
+  },
+  "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",
+    "TASK_DETAILS_REDIRECTION": "Taakdetails weergeven bij klikken op taak"
+  }
 }

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"
     },
@@ -53,6 +53,7 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "Aplicativo",
     "APP_NAME": "Aplicativo Demo ADF",
     "HOME": "Página Inicial",
     "NODE-SELECTOR": "Seletor de nó",
@@ -61,12 +62,15 @@
     "NOTIFICATIONS": "Notificações",
     "TASK_LIST": "Lista de tarefas",
     "PROCESS_LIST": "Lista de processos",
+    "PROCESS_CLOUD": "Activiti 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 +88,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 +108,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 +128,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",
@@ -127,6 +138,7 @@
     },
     "TOOLBAR": {
       "CARDVIEW": "Modo de visualização de cartão",
+      "SHARE_EDIT": "Editar configurações",
       "NEW_FOLDER": "Nova Pasta",
       "EDIT_FOLDER": "Editar pasta",
       "DOWNLOAD": "Download",
@@ -136,10 +148,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",
@@ -172,12 +186,17 @@
     "TASKS-TAB": "Tarefas",
     "PROCESSES-TAB": "Processo",
     "REPORTS-TAB": "Relatórios",
+    "SETTINGS-TAB": "Configurações",
     "START-TASK": "Iniciar tarefa",
     "START-PROCESS": "Iniciar processo",
     "PROCESS-AUDIT-LOG": "Log de auditoria de processo",
     "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"
@@ -199,7 +218,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",
@@ -215,13 +252,70 @@
     "INHERITED_PERMISSIONS_BUTTON": "Permissão herdada"
   },
   "TASK_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_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": "Seleção única",
+    "MULTI": "Seleção múltipla",
+    "PRESELECTED_VALUE": "Pré-seleção: ",
+    "ROLE": "Funções: ",
+    "APP_NAME": "Nome do aplicativo",
+    "APP_FILTER_MODE": "Filtrar por nome do aplicativo",
+    "ROLE_FILTER_MODE": "Filtrar por função",
+    "PRESELECT_VALIDATION": "Validação de pré-seleção"
+  },
+  "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",
+    "TASK_DETAILS_REDIRECTION": "Exibir detalhes da tarefa ao clicar na tarefa"
+  }
 }

demo-shell/resources/i18n/ru.json

@@ -19,7 +19,7 @@
     "ADF_VERSION_MANAGER": {
       "ALLOW_DELETE": "Разрешить удаление",
       "SHOW_COMMENTS": "Показать комментарии к версиям",
-      "ALLOW_DOWNLOAD": "Разрешить загрузку",
+      "ALLOW_DOWNLOAD": "Включить загрузку версий",
       "READ_ONLY": "Только чтение",
       "COMMENTS": "Показать комментарии"
     },
@@ -52,10 +52,8 @@
       "TITLE": "Метаданные"
     }
   },
-  "COMMENTS": {
-    "ADD_COMMENT": "Добавить"
-  },
   "APP_LAYOUT": {
+    "APP": "Приложение",
     "APP_NAME": "Демонстрационное приложение ADF",
     "HOME": "Домашняя",
     "NODE-SELECTOR": "Селектор узлов",
@@ -64,12 +62,15 @@
     "NOTIFICATIONS": "Оповещения",
     "TASK_LIST": "Список задач",
     "PROCESS_LIST": "Список процессов",
+    "PROCESS_CLOUD": "Activiti Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Войти",
     "CUSTOM_SOURCES": "Пользовательские источники",
     "DATATABLE": "Datatable",
     "DATATABLE_LAZY": "Таблица данных (частичная загрузка)",
+    "DOCUMENT_LIST": "Список документов",
+    "TEMPLATE": "Шаблон",
     "FORM": "Форма",
     "FORM_LIST": "Список форм",
     "FORM_LOADING": "Загрузка формы",
@@ -87,7 +88,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": {
@@ -103,6 +109,7 @@
   "DOCUMENT_LIST": {
     "MULTISELECT_CHECKBOXES": "Выбор нескольких вариантов (с флажками)",
     "THUMBNAILS": "Включить эскизы",
+    "ALLOW_DROP_FILES": "Включить перетаскивание файлов в папку",
     "MULTIPLE_FILE_UPLOAD": "Загрузка нескольких файлов",
     "FOLDER_UPLOAD": "Загрузка папки",
     "CUSTOM_FILTER": "Пользовательский фильтр расширений",
@@ -121,6 +128,7 @@
       "DISPLAY_NAME": "Отображаемое имя",
       "IS_LOCKED": "Блокировка",
       "TAG": "Метка",
+      "NODE_ID": "Идентификатор узла",
       "CREATED_BY": "Создано пользователем",
       "CREATED_ON": "Дата создания",
       "CREATED": "Создано",
@@ -130,6 +138,7 @@
     },
     "TOOLBAR": {
       "CARDVIEW": "Режим просмотра карты",
+      "SHARE_EDIT": "Изменить параметры",
       "NEW_FOLDER": "Новая папка",
       "EDIT_FOLDER": "Редактировать папку",
       "DOWNLOAD": "Скачать",
@@ -139,10 +148,12 @@
       "THEME": "Выберите тему",
       "SHOW_VERSION": "Показать версию",
       "HIDE_VERSION": "Скрыть версию",
-      "LISTVIEW": "Режим просмотра списка"
+      "LISTVIEW": "Режим просмотра списка",
+      "CREATE_LIBRARY": "Создание библиотеки"
     },
     "ACTIONS": {
       "VERSIONS": "Управление версиями",
+      "LOCK": "Блокировка",
       "METADATA": "Информация",
       "DOWNLOAD": "Скачать",
       "PERMISSION": "Право",
@@ -175,12 +186,17 @@
     "TASKS-TAB": "Задачи",
     "PROCESSES-TAB": "Процесс",
     "REPORTS-TAB": "Отчеты",
+    "SETTINGS-TAB": "Параметры",
     "START-TASK": "Начать задачу",
     "START-PROCESS": "Начать процесс",
     "PROCESS-AUDIT-LOG": "Журнал проверки процесса",
     "TASK-AUDIT-LOG": "Журнал проверки задачи",
     "TASK-SHOW-HEADER": "Показать подробности заголовка"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "Приложение",
+    "SETTINGS_TAB": "Параметры"
+  },
   "FORM-LIST": {
     "STORE": "Хранилище",
     "RESTORE": "Восстановить"
@@ -202,7 +218,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": "Компонент \"Нравится\"",
@@ -218,13 +252,70 @@
     "INHERITED_PERMISSIONS_BUTTON": "Разрешение унаследовано"
   },
   "TASK_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "Вставить идентификатор приложения",
-    "APP_ID_TYPE_ERROR": "Идентификатор приложения должен быть числом"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Вставить идентификатор приложения",
+      "APP_ID_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": "Предварительный выбор: ",
+    "ROLE": "Роли: ",
+    "APP_NAME": "Имя приложения",
+    "APP_FILTER_MODE": "Фильтровать по имени приложения",
+    "ROLE_FILTER_MODE": "Фильтровать по роли",
+    "PRESELECT_VALIDATION": "Проверка предварительного выбора"
+  },
+  "ABOUT": {
+    "TITLE": "Подключаемые модули",
+    "TABLE_HEADERS": {
+      "ID": "Идентификатор",
+      "NAME": "Имя",
+      "VERSION": "Версия",
+      "VENDOR": "Поставщик",
+      "LICENSE": "Лицензия",
+      "RUNTIME": "Среда выполнения",
+      "DESCRIPTION": "Описание"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Выбор нескольких",
+    "TESTING_MODE": "Режим тестирования",
+    "SELECTION_MODE": "Режим выбора",
+    "TASK_DETAILS_REDIRECTION": "Отображать подробные сведения о задаче при нажатии на задачу"
+  }
 }

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": "显示注释"
     },
@@ -52,10 +52,8 @@
       "TITLE": "元数据"
     }
   },
-  "COMMENTS": {
-    "ADD_COMMENT": "添加"
-  },
   "APP_LAYOUT": {
+    "APP": "APP",
     "APP_NAME": "ADF 演示应用程序",
     "HOME": "主页",
     "NODE-SELECTOR": "节点选择器",
@@ -64,12 +62,15 @@
     "NOTIFICATIONS": "通知",
     "TASK_LIST": "任务列表",
     "PROCESS_LIST": "流程列表",
+    "PROCESS_CLOUD": "Activiti Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "登录",
     "CUSTOM_SOURCES": "自定义来源",
     "DATATABLE": "Datatable",
     "DATATABLE_LAZY": "Datatable（迟缓）",
+    "DOCUMENT_LIST": "文档列表",
+    "TEMPLATE": "模板",
     "FORM": "表单",
     "FORM_LIST": "表单列表",
     "FORM_LOADING": "表单加载",
@@ -87,7 +88,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": {
@@ -103,6 +109,7 @@
   "DOCUMENT_LIST": {
     "MULTISELECT_CHECKBOXES": "多选（含复选框）",
     "THUMBNAILS": "启用缩略图",
+    "ALLOW_DROP_FILES": "在文件夹中启用“文件拖放”",
     "MULTIPLE_FILE_UPLOAD": "上传多个文件",
     "FOLDER_UPLOAD": "文件夹上传",
     "CUSTOM_FILTER": "自定义扩展过滤器",
@@ -113,7 +120,7 @@
     "MULTISELECT_DESCRIPTION": "使用 Cmd (Mac) 或 Ctrl (Windows) 切换多个项目的选择",
     "RECENT": {
       "EMPTY_STATE": {
-        "TITLE": "\"最近的文件\"列表为空"
+        "TITLE": "“最近的文件”列表为空"
       },
       "TITLE": "最近的文件"
     },
@@ -121,6 +128,7 @@
       "DISPLAY_NAME": "显示名称",
       "IS_LOCKED": "锁定",
       "TAG": "标签",
+      "NODE_ID": "节点 ID",
       "CREATED_BY": "创建者",
       "CREATED_ON": "创建日期",
       "CREATED": "已创建",
@@ -130,6 +138,7 @@
     },
     "TOOLBAR": {
       "CARDVIEW": "卡查看模式",
+      "SHARE_EDIT": "编辑设置",
       "NEW_FOLDER": "新建文件夹",
       "EDIT_FOLDER": "编辑文件夹",
       "DOWNLOAD": "下载",
@@ -139,10 +148,12 @@
       "THEME": "选择主题",
       "SHOW_VERSION": "显示版本",
       "HIDE_VERSION": "隐藏版本",
-      "LISTVIEW": "列表视图模式"
+      "LISTVIEW": "列表视图模式",
+      "CREATE_LIBRARY": "创建库"
     },
     "ACTIONS": {
       "VERSIONS": "管理版本",
+      "LOCK": "锁定",
       "METADATA": "信息",
       "DOWNLOAD": "下载",
       "PERMISSION": "权限",
@@ -175,12 +186,17 @@
     "TASKS-TAB": "任务",
     "PROCESSES-TAB": "流程",
     "REPORTS-TAB": "报告",
+    "SETTINGS-TAB": "设置",
     "START-TASK": "启动任务",
     "START-PROCESS": "启动流程",
     "PROCESS-AUDIT-LOG": "流程审计日志",
     "TASK-AUDIT-LOG": "任务审计日志",
     "TASK-SHOW-HEADER": "显示详细信息标头"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "APP",
+    "SETTINGS_TAB": "设置"
+  },
   "FORM-LIST": {
     "STORE": "存储",
     "RESTORE": "恢复"
@@ -202,7 +218,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": "点赞组件",
@@ -218,13 +252,70 @@
     "INHERITED_PERMISSIONS_BUTTON": "已继承权限"
   },
   "TASK_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_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": "预先选择： ",
+    "ROLE": "角色： ",
+    "APP_NAME": "应用程序名称",
+    "APP_FILTER_MODE": "按应用程序名称筛选",
+    "ROLE_FILTER_MODE": "按角色筛选",
+    "PRESELECT_VALIDATION": "预先选择验证"
+  },
+  "ABOUT": {
+    "TITLE": "插件",
+    "TABLE_HEADERS": {
+      "ID": "ID",
+      "NAME": "名称",
+      "VERSION": "版本",
+      "VENDOR": "供应商",
+      "LICENSE": "许可证",
+      "RUNTIME": "运行时",
+      "DESCRIPTION": "说明"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "多重选择",
+    "TESTING_MODE": "测试模式",
+    "SELECTION_MODE": "选择模式",
+    "TASK_DETAILS_REDIRECTION": "单击任务时显示任务详情"
+  }
 }

demo-shell/src/app.config.json

@@ -1,18 +1,24 @@
 {
     "$schema": "../../lib/core/app-config/schema.json",
-    "ecmHost": "http://{hostname}:{port}",
-    "bpmHost": "http://{hostname}:{port}",
+    "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"
     },
@@ -27,59 +33,80 @@
         },
         {
             "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": "中文简体"
+        },
+        {
+            "key": "ar",
+            "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
+          }
         ]
       },
+      "resetButton": true,
       "filterQueries": [
         { "query": "TYPE:'cm:folder' OR TYPE:'cm:content'" },
         { "query": "NOT cm:creator:System" }
@@ -87,25 +114,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": [
@@ -196,7 +249,23 @@
             }
           }
         }
-      ]
+      ],
+      "highlight": {
+        "prefix": " ",
+        "postfix": " ",
+        "mergeContiguous": true,
+        "fields": [
+          {
+            "field": "cm:title"
+          },
+          {
+            "field": "description",
+            "prefix": "(",
+            "postfix": ")"
+          }
+
+        ]
+      }
     },
     "pagination": {
         "size": 20,
@@ -480,6 +549,9 @@
             ]
         }
     },
+    "adf-start-task": {
+        "name": "My Task Name"
+    },
     "adf-task-list": {
         "presets": {
             "default": [
@@ -514,15 +586,104 @@
             ]
         }
     },
+    "adf-edit-task-filter": {
+        "filterProperties": [ "status", "assignee", "sort", "order" ],
+        "sortProperties": [ "id", "name", "createdDate", "priority", "processDefinitionId" ],
+        "actions": [ "save", "saveAs", "delete" ]
+    },
+    "adf-edit-process-filter": {
+        "filterProperties": [ "status", "sort", "order", "processName" ],
+        "sortProperties": [ "id", "name", "status", "startDate" ],
+        "actions": ["save", "saveAs", "delete"]
+
+    },
     "content-metadata": {
         "presets": {
             "default": {
-                "exif:exif": "*"
+                 "exif:exif": "*"
             }
         }
     },
     "sideNav": {
       "expandedSidenav": true,
       "preserveState": true
-    }
+    },
+    "adf-cloud-task-list": {
+        "presets": {
+            "default": [
+                {
+                    "key": "entry.id",
+                    "type": "text",
+                    "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.ID",
+                    "cssClass": "adf-expand-cell-4",
+                    "sortable": true
+                },
+                {
+                    "key": "entry.name",
+                    "type": "text",
+                    "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.NAME",
+                    "sortable": true,
+                    "cssClass": "name-column adf-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"
+                }
+            ]
+        }
+    },
+    "alfresco-deployed-apps": []
 }

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.html

@@ -1,2 +1,4 @@
-<router-outlet></router-outlet>
-<router-outlet name="overlay"></router-outlet>
+<div [dir]="textOrientation" class="adf-demo-app-container" >
+    <router-outlet></router-outlet>
+    <router-outlet name="overlay"></router-outlet>
+</div>

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;
@@ -7,15 +7,20 @@ router-outlet[name="overlay"] + * {
     right: 0;
 }
 
+.adf-demo-app-container {
+    height: 100%;
+    width: 100%;
+}
+
 @media (max-width: 425px) {
     adf-content-node-selector {
         .adf-content-node-selector-content-list {
-            .adf-data-table-cell {
+            .adf-datatable-cell {
                 display: none;
             }
 
-            .adf-data-table-cell:first-child,
-            .adf-data-table-cell:nth-child(2) {
+            .adf-datatable-cell:first-child,
+            .adf-datatable-cell:nth-child(2) {
                 display: table-cell;
             }
         }

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.
@@ -16,8 +16,14 @@
  */
 
 import { Component, ViewEncapsulation, OnInit } from '@angular/core';
-import { AuthenticationService, AlfrescoApiService, PageTitleService } from '@alfresco/adf-core';
+import {
+    UserPreferencesService,
+    AuthenticationService,
+    AlfrescoApiService,
+    PageTitleService
+} from '@alfresco/adf-core';
 import { Router } from '@angular/router';
+import { MatDialog } from '@angular/material';
 
 @Component({
     selector: 'app-root',
@@ -27,22 +33,40 @@ import { Router } from '@angular/router';
 })
 export class AppComponent implements OnInit {
 
+    textOrientation: string = 'ltr';
+
     constructor(private pageTitleService: PageTitleService,
                 private alfrescoApiService: AlfrescoApiService,
                 private authenticationService: AuthenticationService,
-                private router: Router) {
+                private userPreferencesService: UserPreferencesService,
+                private router: Router,
+                private dialogRef: MatDialog) {
+
+        this.userPreferencesService.set('textOrientation', this.textOrientation);
+
     }
 
     ngOnInit() {
+        this.userPreferencesService.select('textOrientation').subscribe((textOrientation) => {
+            this.textOrientation = textOrientation;
+        });
 
         this.pageTitleService.setTitle('title');
 
         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.
@@ -20,26 +20,24 @@ import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { FlexLayoutModule } from '@angular/flex-layout';
 import { ChartsModule } from 'ng2-charts';
-import { HttpClientModule } from '@angular/common/http';
+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,20 +58,29 @@ 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, TaskDirectiveModule } 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';
+import { ProcessDetailsCloudDemoComponent } from './components/app-layout/cloud/process-details-cloud-demo.component';
+import { NestedMenuPositionDirective } from './components/app-layout/cloud/directives/nested-menu-position.directive';
 
 @NgModule({
     imports: [
@@ -89,41 +91,39 @@ import { ProcessModule } from '@alfresco/adf-process-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,
+        TaskDirectiveModule
     ],
     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,
@@ -133,17 +133,28 @@ import { ProcessModule } from '@alfresco/adf-process-services';
         FormLoadingComponent,
         DemoPermissionComponent,
         FormLoadingComponent,
-        BreadcrumbDemoComponent,
-        NotificationsComponent,
-        CardViewComponent,
-        ContentNodeSelectorComponent,
         ReportIssueComponent,
-        TaskListDemoComponent,
-        ProcessListDemoComponent,
-        HeaderDataComponent,
-        ConfigEditorComponent
+        TreeViewSampleComponent,
+        CloudLayoutComponent,
+        AppsCloudDemoComponent,
+        TasksCloudDemoComponent,
+        ProcessesCloudDemoComponent,
+        TaskDetailsCloudDemoComponent,
+        ProcessDetailsCloudDemoComponent,
+        StartTaskCloudDemoComponent,
+        StartProcessCloudDemoComponent,
+        CloudBreadcrumbsComponent,
+        CloudFiltersDemoComponent,
+        TemplateDemoComponent,
+        PeopleGroupCloudDemoComponent,
+        CloudSettingsComponent,
+        NestedMenuPositionDirective
     ],
     providers: [
+        {
+            provide: HTTP_INTERCEPTORS, useClass:
+            AuthBearerInterceptor, multi: true
+        },
         { provide: AppConfigService, useClass: DebugAppConfigService }, // not use this service in production
         {
             provide: TRANSLATION_PROVIDER,
@@ -161,8 +172,7 @@ import { ProcessModule } from '@alfresco/adf-process-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.
@@ -17,13 +17,11 @@
 
 import { ModuleWithProviders } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { AuthGuard, AuthGuardEcm, ErrorContentComponent, AuthGuardBpm } from '@alfresco/adf-core';
+import { AuthGuard, AuthGuardEcm, ErrorContentComponent, AuthGuardBpm, AuthGuardSsoRoleService } 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,34 @@ 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';
+import { ProcessDetailsCloudDemoComponent } from './components/app-layout/cloud/process-details-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 +85,47 @@ 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'
+            }
+        ]
+    },
+    {
+        path: 'sites',
+        component: AppLayoutComponent,
+        children: [
+            {
+                path: '',
+                loadChildren: 'app/components/sites/sites.module#SitesModule'
             }
         ]
     },
@@ -128,7 +135,7 @@ export const appRoutes: Routes = [
         children: [
             {
                 path: '',
-                component: HeaderDataComponent
+                loadChildren: 'app/components/header-data/header-data.module#AppHeaderDataModule'
             }
         ]
     },
@@ -145,18 +152,69 @@ export const appRoutes: Routes = [
                 path: 'home',
                 component: HomeComponent
             },
+            {
+                path: 'cloud',
+                canActivate: [AuthGuardSsoRoleService],
+                data: { roles: ['ACTIVITI_USER'], redirectUrl: '/error/403'},
+                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: 'process-details/:processInstanceId',
+                                component: ProcessDetailsCloudDemoComponent
+                            }
+
+                        ]
+                    }
+                ]
+            },
             {
                 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 +233,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 +305,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,29 +360,27 @@ 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',
                 component: ErrorContentComponent
             },
+            {
+                path: 'error/no-authorization',
+                component: ErrorContentComponent
+            },
             {
                 path: '**',
                 redirectTo: 'error/404'

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.
@@ -19,8 +19,12 @@ import { Component } from '@angular/core';
 
 @Component({
     selector: 'app-about-page',
-    templateUrl: './about.component.html'
+    templateUrl: './about.component.html',
+    styleUrls: ['about.component.scss']
 })
-export class AboutComponent  {
+export class AboutComponent {
 
+    constructor() {
+
+    }
 }

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

@@ -1,28 +1,29 @@
-<adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="220" [stepOver]="780" [hideSidenav]="hideSidenav" [expandedSidenav]= "expandedSidenav" (expanded)="setState($event)">
+<adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="220" [stepOver]="780" [hideSidenav]="hideSidenav"
+    [expandedSidenav]="expandedSidenav" (expanded)="setState($event)" [position]="position">
 
     <adf-sidenav-layout-header>
         <ng-template let-toggleMenu="toggleMenu">
-            <adf-layout-header  id="adf-header" [title]="title | translate" [redirectUrl]="redirectUrl" [logo]="logo" [tooltip]="tooltip | translate" [showSidenavToggle]="showMenu" [color]="color" (clicked)=toggleMenu($event) >
 
-            <div class="adf-app-layout-menu-spacer"></div>
+            <adf-layout-header id="adf-header" [title]="title | translate" [redirectUrl]="redirectUrl" [logo]="logo"
+                [tooltip]="tooltip | translate" [showSidenavToggle]="showMenu" [color]="color" [position]="position"
+                (clicked)=toggleMenu($event)>
 
-            <app-search-bar fxFlex="0 1 auto"></app-search-bar>
+                <div class="adf-app-layout-menu-spacer"></div>
 
-            <div class="adf-header-delimiter"></div>
+                <app-search-bar fxFlex="0 1 auto"></app-search-bar>
 
-            <adf-userinfo
-                class="adf-app-layout-user-profile"
-                [menuPositionX]="'before'"
-                [menuPositionY]="'above'">
-            </adf-userinfo>
+                <div class="adf-header-delimiexpandedSidenavter"></div>
 
-            <app-theme-picker></app-theme-picker>
-            <button data-automation-id="language-menu-button" mat-icon-button [matMenuTriggerFor]="langMenu">
-                <mat-icon>language</mat-icon>
-            </button>
-            <mat-menu #langMenu="matMenu" class="adf-menu">
-                <adf-language-menu></adf-language-menu>
-            </mat-menu>
+                <adf-userinfo class="adf-app-layout-user-profile" [menuPositionX]="'before'" [menuPositionY]="'above'">
+                </adf-userinfo>
+
+                <app-theme-picker></app-theme-picker>
+                <button data-automation-id="language-menu-button" mat-icon-button [matMenuTriggerFor]="langMenu">
+                    <mat-icon>language</mat-icon>
+                </button>
+                <mat-menu #langMenu="matMenu" class="adf-menu">
+                    <adf-language-menu></adf-language-menu>
+                </mat-menu>
 
             </adf-layout-header>
         </ng-template>
@@ -31,19 +32,39 @@
     <adf-sidenav-layout-navigation>
         <ng-template let-isMenuMinimized="isMenuMinimized">
             <mat-nav-list class="adf-sidenav-linklist">
-                <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>
-                </a>
-                <a mat-list-item adf-logout [enabelRedirect]="enabelRedirect" 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>
+
+                <ng-container *ngFor="let link of links">
+                    <a appNestedMenuPosition mat-list-item #appMenuTrigger *ngIf="link.children" [attr.data-automation-id]="link.title | translate"
+                        class="adf-sidenav-link" [matMenuTriggerFor]="nestedMenu" [menuMinimized]="isMenuMinimized()"
+                        [matMenuTriggerData]="{links: link.children}">
+
+                        <mat-icon matListIcon class="adf-sidenav-menu-icon">{{link.icon}}</mat-icon>
+                        <div class="adf-sidenav-menu-label" *ngIf="!isMenuMinimized()">
+                            {{link.title | translate }}</div>
+                        <mat-icon class="adf-menu-expand-icon">arrow_right</mat-icon>
+                    </a>
+
+                    <a mat-list-item *ngIf="!link.children" [attr.data-automation-id]="link.title | translate"
+                        class="adf-sidenav-link" [routerLink]="link.href" routerLinkActive="active"
+                        [routerLinkActiveOptions]="{ exact: true }">
+
+                        <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>
+                </ng-container>
+
+                <a mat-list-item adf-logout [enableRedirect]="enableRedirect" redirectUri="/logout"
+                    class="adf-sidenav-link">
+                    <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>
+
         </ng-template>
     </adf-sidenav-layout-navigation>
 
-    <adf-sidenav-layout-content >
+    <adf-sidenav-layout-content>
         <ng-template>
             <router-outlet></router-outlet>
         </ng-template>
@@ -51,3 +72,17 @@
 
 </adf-sidenav-layout>
 <app-log></app-log>
+
+<mat-menu #nestedMenu="matMenu" [xPosition]="'before'">
+    <ng-template matMenuContent let-links="links">
+        <button mat-menu-item *ngFor="let link of links"
+            [attr.data-automation-id]="link.title | translate"
+            routerLinkActive="active"
+            [routerLink]="link.href"
+            [routerLinkActiveOptions]="{ exact: true }">
+
+            <mat-icon matListIcon class="adf-sidenav-menu-icon">{{link.icon}}</mat-icon>
+            {{ link.title | translate }}
+        </button>
+    </ng-template>
+</mat-menu>

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

@@ -43,18 +43,19 @@
         }
 
         .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;
+                min-width: 120px;
             }
         }
 
@@ -85,7 +86,7 @@
                 min-width: 0;
                 line-height: $toolbarHeight;
 
-                &.active {
+                &.adf-active {
                     background-color: rgba(0, 0, 0, 0.12);
                 }
             }
@@ -98,9 +99,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.
@@ -34,37 +34,52 @@ export class AppLayoutComponent implements OnInit {
         { href: '/home', icon: 'home', title: 'APP_LAYOUT.HOME' },
         { href: '/files', icon: 'folder_open', title: 'APP_LAYOUT.CONTENT_SERVICES' },
         { href: '/breadcrumb', icon: 'label', title: 'APP_LAYOUT.BREADCRUMB' },
-        { href: '/notifications', icon: 'alarm', title: 'APP_LAYOUT.NOTIFICATIONS'},
-        { href: '/card-view', icon: 'view_headline', title: 'APP_LAYOUT.CARD_VIEW'},
-        { href: '/header-data', icon: 'edit', title: 'APP_LAYOUT.HEADER_DATA'},
+        { href: '/notifications', icon: 'alarm', title: 'APP_LAYOUT.NOTIFICATIONS' },
+        { href: '/card-view', icon: 'view_headline', title: 'APP_LAYOUT.CARD_VIEW' },
+        { href: '/header-data', icon: 'edit', title: 'APP_LAYOUT.HEADER_DATA' },
         { href: '/node-selector', icon: 'attachment', title: 'APP_LAYOUT.NODE-SELECTOR' },
+        { href: '/sites', icon: 'format_list_bulleted', title: 'APP_LAYOUT.SITES' },
         { href: '/task-list', icon: 'assignment', title: 'APP_LAYOUT.TASK_LIST' },
-        { href: '/process-list', icon: 'assignment', title: 'APP_LAYOUT.PROCESS_LIST' },
-        { href: '/activiti', icon: 'device_hub', title: 'APP_LAYOUT.PROCESS_SERVICES' },
+        { href: '/cloud', icon: 'cloud', title: 'APP_LAYOUT.PROCESS_CLOUD', children: [
+            { href: '/cloud/', icon: 'cloud', title: 'APP_LAYOUT.HOME' },
+            { href: '/cloud/people-group-cloud', icon: 'group', title: 'APP_LAYOUT.PEOPLE_GROUPS_CLOUD' }
+        ]},
+        { href: '/activiti', icon: 'device_hub', title: 'APP_LAYOUT.PROCESS_SERVICES', children: [
+            { href: '/activiti', icon: 'vpn_key', title: 'APP_LAYOUT.APP' },
+            { href: '/process-list', icon: 'assignment', title: 'APP_LAYOUT.PROCESS_LIST' },
+            { 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' }
+        ]},
         { 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: '/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' },
+        { href: '/datatable', icon: 'view_module', title: 'APP_LAYOUT.DATATABLE', children: [
+            { 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: '/webscript', icon: 'extension', title: 'APP_LAYOUT.WEBSCRIPT' },
         { href: '/tag', icon: 'local_offer', title: 'APP_LAYOUT.TAG' },
         { href: '/social', icon: 'thumb_up', title: 'APP_LAYOUT.SOCIAL' },
         { 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' }
     ];
 
     expandedSidenav = false;
 
+    position = 'start';
+
     hideSidenav = false;
     showMenu = true;
 
-    enabelRedirect = true;
+    enableRedirect = true;
     color = 'primary';
     title = 'APP_LAYOUT.APP_NAME';
     logo: string;
@@ -76,32 +91,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.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 data-automation-id="selectionMode">
+        <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/directives/nested-menu-position.directive.ts

@@ -0,0 +1,43 @@
+/*!
+ * @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 { Directive, HostListener, Input } from '@angular/core';
+
+@Directive({
+    selector: '[appNestedMenuPosition]'
+})
+export class NestedMenuPositionDirective {
+
+    @Input()
+    menuMinimized: string;
+
+    nestedMenuLeftPadding: string = '220px';
+
+    @HostListener('click', ['$event'])
+    onClick() {
+
+        let overlayContainer = (document.querySelector('.cdk-overlay-connected-position-bounding-box') as HTMLElement);
+        (document.querySelector('.cdk-overlay-pane') as HTMLElement).style.width = '100%';
+
+        if (!this.menuMinimized) {
+            setTimeout(() => {
+                overlayContainer.style.left = this.nestedMenuLeftPadding;
+            });
+        }
+    }
+
+}

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

@@ -0,0 +1,104 @@
+<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" data-automation-id="adf-people-single-mode" value="{{ peopleSingleMode }}">{{
+                'PEOPLE_GROUPS_CLOUD.SINGLE' | translate }}</mat-radio-button>
+            <mat-radio-button class="adf-people-multiple-mode" data-automation-id="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" data-automation-id="adf-people-filter-role" 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)" data-automation-id="adf-people-roles-input" />
+            </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)"  data-automation-id="adf-people-preselect-input" />
+            </mat-form-field>
+            <mat-checkbox class="adf-preselect-value" (change)="onChangePeopleValidation($event)">{{
+                'PEOPLE_GROUPS_CLOUD.PRESELECT_VALIDATION' | translate }}</mat-checkbox>
+        </div>
+        <div>
+            <adf-cloud-people
+                [preSelectUsers]="preSelectUsers"
+                [validate]="peoplePreselectValidation"
+                [appName]="peopleAppName"
+                [roles]="peopleRoles"
+                [appName]="peopleAppName"
+                [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" data-automation-id="adf-group-single-mode" value="{{ groupSingleMode }}">{{
+                'PEOPLE_GROUPS_CLOUD.SINGLE' | translate }}</mat-radio-button>
+            <mat-radio-button class="adf-people-multiple-mode" data-automation-id="adf-group-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" data-automation-id="adf-group-filter-role" 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)" data-automation-id="adf-group-roles-input"/>
+            </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)" data-automation-id="adf-group-preselect-input" />
+            </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,172 @@
+/*!
+ * @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, MatCheckboxChange } 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 = `[{"id": "1", email": "user@user.com", "firstName":"user", "lastName": "lastName", "username": "user"}]`;
+
+    peopleMode: string = PeopleCloudComponent.MODE_SINGLE;
+    preSelectUsers: string[] = [];
+    peopleRoles: string[] = [];
+    peopleAppName: string;
+    peopleFilterMode: string = this.DEFAULT_FILTER_MODE;
+    peoplePreselectValidation: Boolean = false;
+
+    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 = '';
+        }
+    }
+
+    onChangePeopleValidation(event: MatCheckboxChange) {
+        this.peoplePreselectValidation = event.checked;
+        this.preSelectUsers = [...this.preSelectUsers];
+    }
+
+    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/process-details-cloud-demo.component.html

@@ -0,0 +1,25 @@
+
+<button data-automation-id="go-back" mat-icon-button (click)="onGoBack()">
+    <mat-icon>arrow_back</mat-icon> Go Back
+</button>
+
+<h4 data-automation-id="process-details-header">Simple page to show the process instance: {{ processInstanceId }} of the app: {{ appName }}</h4>
+
+<div class="adf-process-cloud-container">
+
+    <adf-cloud-task-list
+        fxFlex
+        class="adf-cloud-layout-overflow"
+        [appName]="appName"
+        [processInstanceId]="processInstanceId"
+        (rowClick)="onRowClick($event)"
+        #taskCloud>
+    </adf-cloud-task-list>
+
+    <adf-cloud-process-header
+        class="adf-process-cloud-header"
+        [appName]="appName"
+        [processInstanceId]="processInstanceId">
+    </adf-cloud-process-header>
+</div>
+

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

@@ -0,0 +1,14 @@
+ .adf {
+    &-process-cloud-container {
+        display: flex;
+    }
+
+    &-cloud-layout-overflow {
+        width:67%;
+    }
+
+    &-process-cloud-header {
+        margin-left: 10px;
+        width: 25%;
+    }
+ }

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

@@ -0,0 +1,49 @@
+/*!
+ * @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: './process-details-cloud-demo.component.html',
+    styleUrls: ['./process-details-cloud-demo.component.scss']
+})
+export class ProcessDetailsCloudDemoComponent {
+
+    processInstanceId: string;
+    appName: string;
+
+    constructor(private route: ActivatedRoute, private router: Router) {
+        this.route.params.subscribe((params) => {
+            this.processInstanceId = params.processInstanceId;
+        });
+
+        this.route.parent.params.subscribe((params) => {
+            this.appName = params.appName;
+        });
+    }
+
+    onGoBack() {
+        this.router.navigate([`/cloud/${this.appName}/`]);
+    }
+
+    onRowClick(taskId: string) {
+        if (taskId) {
+            this.router.navigate([`/cloud/${this.appName}/task-details/${taskId}`]);
+        }
+    }
+}

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

@@ -0,0 +1,44 @@
+<div fxLayout="column" fxFill fxLayoutGap="2px">
+    <adf-cloud-edit-process-filter
+        [appName]="appName"
+        [id]="filterId"
+        [filterProperties]="processFilterProperties.filterProperties"
+        [sortProperties]="processFilterProperties.sortProperties"
+        [actions]="processFilterProperties.actions"
+        (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.status"
+            [name]="editedFilter.processName"
+            [businessKey]="editedFilter.businessKey"
+            [lastModifiedFrom]="editedFilter.lastModifiedFrom"
+            [lastModifiedTo]="editedFilter.lastModifiedTo"
+            [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 = 'saveAs';
+    static PROCESS_FILTER_PROPERTY_KEYS = 'adf-edit-process-filter';
+
+    @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  = { filterProperties: [], sortProperties: [], actions: [] };
+
+    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(processInstanceId) {
+        this.router.navigate([`/cloud/${this.appName}/process-details/${processInstanceId}`]);
+    }
+
+    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,19 @@
+<h4 data-automation-id="task-details-header">Simple page to show the taskId: {{ taskId }} of the app: {{ appName }}</h4>
+
+<div class="adf-task-detail-container">
+    <div class="adf-task-control">
+        <button mat-button (click)="goBack()">Cancel</button>
+        <button mat-button color="primary" *ngIf="canCompleteTask()" adf-cloud-complete-task [appName]="appName" [taskId]="taskId"
+            (success)="onCompletedTask()">{{ 'ADF_TASK_LIST.DETAILS.BUTTON.COMPLETE' | translate }}</button>
+
+        <button mat-button color="primary" *ngIf="canClaimTask()" adf-cloud-claim-task [appName]="appName" [taskId]="taskId"
+        (success)="onClaimTask()">{{ 'ADF_TASK_LIST.DETAILS.BUTTON.CLAIM' | translate }}</button>
+
+        <button mat-button color="primary" *ngIf="canUnClaimTask()" adf-cloud-unclaim-task [appName]="appName" [taskId]="taskId"
+        (success)="onUnclaimTask()">{{ 'ADF_TASK_LIST.DETAILS.BUTTON.UNCLAIM' | translate }}</button>
+    </div>
+
+    <adf-cloud-task-header class="adf-demop-card-container" [appName]="appName" [taskId]="taskId" [readOnly]="readOnly">
+    </adf-cloud-task-header>
+
+</div>

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

@@ -0,0 +1,20 @@
+
+.adf {
+
+    &-task-detail-container {
+        display: flex;
+    }
+
+    &-task-tiitle {
+        margin-left:15px;
+    }
+
+    &-task-control {
+        width:70%;
+    }
+
+    &-demop-card-container {
+        width:30%;
+        font-family: inherit;
+    }
+}

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

@@ -0,0 +1,88 @@
+/*!
+ * @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 { TaskDetailsCloudModel, TaskCloudService } from '@alfresco/adf-process-services-cloud';
+
+@Component({
+    templateUrl: './task-details-cloud-demo.component.html',
+    styleUrls: ['./task-details-cloud-demo.component.scss']
+})
+export class TaskDetailsCloudDemoComponent implements OnInit {
+
+    taskDetails: TaskDetailsCloudModel;
+    taskId: string;
+    appName: string;
+    readOnly = false;
+
+    constructor(
+        private route: ActivatedRoute,
+        private router: Router,
+        private taskCloudService: TaskCloudService
+        ) {
+        this.route.params.subscribe((params) => {
+            this.taskId = params.taskId;
+        });
+        this.route.parent.params.subscribe((params) => {
+            this.appName = params.appName;
+        });
+    }
+
+    ngOnInit() {
+        this.loadTaskDetailsById(this.appName, this.taskId);
+    }
+
+    loadTaskDetailsById(appName: string, taskId: string) {
+        this.taskCloudService.getTaskById(appName, taskId).subscribe(
+            (taskDetails: TaskDetailsCloudModel ) => {
+                this.taskDetails = taskDetails;
+            });
+    }
+
+    isTaskValid(): boolean {
+        return this.appName !== undefined && this.taskId !== undefined;
+    }
+
+    canCompleteTask(): boolean {
+        return this.taskDetails && this.taskCloudService.canCompleteTask(this.taskDetails);
+    }
+
+    canClaimTask(): boolean {
+        return this.taskDetails && this.taskCloudService.canClaimTask(this.taskDetails);
+    }
+
+    canUnClaimTask(): boolean {
+        return this.taskDetails && this.taskCloudService.canUnclaimTask(this.taskDetails);
+    }
+
+    goBack() {
+        this.router.navigate([`/cloud/${this.appName}/`]);
+    }
+
+    onCompletedTask() {
+        this.goBack();
+    }
+
+    onUnclaimTask() {
+        this.goBack();
+    }
+
+    onClaimTask() {
+        this.goBack();
+    }
+}

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

@@ -0,0 +1,48 @@
+<div fxLayout="column" fxFill fxLayoutGap="2px">
+    <adf-cloud-edit-task-filter
+        [appName]="appName"
+        [id]="filterId"
+        [filterProperties]="taskFilterProperties.filterProperties"
+        [sortProperties]="taskFilterProperties.sortProperties"
+        [actions]="taskFilterProperties.actions"
+        (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.status"
+            [assignee]="editedFilter.assignee"
+            [createdDate]="editedFilter.createdDate"
+            [dueDate]="editedFilter.dueDate"
+            [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 = 'saveAs';
+    static TASK_FILTER_PROPERTY_KEYS = 'adf-edit-task-filter';
+
+    @ViewChild('taskCloud')
+    taskCloud: TaskListCloudComponent;
+
+    appName: string = '';
+
+    isFilterLoaded = false;
+
+    selectedRow: any;
+
+    sortArray: TaskListCloudSortingModel[];
+    editedFilter: TaskFilterCloudModel;
+    taskFilterProperties: any  = { filterProperties: [], sortProperties: [], actions: [] };
+
+    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.
@@ -48,6 +48,10 @@ export class CardViewComponent implements OnInit {
         this.createCard();
     }
 
+    respondToCardClick() {
+        this.logs.push(`clickable field`);
+    }
+
     ngOnInit() {
         this.cardViewUpdateService.itemUpdated$.subscribe(this.onItemChange.bind(this));
     }
@@ -118,6 +122,17 @@ export class CardViewComponent implements OnInit {
                 value: new Map([['999', 'My Value']]),
                 key: 'map',
                 default: 'default map value'
+            }),
+            new CardViewTextItemModel({
+                label: 'This is clickable ',
+                value: 'click here',
+                key: 'click',
+                default: 'click here',
+                editable: this.isEditable,
+                clickable: true,
+                clickCallBack: () => {
+                    this.respondToCardClick();
+                }
             })
         ];
     }

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

@@ -1,29 +1,118 @@
+<div>
+    <mat-nav-list class="adf-list-confgurations">
+        <mat-list-item  (click)="metadataConfClick()">
+            <a matLine id="adf-metadata-conf">Metadata App config editor</a>
+            <button mat-icon-button>
+                <mat-icon>info</mat-icon>
+            </button>
+        </mat-list-item>
 
-<h2>Metadata App config editor</h2>
+        <mat-list-item (click)="searchConfClick()">
+            <a matLine id="adf-search-conf" >Search App config editor</a>
+            <button mat-icon-button>
+                <mat-icon>info</mat-icon>
+            </button>
+        </mat-list-item>
 
-<ngx-monaco-editor id="adf-metadata-editor" class="adf-metadata-editor" [options]="editorOptions" [(ngModel)]="metadataConf" (onInit)="onInitMetadata($event)" ></ngx-monaco-editor>
+        <mat-list-item (click)="fileConfClick()">
+            <a matLine id="adf-file-conf" >Excluded config file</a>
+            <button mat-icon-button>
+                <mat-icon>info</mat-icon>
+            </button>
+        </mat-list-item>
 
-<button  mat-raised-button id="adf-metadata-save"  (click)="onSaveMetadata()" color="primary">Save metadata configuration</button>
-<button  mat-raised-button id="adf-metadata-clear" (click)="onClearMetadata()" color="primary">Clear metadata configuration</button>
+        <mat-list-item (click)="taskHeaderConfClick()">
+            <a matLine id="adf-task-conf" >Task header</a>
+            <button mat-icon-button>
+                <mat-icon>info</mat-icon>
+            </button>
+        </mat-list-item>
 
-<br>
-<br>
-<br>
+        <mat-list-item (click)="processInstanceHeaderConfClick()">
+            <a matLine id="adf-process-conf" >Process instance Header</a>
+            <button mat-icon-button>
+                <mat-icon>info</mat-icon>
+            </button>
+        </mat-list-item>
 
-<h2>Search App config editor</h2>
+        <mat-list-item (click)="startProcessConfClick()">
+            <a matLine id="adf-start-process-conf">Start process</a>
+            <button mat-icon-button>
+                <mat-icon>info</mat-icon>
+            </button>
+        </mat-list-item>
 
-<ngx-monaco-editor id="adf-search-editor" class="adf-search-editor" [options]="editorOptions" [(ngModel)]="searchConf" (onInit)="onInitSearch($event)" ></ngx-monaco-editor>
+        <mat-list-item (click)="applicationListCloudConfClick()">
+            <a matLine id="adf-apps-cloud-conf">Application List Cloud</a>
+            <button mat-icon-button>
+                <mat-icon>info</mat-icon>
+            </button>
+        </mat-list-item>
 
-<button  mat-raised-button id="adf-search-save"  (click)="onSaveSearch()" color="primary">Save Search configuration</button>
-<button  mat-raised-button id="adf-search-clear" (click)="onClearSearch()" color="primary">Clear Search configuration</button>
+        <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>
 
-<br>
+        <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>
 
-<h2>Excluded File config editor</h2>
+        <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>
 
-<ngx-monaco-editor id="adf-excluded-file" class="adf-excluded-file-editor" [options]="editorOptions" [(ngModel)]="excludedFileConf" (onInit)="onInitExcludedFile($event)" ></ngx-monaco-editor>
+        <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>
 
-<button  mat-raised-button id="adf-excluded-file-save"  (click)="onSaveExcludedFile()" color="primary">Save excluded file configuration</button>
-<button  mat-raised-button id="adf-excluded-file-clear" (click)="onClearExcludedFile()" color="primary">Clear excluded file configuration</button>
+        <mat-list-item (click)="infinitePaginationConfClick()">
+            <a matLine id="adf-infinite-pagination-conf">Infinite pagination</a>
+            <button mat-icon-button>
+                <mat-icon>info</mat-icon>
+            </button>
+        </mat-list-item>
 
-<br>
+        <mat-list-item (click)="supportedPageSizesClick()">
+            <a matLine id="adf-supported-page-size">Supported Page Sizes </a>
+            <button mat-icon-button>
+                <mat-icon>info</mat-icon>
+            </button>
+        </mat-list-item>
+
+        <mat-list-item (click)="textOrientationClick()">
+            <a matLine id="adf-page-orientation-conf">Page Orientation</a>
+            <button mat-icon-button>
+                <mat-icon>info</mat-icon>
+            </button>
+        </mat-list-item>
+    </mat-nav-list>
+
+    <div>
+        <ngx-monaco-editor id="adf-code-configuration-editor"
+                           class="adf-file-editor"
+                           [options]="editorOptions"
+                           [(ngModel)]="code"
+                           (onInit)="onInit($event)">
+        </ngx-monaco-editor>
+        <div class="adf-list-confgurations-buttons">
+            <button mat-raised-button id="adf-configuration-save" (click)="onSave()" color="primary">
+                Save
+            </button>
+            <button mat-raised-button id="adf-configuration-clear" (click)="onClear()" color="primary">
+                Clear
+            </button>
+        </div>
+    </div>
+</div>

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

@@ -1,3 +1,16 @@
-.adf-metadata-editor {
-    height: 300px;
+.adf-file-editor {
+    height: 500px;
+    width: 65%;
+    float: left;
+}
+
+.adf-list-confgurations {
+    float: left;
+    width: 30%;
+}
+
+.adf-list-confgurations-buttons {
+    width: 200px;
+    margin-left:  30%;
+    float: left;
 }

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.
@@ -16,7 +16,7 @@
  */
 
 import { Component } from '@angular/core';
-import { AppConfigService, NotificationService } from '@alfresco/adf-core';
+import { AppConfigService, NotificationService, UserPreferencesService, UserPreferenceValues } from '@alfresco/adf-core';
 
 @Component({
     selector: 'app-config-editor',
@@ -26,8 +26,11 @@ import { AppConfigService, NotificationService } from '@alfresco/adf-core';
 export class ConfigEditorComponent {
 
     editor: any;
-    editorSearch: any;
-    editorExcludedFile: any;
+    code: any;
+    field = 'content-metadata';
+    invalidJson = false;
+    isUserPreference = false;
+    userPreferenceProperty: string;
 
     editorOptions = {
         theme: 'vs-dark',
@@ -37,79 +40,158 @@ export class ConfigEditorComponent {
         formatOnType: true
     };
 
-    metadataConf: string;
-    searchConf: string;
-    excludedFileConf: string;
-
-    onInitMetadata(editor) {
+    onInit(editor) {
         this.editor = editor;
+        this.indentCode();
+    }
+
+    constructor(private appConfig: AppConfigService,
+                private userPreferencesService: UserPreferencesService,
+                private notificationService: NotificationService) {
+        this.code = JSON.stringify(appConfig.config['content-metadata']);
+    }
+
+    onSave() {
+        try {
+            if (this.isUserPreference) {
+                this.userPreferencesService.set(this.userPreferenceProperty, JSON.parse(this.editor.getValue()));
+            } else {
+                this.appConfig.config[this.field] = JSON.parse(this.editor.getValue());
+            }
+        } catch (error) {
+            this.invalidJson = true;
+            this.notificationService.openSnackMessage(
+                'Wrong Code configuration ' + error,
+                1000
+            );
+        } finally {
+            if (!this.invalidJson) {
+                this.notificationService.openSnackMessage(
+                    'Saved',
+                    1000
+                );
+            }
+        }
+    }
+
+    onClear() {
+        this.code = '';
+    }
+
+    fileConfClick() {
+        this.isUserPreference = false;
+        this.code = JSON.stringify(this.appConfig.config['files']);
+        this.field = 'files';
+        this.indentCode();
+    }
+
+    textOrientationClick() {
+        this.isUserPreference = true;
+        this.userPreferenceProperty = 'textOrientation';
+
+        this.userPreferencesService.select( this.userPreferenceProperty).subscribe((textOrientation: number) => {
+            this.code = JSON.stringify(textOrientation);
+            this.field = 'textOrientation';
+            this.indentCode();
+        });
+
+        this.indentCode();
+    }
+
+    searchConfClick() {
+        this.isUserPreference = false;
+        this.code = JSON.stringify(this.appConfig.config['search']);
+        this.field = 'search';
+        this.indentCode();
+    }
+
+    metadataConfClick() {
+        this.isUserPreference = false;
+        this.code = JSON.stringify(this.appConfig.config['content-metadata']);
+        this.field = 'content-metadata';
+        this.indentCode();
+    }
+
+    taskHeaderConfClick() {
+        this.isUserPreference = false;
+        this.code = JSON.stringify(this.appConfig.config['adf-task-header']);
+        this.field = 'adf-task-header';
+        this.indentCode();
+    }
+
+    processInstanceHeaderConfClick() {
+        this.isUserPreference = false;
+        this.code = JSON.stringify(this.appConfig.config['adf-process-instance-header']);
+        this.field = 'adf-process-instance-header';
+        this.indentCode();
+    }
+
+    startProcessConfClick() {
+        this.isUserPreference = false;
+        this.code = JSON.stringify(this.appConfig.config['adf-start-process']);
+        this.field = 'adf-start-process';
+        this.indentCode();
+    }
+
+    taskListCloudConfClick() {
+        this.isUserPreference = false;
+        this.code = JSON.stringify(this.appConfig.config['adf-cloud-task-list']);
+        this.field = 'adf-cloud-task-list';
+        this.indentCode();
+    }
+
+    editProcessFilterConfClick() {
+        this.isUserPreference = false;
+        this.code = JSON.stringify(this.appConfig.config['adf-edit-process-filter']);
+        this.field = 'adf-edit-process-filter';
+        this.indentCode();
+    }
+
+     editTaskFilterConfClick() {
+        this.isUserPreference = false;
+        this.code = JSON.stringify(this.appConfig.config['adf-edit-task-filter']);
+        this.field = 'adf-edit-task-filter';
+        this.indentCode();
+    }
+
+    processListCloudConfClick() {
+        this.isUserPreference = false;
+        this.code = JSON.stringify(this.appConfig.config['adf-cloud-process-list']);
+        this.field = 'adf-cloud-process-list';
+        this.indentCode();
+    }
+
+    infinitePaginationConfClick() {
+        this.isUserPreference = true;
+        this.userPreferenceProperty = UserPreferenceValues.PaginationSize;
+        this.userPreferencesService.select(this.userPreferenceProperty).subscribe((pageSize: number) => {
+            this.code = JSON.stringify(pageSize);
+            this.field = 'adf-infinite-pagination';
+            this.indentCode();
+        });
+    }
+
+    supportedPageSizesClick() {
+        this.isUserPreference = true;
+        this.userPreferenceProperty = UserPreferenceValues.SupportedPageSizes;
+        this.userPreferencesService.select(this.userPreferenceProperty).subscribe((supportedPageSizes: number) => {
+            this.code = JSON.stringify(supportedPageSizes);
+            this.field = 'adf-supported-page-size';
+            this.indentCode();
+        });
+    }
+
+    applicationListCloudConfClick() {
+        this.isUserPreference = false;
+        this.code = JSON.stringify(this.appConfig.config['alfresco-deployed-apps']);
+        this.field = 'alfresco-deployed-apps';
+        this.indentCode();
+    }
+
+    indentCode() {
         setTimeout(() => {
             this.editor.getAction('editor.action.formatDocument').run();
-        }, 1000);
+        }, 300);
     }
 
-    onInitSearch(editor) {
-        this.editorSearch = editor;
-        setTimeout(() => {
-            this.editorSearch.getAction('editor.action.formatDocument').run();
-        }, 1000);
-    }
-
-    onInitExcludedFile(excludedFile) {
-        this.editorExcludedFile = excludedFile;
-        setTimeout(() => {
-            this.editorExcludedFile.getAction('editor.action.formatDocument').run();
-        }, 1000);
-    }
-
-    constructor(private appConfig: AppConfigService, private notificationService: NotificationService) {
-        this.metadataConf = JSON.stringify(appConfig.config['content-metadata']);
-        this.searchConf = JSON.stringify(appConfig.config['search']);
-        this.excludedFileConf = JSON.stringify(appConfig.config['files']);
-    }
-
-    onSaveMetadata() {
-        try {
-            this.appConfig.config['content-metadata'] = JSON.parse(this.editor.getValue());
-        } catch (error) {
-            this.notificationService.openSnackMessage(
-                'Wrong metadata configuration',
-                4000
-            );
-        }
-    }
-
-    onSaveSearch() {
-        try {
-            this.appConfig.config['search'] = JSON.parse(this.editorSearch.getValue());
-        } catch (error) {
-            this.notificationService.openSnackMessage(
-                'Wrong search configuration',
-                4000
-            );
-        }
-    }
-
-    onSaveExcludedFile() {
-        try {
-            this.appConfig.config['files'] = JSON.parse(this.editorExcludedFile.getValue());
-        } catch (error) {
-            this.notificationService.openSnackMessage(
-                'Wrong exclude file configuration',
-                4000
-            );
-        }
-    }
-
-    onClearMetadata() {
-        this.metadataConf = '';
-    }
-
-    onClearSearch() {
-        this.searchConf = '';
-    }
-
-    onClearExcludedFile() {
-        this.searchConf = '';
-    }
 }

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 {