speed up search test (#4626)

* [ADF-4401] remove classname from nested items - use 'adf-content-cell' instead

* [ADF-4401] some DL display fixes

- align header cells with content cells
- columns aligned on Trashcan DL
- ellipsis on long folder names inside the content node selector
- more width on highlight cell from search-results

* [ADF-4401] use 'adf-content-cell'

- to allow ellipsis to display when a parent has 'adf-ellipsis-cell' class

* [ADF-4401] remove not used styles

* [ADF-4401] rename scss classname to have 'adf-datatable' prefix

* [ADF-4401] Add documentation for datatable

.dockerignore

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

.gitignore

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

.stylelintignore

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

.travis.yml

@@ -1,3 +1,6 @@
+git:
+  depth: 3
+  quiet: true
 language: node_js
 dist: trusty
 sudo: required
@@ -5,6 +8,25 @@ 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 & Lint & Build Dist
+  - name: Unit test
+  - name: e2e Test
+  - name: Create Docker PR
+  - name: Deploy Docker PR
+
 addons:
     chrome: stable
 before_script:
@@ -19,116 +41,171 @@ before_install:
 
 jobs:
     include:
-        - stage: Warm Up Cache
-          script:  if ([ "$TRAVIS_BRANCH" = "master" ]); then
-                (./scripts/npm-build-all.sh  || exit 1;);
-            else
-                (./scripts/update-version.sh -gnu -alpha && ././scripts/npm-build-all.sh -sb --skip-lint || exit 1;);
-            fi
-        - stage: Lint
+        - stage: Warm Up Cache & Lint & Build Dist
           script:
-            - ./scripts/lint.sh
-            - npm run spellcheck
+            - if [[ $TRAVIS_PULL_REQUEST == "false" ]];
+              then
+               ./scripts/lint.sh || exit 1;
+               ./scripts/npm-build-all.sh || exit 1;
+              else
+               ./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;
+              fi;
+              npm run build:dist || exit 1;
+              ./scripts/license-list-generator.sh || exit 1;
         - 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=extensions
-          script:  (./scripts/npm-build-all.sh -si -sb -t "extensions" --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=process-services
-          script: (./scripts/npm-build-all.sh -si -sb -t "process-services" --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=insights
-          script:  (./scripts/npm-build-all.sh -si -sb -t "insights" --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=content-services
-          script:  (./scripts/npm-build-all.sh -si -sb -t "content-services" --skip-lint|| exit 1;);
-        - stage: Unit test
-          env: STAGE=process-services-cloud
-          script: (./scripts/npm-build-all.sh -si -sb -t "process-services-cloud" --skip-lint|| exit 1;);
-        - 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
+          script: ./scripts/update-project.sh -gnu -t $GITHUB_TOKEN -n 'Alfresco/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
+          script: ./scripts/update-project.sh -gnu -t $GITHUB_TOKEN -n 'Alfresco/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
+          script: ./scripts/update-project.sh -gnu -t $GITHUB_TOKEN -n 'Alfresco/adf-app-manager-ui'
+        - 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
+          script: ./scripts/update-project.sh -gnu -t $GITHUB_TOKEN -n 'Alfresco/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
+          script: ./scripts/update-project.sh -gnu -t $GITHUB_TOKEN -n 'Alfresco/alfresco-modeler-app'
+        - stage: Update children projects dependency # Test Update activiti-modeling-app
+          name: Update alfresco modeler activiti app
+          if: tag =~ .*beta.*
+          script: ./scripts/update-project.sh -gnu -t $GITHUB_TOKEN -n Activiti/activiti-modeling-app'
+        - stage: Update children projects dependency # Test alfresco-admin-app
+          name: Update alfresco modeler activiti app
+          if: tag =~ .*beta.*
+          script: ./scripts/update-project.sh -gnu -t $GITHUB_TOKEN -n 'Alfresco/alfresco-admin-app'
         - stage: e2e Test # Test core
-          env: STAGE=core
-          script: node ./scripts/download-build-in-cs.js --username "$E2E_USERNAME" --password "$E2E_PASSWORD" --host "$E2E_HOST" --folder $TRAVIS_BUILD_NUMBER; ./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b -save --folder core --skip-lint --use-dist --timeout 7000
+          name: core
+          script:
+            AFFECTED_E2E="$(./scripts/affected-folder.sh -b $TRAVIS_BRANCH -f "e2e")";
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -gnu -b $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "core$" || $AFFECTED_E2E = "e2e" || $TRAVIS_PULL_REQUEST == "false"  ]];
+            then
+                (./scripts/test-e2e-lib.sh -host localhost:4200 -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_PASSWORD" --host "$E2E_HOST" --folder $TRAVIS_BUILD_NUMBER; ./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b -save --folder process-services --skip-lint --use-dist --timeout 7000
+          name: process-services
+          script:
+            AFFECTED_E2E="$(./scripts/affected-folder.sh -b $TRAVIS_BRANCH -f "e2e")";
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -gnu -b $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "process-services$" || $AFFECTED_E2E = "e2e" || $TRAVIS_PULL_REQUEST == "false"  ]];
+            then
+                (./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e "$E2E_EMAIL" --folder process-services --skip-lint --use-dist  || exit 1;);
+            fi;
         - stage: e2e Test # Test content-services
-          env: STAGE=content-services
-          script: node ./scripts/download-build-in-cs.js --username "$E2E_USERNAME" --password "$E2E_PASSWORD" --host "$E2E_HOST" --folder $TRAVIS_BUILD_NUMBER; ./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b -save --folder content-services --skip-lint --use-dist --timeout 7000
-        - stage: e2e Test # Test process-services
-          env: STAGE=process-services-cloud
-          script: node ./scripts/download-build-in-cs.js --username "$E2E_USERNAME" --password "$E2E_PASSWORD" --host "$E2E_HOST" --folder $TRAVIS_BUILD_NUMBER; ./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b -save --folder process-services-cloud --skip-lint --use-dist --timeout 7000
+          name: content-services
+          script:
+            AFFECTED_E2E="$(./scripts/affected-folder.sh -b $TRAVIS_BRANCH -f "e2e")";
+            AFFECTED_LIBS="$(./scripts/affected-libs.sh -gnu -b $TRAVIS_BRANCH)";
+            if [[ $AFFECTED_LIBS =~ "content-services$" || $AFFECTED_E2E = "e2e" || $TRAVIS_PULL_REQUEST == "false"  ]];
+            then
+                (./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e "$E2E_EMAIL" --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
+                node ./scripts/check-activiti-env.js --host "$E2E_HOST_BPM" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" --client 'activiti' || exit 1;
+                ./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 -timeout 8000  || exit 1;
+            fi;
         - stage: e2e Test # Test insights
-          env: STAGE=insights
-          script: node ./scripts/download-build-in-cs.js --username "$E2E_USERNAME" --password "$E2E_PASSWORD" --host "$E2E_HOST" --folder $TRAVIS_BUILD_NUMBER; ./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b -save --folder insights --skip-lint --use-dist --timeout 7000
-#        - stage: Test Update version 2.0.0
-#          if: branch = development
-#          env: STAGE=test-BC
-#          script: ./scripts/test-e2e-bc.sh -b $TRAVIS_BUILD_NUMBER
-#        - stage: Test Update version 2.0.0
-#          env: STAGE=test-export
-#          script: npm run test-export
-        - stage: Create Docker PR
-          script: node ./scripts/download-build-in-cs.js --username "$E2E_USERNAME" --password "$E2E_PASSWORD" --host "$E2E_HOST" --folder $TRAVIS_BUILD_NUMBER --base-href $TRAVIS_BUILD_NUMBER && (./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 --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
-
-# 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
 
-
 cache:
   directories:
   - node_modules
+  - demo-shell/dist
+  - tmp

.vscode/settings.json

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

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,39 +1,5 @@
-# Introduction to the Alfresco Application Development Framework
-
-The Alfresco Application Development Framework (ADF) is based on the [Angular framework](https://angular.io/).
-ADF is provided by Alfresco to make it easy to build custom web applications to manage and view content in the [Alfresco Platform Repository](https://docs.alfresco.com/5.2/concepts/content-repo-about.html).
-
-As you probably know, there is a general user interface called [Alfresco Share](https://docs.alfresco.com/5.2/concepts/gs-intro.html) available out-of-the-box. 
-Share is usually used as a quick way of getting started with content management in Alfresco. It gives you access to pretty much all
-the features provided by the ACS system and a lot of customers customize it for their specific domain.
-
-However, there are use cases that Share does not fit very well, such as:
-
-- 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 ADF comes into play. You can use it to create exactly the user interface 
-(i.e. web client) that you require.  
- 
-The framework consists of several libraries that can be used to form a customized content management application. The available libraries are:
-
-- [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 documentation for all the components at the
-[ADF Component Catalog](https://alfresco.github.io/adf-component-catalog/).
-
-An overview of the architecture is shown below:
-
-<p align="center">
-  <img title="alfresco-angular-components-architecture" alt='alfresco' src='assets/alfresco-app-dev-framework-architecture.png'></img>
-</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.

README.md

@@ -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>

angular.json

@@ -495,7 +495,7 @@
         }
       }
     },
-    "lib-e2e": {
+    "lib-e2e-test": {
       "root": "demo-shell",
       "sourceRoot": "./demo-shell",
       "projectType": "application",
@@ -517,7 +517,7 @@
           "builder": "@angular-devkit/build-angular:protractor",
           "options": {
             "protractorConfig": "./protractor.conf.js",
-            "devServerTarget": "lib-e2e:serve"
+            "devServerTarget": "lib-e2e-test:serve"
           }
         },
         "lint": {
@@ -533,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": {
@@ -553,7 +553,7 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "lib/core/test.ts",
-            "tsConfig": "lib/core/tsconfig.json",
+            "tsConfig": "lib/core/tsconfig.spec.json",
             "karmaConfig": "lib/core/karma.conf.js",
             "codeCoverage": true,
             "sourceMap": true
@@ -563,8 +563,8 @@
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": [
-              "lib/core/tsconfig.json",
-              "lib/core/tsconfig.json"
+              "lib/core/tsconfig.lib.json",
+              "lib/core/tsconfig.lib.json"
             ],
             "exclude": [
               "**/node_modules/**"
@@ -575,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": {
@@ -595,7 +595,7 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "lib/content-services/test.ts",
-            "tsConfig": "lib/content-services/tsconfig.json",
+            "tsConfig": "lib/content-services/tsconfig.spec.json",
             "karmaConfig": "lib/content-services/karma.conf.js",
             "codeCoverage": true,
             "sourceMap": true
@@ -605,8 +605,8 @@
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": [
-              "lib/content-services/tsconfig.json",
-              "lib/content-services/tsconfig.json"
+              "lib/content-services/tsconfig.lib.json",
+              "lib/content-services/tsconfig.lib.json"
             ],
             "exclude": [
               "**/node_modules/**"
@@ -617,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": {
@@ -637,7 +637,7 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "lib/process-services/test.ts",
-            "tsConfig": "lib/process-services/tsconfig.json",
+            "tsConfig": "lib/process-services/tsconfig.spec.json",
             "karmaConfig": "lib/process-services/karma.conf.js",
             "codeCoverage": true,
             "sourceMap": true
@@ -647,8 +647,8 @@
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": [
-              "lib/process-services/tsconfig.json",
-              "lib/process-services/tsconfig.json"
+              "lib/process-services/tsconfig.lib.json",
+              "lib/process-services/tsconfig.lib.json"
             ],
             "exclude": [
               "**/node_modules/**"
@@ -680,7 +680,9 @@
           "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"
+            "karmaConfig": "lib/process-services-cloud/karma.conf.js",
+            "codeCoverage": true,
+            "sourceMap": true
           }
         },
         "lint": {
@@ -706,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": {
@@ -719,7 +721,7 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "lib/insights/test.ts",
-            "tsConfig": "lib/insights/tsconfig.json",
+            "tsConfig": "lib/extensions/tsconfig.spec.json",
             "karmaConfig": "lib/insights/karma.conf.js",
             "codeCoverage": true,
             "sourceMap": true
@@ -729,8 +731,8 @@
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": [
-              "lib/insights/tsconfig.json",
-              "lib/insights/tsconfig.json"
+              "lib/insights/tsconfig.lib.json",
+              "lib/insights/tsconfig.lib.json"
             ],
             "exclude": [
               "**/node_modules/**"
@@ -775,6 +777,41 @@
           }
         }
       }
+    },
+    "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"

cspell.json

@@ -122,7 +122,12 @@
     "penta",
     "BASESHAREURL",
     "hardend",
-    "filedata"
+    "filedata",
+    "uncheck",
+    "subfolders",
+    "ECMBPM",
+    "candidateuserapp",
+    "processwithvariables"
   ],
   "dictionaries": [
     "html",

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.

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.

demo-shell/package.json

@@ -1,7 +1,7 @@
 {
   "name": "Alfresco-ADF-Angular-Demo",
   "description": "Demo shell for Alfresco Angular components",
-  "version": "2.7.0-beta4",
+  "version": "3.2.0-beta6",
   "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"
     },
@@ -53,6 +53,7 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "Anwendung",
     "APP_NAME": "ADF-Demoanwendung",
     "HOME": "Startseite",
     "NODE-SELECTOR": "Node-Auswahl",
@@ -61,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",
@@ -84,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": {
@@ -100,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",
@@ -118,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",
@@ -137,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",
@@ -180,6 +193,10 @@
     "TASK-AUDIT-LOG": "Aufgaben-Audit-Protokoll",
     "TASK-SHOW-HEADER": "Detailsheader anzeigen"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "Anwendung",
+    "SETTINGS_TAB": "Einstellungen"
+  },
   "FORM-LIST": {
     "STORE": "Speichern",
     "RESTORE": "Wiederherstellen"
@@ -201,7 +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",
@@ -220,16 +255,67 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "App-ID einfügen",
       "APP_ID_TYPE_ERROR": "App-ID muss eine Zahl sein",
-      "NUMBER_TYPE_ERROR": "Wert muss Zahl sein"
+      "NUMBER_TYPE_ERROR": "Wert muss Zahl sein",
+      "NUMBER_GREATER_THAN": "Wert muss größer oder gleich {{ value }} sein"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Startseite"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "App-ID einfügen",
-    "APP_ID_TYPE_ERROR": "App-ID muss eine Zahl sein"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "App-ID einfügen",
+      "APP_ID_TYPE_ERROR": "App-ID muss eine Zahl sein",
+      "NUMBER_GREATER_THAN": "Wert muss größer oder gleich {{ value }} sein"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Übersetzung benutzerdefinierter Titel 1",
-  "GROUP-TITLE2-TRANSLATION-KEY": "Übersetzung benutzerdefinierter Titel 2"
+  "GROUP-TITLE2-TRANSLATION-KEY": "Übersetzung benutzerdefinierter Titel 2",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "ACS-Datenträger voll",
+      "DESCRIPTION": "Inhalt übersteigt die für das Netzwerk oder System konfigurierte Gesamtspeicherbegrenzung",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Zurück zur Startseite"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "Ihren Filter anpassen"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Ihren Filter anpassen"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "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

@@ -53,9 +53,11 @@
     }
   },
   "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",
@@ -68,6 +70,8 @@
     "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",
@@ -85,7 +89,13 @@
     "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",
+    "CONFIRM-DIALOG": "Confirmation Dialog"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -140,10 +150,12 @@
       "THEME": "Select a theme",
       "SHOW_VERSION": "Show version",
       "HIDE_VERSION": "Hide version",
-      "LISTVIEW": "List view mode"
+      "LISTVIEW": "List view mode",
+      "CREATE_LIBRARY": "Create Library"
     },
     "ACTIONS": {
       "VERSIONS": "Manage versions",
+      "LOCK": "Lock",
       "METADATA": "Info",
       "DOWNLOAD": "Download",
       "PERMISSION": "Permission",
@@ -183,6 +195,10 @@
     "TASK-AUDIT-LOG": "Task Audit log",
     "TASK-SHOW-HEADER": "Show details header"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "App",
+    "SETTINGS_TAB": "Settings"
+  },
   "FORM-LIST": {
     "STORE": "Store",
     "RESTORE": "Restore"
@@ -215,7 +231,7 @@
     "FACET_QUERIES": {
       "MY_FACET_QUERIES": "My facet queries",
       "CREATED_THIS_YEAR": "1.Created This Year",
-      "MIMETYPE": "2.Type",
+      "MIMETYPE": "2.Type: HTML",
       "XTRASMALL": "3.Size: xtra small",
       "SMALL": "4.Size: small",
       "MEDIUM": "5.Size: medium",
@@ -256,5 +272,52 @@
     }
   },
   "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",
@@ -137,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",
@@ -180,6 +193,10 @@
     "TASK-AUDIT-LOG": "Registro de auditoría de tareas",
     "TASK-SHOW-HEADER": "Mostrar encabezado de detalles"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "Aplicación",
+    "SETTINGS_TAB": "Configuración"
+  },
   "FORM-LIST": {
     "STORE": "Almacenar",
     "RESTORE": "Restaurar"
@@ -201,7 +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",
@@ -220,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 debe ser un número"
+      "NUMBER_TYPE_ERROR": "El valor debe ser un número",
+      "NUMBER_GREATER_THAN": "El valor debe ser igual o superior a {{ value }}"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Inicio de página"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "Insertar ID de aplicación",
-    "APP_ID_TYPE_ERROR": "El ID de aplicación debe ser un número"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Insertar ID de aplicación",
+      "APP_ID_TYPE_ERROR": "El ID de aplicación debe ser un número",
+      "NUMBER_GREATER_THAN": "El valor debe ser igual o superior a {{ value }}"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Traducción de título personalizado 1",
-  "GROUP-TITLE2-TRANSLATION-KEY": "Traducción de título personalizado 2"
+  "GROUP-TITLE2-TRANSLATION-KEY": "Traducción de título personalizado 2",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "Disco ACS lleno",
+      "DESCRIPTION": "El contenido supera el límite de la cuota de almacenamiento general configurado para la red o sistema.",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Volver al inicio"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "Personalice su filtro"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Personalice su filtro"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "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éé",
@@ -137,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",
@@ -180,6 +193,10 @@
     "TASK-AUDIT-LOG": "Journal d'audit des tâches",
     "TASK-SHOW-HEADER": "Afficher l'en-tête de détail"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "Application",
+    "SETTINGS_TAB": "Paramètres"
+  },
   "FORM-LIST": {
     "STORE": "Stocker",
     "RESTORE": "Restaurer"
@@ -201,7 +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",
@@ -220,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 doit être un numéro"
+      "NUMBER_TYPE_ERROR": "La valeur doit être un numéro",
+      "NUMBER_GREATER_THAN": "La valeur doit être égale ou supérieure à {{ value }}"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Démarrage de la page"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "Insérer l'ID d'application",
-    "APP_ID_TYPE_ERROR": "L'ID d'application doit être un numéro"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Insérer l'ID d'application",
+      "APP_ID_TYPE_ERROR": "L'ID d'application doit être un numéro",
+      "NUMBER_GREATER_THAN": "La valeur doit être égale ou supérieure à {{ value }}"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Titre personnalisé traduction un",
-  "GROUP-TITLE2-TRANSLATION-KEY": "Titre personnalisé traduction deux"
+  "GROUP-TITLE2-TRANSLATION-KEY": "Titre personnalisé traduction deux",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "Disque ACS plein",
+      "DESCRIPTION": "Le contenu dépasse le quota maximum de stockage configuré pour le réseau ou système",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Retour à l'accueil"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "Process List Cloud Demo",
+    "CUSTOMIZE_FILTERS": "Personnaliser votre filtre"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Personnaliser votre filtre"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "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",
@@ -137,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",
@@ -180,6 +193,10 @@
     "TASK-AUDIT-LOG": "Registro di audit compito",
     "TASK-SHOW-HEADER": "Mostra intestazione dettagli"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "Applicazione",
+    "SETTINGS_TAB": "Impostazioni"
+  },
   "FORM-LIST": {
     "STORE": "Memorizza",
     "RESTORE": "Ripristina"
@@ -201,7 +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",
@@ -220,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 deve essere un numero"
+      "NUMBER_TYPE_ERROR": "Il valore deve essere un numero",
+      "NUMBER_GREATER_THAN": "Il valore deve essere maggiore o uguale a {{ value }}"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Inizia da pagina"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "Inserisci ID app",
-    "APP_ID_TYPE_ERROR": "L'ID app deve essere un numero"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Inserisci ID app",
+      "APP_ID_TYPE_ERROR": "L'ID app deve essere un numero",
+      "NUMBER_GREATER_THAN": "Il valore deve essere maggiore o uguale a {{ value }}"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Custom Title Translation One",
-  "GROUP-TITLE2-TRANSLATION-KEY": "Custom Title Translation Two"
+  "GROUP-TITLE2-TRANSLATION-KEY": "Custom Title Translation Two",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "Dico ACS pieno",
+      "DESCRIPTION": "Il contenuto supera il limite di archiviazione complessivo configurato per la rete o il sistema",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Torna alla home"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "DEMO CLOUD ELENCO PROCESSI",
+    "CUSTOMIZE_FILTERS": "Personalizza il filtro"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Personalizza il filtro"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "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": "作成日",
@@ -137,10 +148,12 @@
       "THEME": "テーマを選択してください",
       "SHOW_VERSION": "バージョンを表示する",
       "HIDE_VERSION": "バージョンを隠す",
-      "LISTVIEW": "一覧表示モード"
+      "LISTVIEW": "一覧表示モード",
+      "CREATE_LIBRARY": "ライブラリの作成"
     },
     "ACTIONS": {
       "VERSIONS": "バージョンの管理",
+      "LOCK": "ロック",
       "METADATA": "情報",
       "DOWNLOAD": "ダウンロード",
       "PERMISSION": "権限",
@@ -180,6 +193,10 @@
     "TASK-AUDIT-LOG": "タスクの監査ログ",
     "TASK-SHOW-HEADER": "詳細ヘッダーを表示する"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "アプリ",
+    "SETTINGS_TAB": "設定"
+  },
   "FORM-LIST": {
     "STORE": "保存",
     "RESTORE": "復元"
@@ -201,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": "[いいね!] コンポーネント",
@@ -220,16 +255,67 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "アプリケーション ID を挿入する",
       "APP_ID_TYPE_ERROR": "アプリケーション ID は数字でなければなりません",
-      "NUMBER_TYPE_ERROR": "値は数字でなければなりません"
+      "NUMBER_TYPE_ERROR": "値は数字でなければなりません",
+      "NUMBER_GREATER_THAN": "値は {{ value }} 以上でなければなりません"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "開始ページ"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "アプリケーション ID を挿入する",
-    "APP_ID_TYPE_ERROR": "アプリケーション ID は番号でなければなりません"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "アプリケーション ID を挿入してください",
+      "APP_ID_TYPE_ERROR": "アプリケーション ID は数字でなければなりません",
+      "NUMBER_GREATER_THAN": "値は {{ value }} 以上でなければなりません"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "カスタムのタイトル翻訳 1",
-  "GROUP-TITLE2-TRANSLATION-KEY": "カスタムのタイトル翻訳 2"
+  "GROUP-TITLE2-TRANSLATION-KEY": "カスタムのタイトル翻訳 2",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "ACS のディスクがいっぱいです",
+      "DESCRIPTION": "コンテンツのサイズが、ネットワークまたはシステムに設定されているストレージクォータの上限を超えています。",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "ホームへ戻る"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "フィルタのカスタマイズ"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "フィルタのカスタマイズ"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "1 つ選択",
+    "MULTI": "複数選択",
+    "PRESELECTED_VALUE": "事前選択: ",
+    "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",
@@ -137,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",
@@ -180,6 +193,10 @@
     "TASK-AUDIT-LOG": "Oppgaverevisjonslogg",
     "TASK-SHOW-HEADER": "Vis detaljoverskrift"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "App",
+    "SETTINGS_TAB": "Innstillinger"
+  },
   "FORM-LIST": {
     "STORE": "Lagre",
     "RESTORE": "Gjenopprett"
@@ -201,7 +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",
@@ -220,16 +255,67 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "Sett inn app-ID",
       "APP_ID_TYPE_ERROR": "App-ID må være et tall",
-      "NUMBER_TYPE_ERROR": "Verdien må være et tall"
+      "NUMBER_TYPE_ERROR": "Verdien må være et tall",
+      "NUMBER_GREATER_THAN": "Verdien må være høyere enn eller lik {{ value }}"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Starter side"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "Sett inn app-ID",
-    "APP_ID_TYPE_ERROR": "App-ID må være et tall"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Sett inn app-ID",
+      "APP_ID_TYPE_ERROR": "App-ID må være et tall",
+      "NUMBER_GREATER_THAN": "Verdien må være høyere enn eller lik {{ value }}"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Egendefinert tittel, oversettelse én",
-  "GROUP-TITLE2-TRANSLATION-KEY": "Egendefinert tittel, oversettelse to"
+  "GROUP-TITLE2-TRANSLATION-KEY": "Egendefinert tittel, oversettelse to",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "ACS-disk er full",
+      "DESCRIPTION": "Innhold overgår samlet lagringskvotegrense konfigurert for nettverket eller systemet",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Tilbake til startsiden"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "Tilpass filteret ditt"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Tilpass filteret ditt"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "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",
@@ -137,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",
@@ -180,6 +193,10 @@
     "TASK-AUDIT-LOG": "Auditlog van taak",
     "TASK-SHOW-HEADER": "Detailkoptekst weergeven"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "App",
+    "SETTINGS_TAB": "Instellingen"
+  },
   "FORM-LIST": {
     "STORE": "Opslaan",
     "RESTORE": "Herstellen"
@@ -201,7 +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",
@@ -220,16 +255,67 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "App-id invoegen",
       "APP_ID_TYPE_ERROR": "App-id moet een getal zijn",
-      "NUMBER_TYPE_ERROR": "Waarde moet een getal zijn"
+      "NUMBER_TYPE_ERROR": "Waarde moet een getal zijn",
+      "NUMBER_GREATER_THAN": "Waarde moet groter zijn dan of gelijk zijn aan {{ value }}"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Beginpagina"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "App-id invoegen",
-    "APP_ID_TYPE_ERROR": "App-id moet een getal zijn"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "App-id invoegen",
+      "APP_ID_TYPE_ERROR": "App-id moet een getal zijn",
+      "NUMBER_GREATER_THAN": "Waarde moet groter zijn dan of gelijk zijn aan {{ value }}"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Aangepaste titel vertaling één",
-  "GROUP-TITLE2-TRANSLATION-KEY": "Aangepaste titel vertaling twee"
+  "GROUP-TITLE2-TRANSLATION-KEY": "Aangepaste titel vertaling twee",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "ACS-schijf vol",
+      "DESCRIPTION": "Content overschrijdt de totale opslaglimiet die is geconfigureerd voor het netwerk of systeem",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Terug naar Home"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "Uw filter aanpassen"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Uw filter aanpassen"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "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",
@@ -137,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",
@@ -180,6 +193,10 @@
     "TASK-AUDIT-LOG": "Log de auditoria de tarefa",
     "TASK-SHOW-HEADER": "Mostrar cabeçalho de detalhes"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "Aplicativo",
+    "SETTINGS_TAB": "Configurações"
+  },
   "FORM-LIST": {
     "STORE": "Armazenar",
     "RESTORE": "Restaurar"
@@ -201,7 +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",
@@ -220,16 +255,67 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "Inserir ID do aplicativo",
       "APP_ID_TYPE_ERROR": "O ID do aplicativo deve ser um número",
-      "NUMBER_TYPE_ERROR": "O valor deve ser um número"
+      "NUMBER_TYPE_ERROR": "O valor deve ser um número",
+      "NUMBER_GREATER_THAN": "O valor deve ser maior ou igual a {{ value }}"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Iniciando a página"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "Inserir ID do Aplicativo",
-    "APP_ID_TYPE_ERROR": "O ID do aplicativo deve ser um número"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Inserir ID do aplicativo",
+      "APP_ID_TYPE_ERROR": "O ID do aplicativo deve ser um número",
+      "NUMBER_GREATER_THAN": "O valor deve ser maior ou igual a {{ value }}"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Tradução um de título personalizado",
-  "GROUP-TITLE2-TRANSLATION-KEY": "Tradução dois de título personalizado"
+  "GROUP-TITLE2-TRANSLATION-KEY": "Tradução dois de título personalizado",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "Disco ACS cheio",
+      "DESCRIPTION": "O conteúdo excede o limite de armazenamento geral configurado para a rede ou o sistema",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Voltar para a página inicial"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "Personalizar seu filtro"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Personalizar seu filtro"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "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

@@ -7,7 +7,7 @@
       "VERSIONS": "Версии"
     },
     "HOME": {
-      "TITLE": "Компоненты Angular для Alfresco",
+      "TITLE": "Угловые компоненты для Alfresco",
       "DOCUMENTATION": "Документация"
     },
     "LOGOUT": {
@@ -19,7 +19,7 @@
     "ADF_VERSION_MANAGER": {
       "ALLOW_DELETE": "Разрешить удаление",
       "SHOW_COMMENTS": "Показать комментарии к версиям",
-      "ALLOW_DOWNLOAD": "Разрешить загрузку",
+      "ALLOW_DOWNLOAD": "Включить загрузку версий",
       "READ_ONLY": "Только чтение",
       "COMMENTS": "Показать комментарии"
     },
@@ -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": "Таблица данных (частичная загрузка)",
+    "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": "Идентификатор узла",
       "CREATED_BY": "Создано пользователем",
       "CREATED_ON": "Дата создания",
       "CREATED": "Создано",
@@ -137,10 +148,12 @@
       "THEME": "Выберите тему",
       "SHOW_VERSION": "Показать версию",
       "HIDE_VERSION": "Скрыть версию",
-      "LISTVIEW": "Режим просмотра списка"
+      "LISTVIEW": "Режим просмотра списка",
+      "CREATE_LIBRARY": "Создание библиотеки"
     },
     "ACTIONS": {
       "VERSIONS": "Управление версиями",
+      "LOCK": "Блокировка",
       "METADATA": "Информация",
       "DOWNLOAD": "Скачать",
       "PERMISSION": "Право",
@@ -180,6 +193,10 @@
     "TASK-AUDIT-LOG": "Журнал проверки задачи",
     "TASK-SHOW-HEADER": "Показать подробности заголовка"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "Приложение",
+    "SETTINGS_TAB": "Параметры"
+  },
   "FORM-LIST": {
     "STORE": "Хранилище",
     "RESTORE": "Восстановить"
@@ -201,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": "Компонент \"Нравится\"",
@@ -220,16 +255,67 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "Вставить идентификатор приложения",
       "APP_ID_TYPE_ERROR": "Идентификатор приложения должен быть числом",
-      "NUMBER_TYPE_ERROR": "Значение должно быть числом"
+      "NUMBER_TYPE_ERROR": "Значение должно быть числом",
+      "NUMBER_GREATER_THAN": "Значение должно быть больше или равно {{ value }}"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Начальная страница"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "Вставить идентификатор приложения",
-    "APP_ID_TYPE_ERROR": "Идентификатор приложения должен быть числом"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Вставить идентификатор приложения",
+      "APP_ID_TYPE_ERROR": "Идентификатор приложения должен быть числом",
+      "NUMBER_GREATER_THAN": "Значение должно быть больше или равно {{ value }}"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Перевод пользовательского заголовка один",
-  "GROUP-TITLE2-TRANSLATION-KEY": "Перевод пользовательского заголовка два"
-}
+  "GROUP-TITLE2-TRANSLATION-KEY": "Перевод пользовательского заголовка два",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "Диск ACS заполнен",
+      "DESCRIPTION": "Объем данных превысил максимально допустимое значение, установленное для сети или системы",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Назад на главную"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "Настройка фильтра"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Настройка фильтра"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "Единичный выбор",
+    "MULTI": "Групповой выбор",
+    "PRESELECTED_VALUE": "Предварительный выбор: ",
+    "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": "显示注释"
     },
@@ -53,6 +53,7 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "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": "已创建",
@@ -137,10 +148,12 @@
       "THEME": "选择主题",
       "SHOW_VERSION": "显示版本",
       "HIDE_VERSION": "隐藏版本",
-      "LISTVIEW": "列表视图模式"
+      "LISTVIEW": "列表视图模式",
+      "CREATE_LIBRARY": "创建库"
     },
     "ACTIONS": {
       "VERSIONS": "管理版本",
+      "LOCK": "锁定",
       "METADATA": "信息",
       "DOWNLOAD": "下载",
       "PERMISSION": "权限",
@@ -180,6 +193,10 @@
     "TASK-AUDIT-LOG": "任务审计日志",
     "TASK-SHOW-HEADER": "显示详细信息标头"
   },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "APP",
+    "SETTINGS_TAB": "设置"
+  },
   "FORM-LIST": {
     "STORE": "存储",
     "RESTORE": "恢复"
@@ -201,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": "点赞组件",
@@ -220,16 +255,67 @@
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "插入应用程序 ID",
       "APP_ID_TYPE_ERROR": "应用程序 ID 必须为数字",
-      "NUMBER_TYPE_ERROR": "值必须是数字"
+      "NUMBER_TYPE_ERROR": "值必须是数字",
+      "NUMBER_GREATER_THAN": "值必须大于或等于 {{ value }}"
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "开始页面"
     }
   },
   "PROCESS_LIST_DEMO": {
-    "APP_ID_REQUIRED_ERROR": "插入应用程序 ID",
-    "APP_ID_TYPE_ERROR": "应用程序 ID 必须为数字"
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "插入应用程序 ID",
+      "APP_ID_TYPE_ERROR": "应用程序 ID 必须为数字",
+      "NUMBER_GREATER_THAN": "值必须大于或等于 {{ value }}"
+    }
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "自定义标题翻译 1",
-  "GROUP-TITLE2-TRANSLATION-KEY": "自定义标题翻译 2"
+  "GROUP-TITLE2-TRANSLATION-KEY": "自定义标题翻译 2",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "ACS 磁盘已满",
+      "DESCRIPTION": "内容超出为网络或系统配置的总存储配额限制",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "返回到主页"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "自定义您的筛选器"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "自定义您的筛选器"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "单个选择",
+    "MULTI": "多重选择",
+    "PRESELECTED_VALUE": "预先选择： ",
+    "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,23 +1,30 @@
 {
     "$schema": "../../lib/core/app-config/schema.json",
-    "ecmHost": "http://{hostname}:{port}",
-    "bpmHost": "http://{hostname}:{port}",
-    "baseShareUrl": null,
+    "ecmHost": "{protocol}//{hostname}{:port}",
+    "bpmHost": "{protocol}//{hostname}{:port}",
+    "identityHost": "{protocol}//{hostname}{:port}/auth/realms/alfresco",
     "loginRoute": "login",
     "providers": "ALL",
     "contextRootBpm": "activiti-app",
     "authType" : "BASIC",
+    "locale" : "en",
+    "notificationDefaultDuration" : 6000,
+    "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"
     },
     "application": {
+        "storagePrefix": "ADF",
         "name": "Alfresco ADF Application",
         "copyright": "© 2016 - 2018 Alfresco Software, Inc. All Rights Reserved."
     },
@@ -28,46 +35,61 @@
         },
         {
             "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": [
@@ -86,6 +108,7 @@
           }
         ]
       },
+      "resetButton": true,
       "filterQueries": [
         { "query": "TYPE:'cm:folder' OR TYPE:'cm:content'" },
         { "query": "NOT cm:creator:System" }
@@ -103,15 +126,41 @@
       "facetQueries": {
         "label": "SEARCH.FACET_QUERIES.MY_FACET_QUERIES",
         "pageSize": 5,
+        "expanded": true,
+        "mincount": 1,
         "queries": [
-          { "query": "created:2018", "label": "SEARCH.FACET_QUERIES.CREATED_THIS_YEAR" },
-          { "query": "content.mimetype", "label": "SEARCH.FACET_QUERIES.MIMETYPE" },
-          { "query": "content.size:[0 TO 10240]", "label": "SEARCH.FACET_QUERIES.XTRASMALL"},
-          { "query": "content.size:[10240 TO 102400]", "label": "SEARCH.FACET_QUERIES.SMALL"},
-          { "query": "content.size:[102400 TO 1048576]", "label": "SEARCH.FACET_QUERIES.MEDIUM" },
-          { "query": "content.size:[1048576 TO 16777216]", "label": "SEARCH.FACET_QUERIES.LARGE" },
-          { "query": "content.size:[16777216 TO 134217728]", "label": "SEARCH.FACET_QUERIES.XTRALARGE" },
-          { "query": "content.size:[134217728 TO MAX]", "label": "SEARCH.FACET_QUERIES.XXTRALARGE" }
+          { "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": [
@@ -202,7 +251,23 @@
             }
           }
         }
-      ]
+      ],
+      "highlight": {
+        "prefix": " ",
+        "postfix": " ",
+        "mergeContiguous": true,
+        "fields": [
+          {
+            "field": "cm:title"
+          },
+          {
+            "field": "description",
+            "prefix": "(",
+            "postfix": ")"
+          }
+
+        ]
+      }
     },
     "pagination": {
         "size": 20,
@@ -486,6 +551,9 @@
             ]
         }
     },
+    "adf-start-task": {
+        "name": "My Task Name"
+    },
     "adf-task-list": {
         "presets": {
             "default": [
@@ -520,15 +588,105 @@
             ]
         }
     },
+    "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": "*"
             }
-        }
+        },
+        "multi-value-pipe-separator" : ", "
     },
     "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

@@ -0,0 +1,27 @@
+/*!
+ * @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 { AcaMonacoModule } from 'adf-monaco-extension';
+
+@NgModule({
+    imports: [
+        AcaMonacoModule
+    ]
+})
+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,7 +16,12 @@
  */
 
 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';
 
@@ -28,14 +33,24 @@ import { MatDialog } from '@angular/material';
 })
 export class AppComponent implements OnInit {
 
+    textOrientation: string = 'ltr';
+
     constructor(private pageTitleService: PageTitleService,
                 private alfrescoApiService: AlfrescoApiService,
                 private authenticationService: AuthenticationService,
+                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) => {
@@ -45,6 +60,13 @@ export class AppComponent implements OnInit {
                     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.
@@ -23,7 +23,8 @@ import { ChartsModule } from 'ng2-charts';
 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 { AppConfigService, TRANSLATION_PROVIDER, DebugAppConfigService, CoreModule, CoreAutomationService } 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';
@@ -64,8 +65,24 @@ import { InsightsModule } from '@alfresco/adf-insights';
 import { ProcessModule } from '@alfresco/adf-process-services';
 import { AuthBearerInterceptor } from './services';
 import { ProcessServicesCloudModule } from '@alfresco/adf-process-services-cloud';
-import { CloudComponent } from './components/cloud/cloud.component';
-import { TaskListCloudDemoComponent } from './components/task-list-cloud-demo/task-list-cloud-demo.component';
+import { AppExtensionsModule } from './app-extension.module';
+import { TreeViewSampleComponent } from './components/tree-view/tree-view-sample.component';
+import { CloudLayoutComponent } from './components/cloud/cloud-layout.component';
+import { AppsCloudDemoComponent } from './components/cloud/apps-cloud-demo.component';
+import { TasksCloudDemoComponent } from './components/cloud/tasks-cloud-demo.component';
+import { ProcessesCloudDemoComponent } from './components/cloud/processes-cloud-demo.component';
+import { TaskDetailsCloudDemoComponent } from './components/cloud/task-details-cloud-demo.component';
+import { ProcessDetailsCloudDemoComponent } from './components/cloud/process-details-cloud-demo.component';
+import { StartTaskCloudDemoComponent } from './components/cloud/start-task-cloud-demo.component';
+import { StartProcessCloudDemoComponent } from './components/cloud/start-process-cloud-demo.component';
+import { CloudBreadcrumbsComponent } from './components/cloud/cloud-breadcrumb-component';
+import { CloudFiltersDemoComponent } from './components/cloud/cloud-filters-demo.component';
+import { TemplateDemoComponent } from './components/template-list/template-demo.component';
+import { PeopleGroupCloudDemoComponent } from './components/cloud/people-groups-cloud-demo.component';
+import { CloudSettingsComponent } from './components/cloud/cloud-settings.component';
+import { NestedMenuPositionDirective } from './components/cloud/directives/nested-menu-position.directive';
+import { ConfirmDialogExampleComponent } from './components/confirm-dialog/confirm-dialog-example.component';
+import { FormCloudDemoComponent } from './components/app-layout/cloud/form-demo/cloud-form-demo.component';
 
 @NgModule({
     imports: [
@@ -76,20 +93,21 @@ import { TaskListCloudDemoComponent } from './components/task-list-cloud-demo/ta
         FormsModule,
         HttpClientModule,
         MaterialModule,
+        AppExtensionsModule,
         FlexLayoutModule,
         CoreModule.forRoot(),
         ContentModule.forRoot(),
         InsightsModule.forRoot(),
         ProcessModule.forRoot(),
+        ProcessServicesCloudModule,
+        ExtensionsModule.forRoot(),
         ThemePickerModule,
         ChartsModule,
-        MonacoEditorModule.forRoot(),
-        ProcessServicesCloudModule
+        MonacoEditorModule.forRoot()
     ],
     declarations: [
         AppComponent,
         LoginComponent,
-        CloudComponent,
         LogoutComponent,
         AppLayoutComponent,
         HomeComponent,
@@ -115,7 +133,24 @@ import { TaskListCloudDemoComponent } from './components/task-list-cloud-demo/ta
         DemoPermissionComponent,
         FormLoadingComponent,
         ReportIssueComponent,
-        TaskListCloudDemoComponent
+        TreeViewSampleComponent,
+        CloudLayoutComponent,
+        AppsCloudDemoComponent,
+        TasksCloudDemoComponent,
+        ProcessesCloudDemoComponent,
+        TaskDetailsCloudDemoComponent,
+        ProcessDetailsCloudDemoComponent,
+        StartTaskCloudDemoComponent,
+        StartProcessCloudDemoComponent,
+        CloudBreadcrumbsComponent,
+        CloudFiltersDemoComponent,
+        TemplateDemoComponent,
+        PeopleGroupCloudDemoComponent,
+        CloudSettingsComponent,
+        NestedMenuPositionDirective,
+        ConfirmDialogExampleComponent,
+        FormCloudDemoComponent,
+        ConfirmDialogExampleComponent
     ],
     providers: [
         {
@@ -139,7 +174,8 @@ import { TaskListCloudDemoComponent } from './components/task-list-cloud-demo/ta
                 source: 'resources/lazy-loading'
             }
         },
-        PreviewService
+        PreviewService,
+        CoreAutomationService
     ],
     entryComponents: [
         VersionManagerDialogAdapterComponent,
@@ -147,4 +183,8 @@ import { TaskListCloudDemoComponent } from './components/task-list-cloud-demo/ta
     ],
     bootstrap: [AppComponent]
 })
-export class AppModule {}
+export class AppModule {
+    constructor(automationService: CoreAutomationService) {
+        automationService.setup();
+    }
+}

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,7 +17,7 @@
 
 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 { HomeComponent } from './components/home/home.component';
@@ -29,10 +29,8 @@ 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 { FilesComponent } from './components/files/files.component';
 import { FormComponent } from './components/form/form.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';
@@ -40,8 +38,19 @@ import { FormLoadingComponent } from './components/form/form-loading.component';
 import { DemoPermissionComponent } from './components/permissions/demo-permissions.component';
 import { ReportIssueComponent } from './components/report-issue/report-issue.component';
 import { AppComponent } from './app.component';
-import { CloudComponent } from './components/cloud/cloud.component';
-import { TaskListCloudDemoComponent } from './components/task-list-cloud-demo/task-list-cloud-demo.component';
+import { TreeViewSampleComponent } from './components/tree-view/tree-view-sample.component';
+import { AppsCloudDemoComponent } from './components/cloud/apps-cloud-demo.component';
+import { PeopleGroupCloudDemoComponent } from './components/cloud/people-groups-cloud-demo.component';
+import { CloudLayoutComponent } from './components/cloud/cloud-layout.component';
+import { TasksCloudDemoComponent } from './components/cloud/tasks-cloud-demo.component';
+import { ProcessesCloudDemoComponent } from './components/cloud/processes-cloud-demo.component';
+import { StartTaskCloudDemoComponent } from './components/cloud/start-task-cloud-demo.component';
+import { StartProcessCloudDemoComponent } from './components/cloud/start-process-cloud-demo.component';
+import { TaskDetailsCloudDemoComponent } from './components/cloud/task-details-cloud-demo.component';
+import { ProcessDetailsCloudDemoComponent } from './components/cloud/process-details-cloud-demo.component';
+import { TemplateDemoComponent } from './components/template-list/template-demo.component';
+import { FormCloudDemoComponent } from './components/app-layout/cloud/form-demo/cloud-form-demo.component';
+import { ConfirmDialogExampleComponent } from './components/confirm-dialog/confirm-dialog-example.component';
 
 export const appRoutes: Routes = [
     { path: 'login', component: LoginComponent },
@@ -79,11 +88,12 @@ export const appRoutes: Routes = [
     {
         path: 'breadcrumb',
         canActivate: [AuthGuardEcm],
+        component: AppLayoutComponent,
         loadChildren: 'app/components/breadcrumb-demo/breadcrumb-demo.module#AppBreadcrumbModule'
     },
     {
         path: 'notifications',
-        component: AppLayoutComponent ,
+        component: AppLayoutComponent,
         children: [
             {
                 path: '',
@@ -93,7 +103,7 @@ export const appRoutes: Routes = [
     },
     {
         path: 'config-editor',
-        component: AppLayoutComponent ,
+        component: AppLayoutComponent,
         children: [
             {
                 path: '',
@@ -103,7 +113,7 @@ export const appRoutes: Routes = [
     },
     {
         path: 'card-view',
-        component: AppLayoutComponent ,
+        component: AppLayoutComponent,
         children: [
             {
                 path: '',
@@ -111,6 +121,16 @@ export const appRoutes: Routes = [
             }
         ]
     },
+    {
+        path: 'sites',
+        component: AppLayoutComponent,
+        children: [
+            {
+                path: '',
+                loadChildren: 'app/components/sites/sites.module#SitesModule'
+            }
+        ]
+    },
     {
         path: 'header-data',
         component: AppLayoutComponent,
@@ -136,14 +156,54 @@ export const appRoutes: Routes = [
             },
             {
                 path: 'cloud',
+                canActivate: [AuthGuardSsoRoleService],
+                data: { roles: ['ACTIVITI_USER'], redirectUrl: '/error/403'},
                 children: [
                     {
                         path: '',
-                        component: CloudComponent
+                        component: AppsCloudDemoComponent
                     },
                     {
-                        path: ':applicationName/tasks',
-                        component: TaskListCloudDemoComponent
+                        path: 'people-group-cloud',
+                        component: PeopleGroupCloudDemoComponent
+                    },
+                    {
+                        path: ':appName',
+                        canActivate: [AuthGuardSsoRoleService],
+                        data: { clientRoles: ['appName'], roles: ['ACTIVITI_USER'], redirectUrl: '/error/403'},
+                        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
+                            }
+
+                        ]
                     }
                 ]
             },
@@ -151,6 +211,10 @@ export const appRoutes: Routes = [
                 path: 'node-selector',
                 loadChildren: 'app/components/content-node-selector/content-node-selector.module#AppContentNodeSelectorModule'
             },
+            {
+                path: 'confirm-dialog',
+                component: ConfirmDialogExampleComponent
+            },
             {
                 path: 'settings-layout',
                 loadChildren: 'app/components/settings/settings.module#AppSettingsModule'
@@ -165,6 +229,11 @@ export const appRoutes: Routes = [
                 component: FilesComponent,
                 canActivate: [AuthGuardEcm]
             },
+            {
+                path: 'extensions/document-list/presets',
+                canActivate: [AuthGuardEcm],
+                loadChildren: './components/document-list/extension-presets/extension-presets.module#ExtensionPresetsModule'
+            },
             {
                 path: 'files/:id',
                 component: FilesComponent,
@@ -185,6 +254,10 @@ export const appRoutes: Routes = [
                 path: 'datatable',
                 loadChildren: 'app/components/datatable/datatable.module#AppDataTableModule'
             },
+            {
+                path: 'datatable/dnd',
+                loadChildren: './components/datatable/drag-and-drop/datatable-dnd.module#AppDataTableDndModule'
+            },
             {
                 path: 'search',
                 component: SearchResultComponent,
@@ -274,10 +347,20 @@ export const appRoutes: Routes = [
                 component: DemoPermissionComponent,
                 canActivate: [AuthGuardEcm]
             },
+            {
+                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-cloud', component: FormCloudDemoComponent },
             { path: 'form', component: FormComponent },
             { path: 'form-list', component: FormListComponent },
             { path: 'form-loading', component: FormLoadingComponent },
@@ -294,6 +377,14 @@ export const appRoutes: Routes = [
                 path: 'datatable-lazy',
                 loadChildren: 'app/components/lazy-loading/lazy-loading.module#LazyLoadingModule'
             },
+            {
+                path: 'copy-content',
+                loadChildren: 'app/components/datatable/copy-content/datatable.module#AppDataTableCopyModule'
+            },
+            {
+                path: 'template-list',
+                component: TemplateDemoComponent
+            },
             {
                 path: 'task-list',
                 canActivate: [AuthGuardBpm],
@@ -308,6 +399,10 @@ export const appRoutes: Routes = [
                 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

@@ -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/app-layout/app-layout.component.html

@@ -1,19 +1,12 @@
 <adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="220" [stepOver]="780" [hideSidenav]="hideSidenav"
-                    [expandedSidenav]="expandedSidenav" (expanded)="setState($event)"
-                    [position]="position">
+    [expandedSidenav]="expandedSidenav" (expanded)="setState($event)" [position]="position">
 
     <adf-sidenav-layout-header>
-        <ng-template let-toggleMenu=" toggleMenu">
+        <ng-template let-toggleMenu="toggleMenu">
 
-            <adf-layout-header id="adf-header"
-                               [title]="title | translate"
-                               [redirectUrl]="redirectUrl"
-                               [logo]="logo"
-                               [tooltip]="tooltip | translate"
-                               [showSidenavToggle]="showMenu"
-                               [color]="color"
-                               [position]="position"
-                               (clicked)=toggleMenu($event)>
+            <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)>
 
                 <div class="adf-app-layout-menu-spacer"></div>
 
@@ -21,10 +14,7 @@
 
                 <div class="adf-header-delimiexpandedSidenavter"></div>
 
-                <adf-userinfo
-                    class="adf-app-layout-user-profile"
-                    [menuPositionX]="'before'"
-                    [menuPositionY]="'above'">
+                <adf-userinfo class="adf-app-layout-user-profile" [menuPositionX]="'before'" [menuPositionY]="'above'">
                 </adf-userinfo>
 
                 <app-theme-picker></app-theme-picker>
@@ -42,16 +32,32 @@
     <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>
+
+                <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="sidenav-menu-icon">exit_to_app</mat-icon>
-                    <div class="sidenav-menu-label" *ngIf="!isMenuMinimized()">Logout</div>
+                    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>
 
@@ -66,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.
@@ -16,7 +16,7 @@
  */
 
 import { Component, ViewEncapsulation, OnInit } from '@angular/core';
-import { UserPreferencesService, AppConfigService, AlfrescoApiService } from '@alfresco/adf-core';
+import { UserPreferencesService, AppConfigService, AlfrescoApiService, UserPreferenceValues } from '@alfresco/adf-core';
 import { HeaderDataService } from '../header-data/header-data.service';
 
 @Component({
@@ -32,24 +32,42 @@ export class AppLayoutComponent implements OnInit {
 
     links: Array<any> = [
         { href: '/home', icon: 'home', title: 'APP_LAYOUT.HOME' },
+        {
+            href: '/extensions', icon: 'extension', title: 'Extensions', children: [
+                { href: '/extensions/document-list/presets', icon: 'extension', title: 'Document List' }
+            ]
+        },
         { 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: '/confirm-dialog', icon: 'view_headline', title: 'APP_LAYOUT.CONFIRM-DIALOG' },
         { 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: '/cloud', icon: 'cloud', title: 'APP_LAYOUT.PROCESS_CLOUD' },
-        { 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: '/form-cloud', icon: 'poll', title: 'APP_LAYOUT.FORM' },
+            { 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: '/datatable/dnd', icon: 'view_module', title: 'Drag and Drop' },
+            { href: '/copy-content', icon: 'view_module', title: 'Copy Content' }
+        ]},
+        { 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' },
@@ -58,6 +76,8 @@ export class AppLayoutComponent implements OnInit {
         { 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' }
     ];
 
@@ -85,14 +105,14 @@ export class AppLayoutComponent implements OnInit {
             this.expandedSidenav = expand;
         }
 
-        this.headerService.hideMenu.subscribe(show => this.showMenu = show);
-        this.headerService.color.subscribe(color => this.color = color);
-        this.headerService.title.subscribe(title => this.title = title);
-        this.headerService.logo.subscribe(path => this.logo = path);
-        this.headerService.redirectUrl.subscribe(redirectUrl => this.redirectUrl = redirectUrl);
-        this.headerService.tooltip.subscribe(tooltip => this.tooltip = tooltip);
-        this.headerService.position.subscribe(position => this.position = position);
-        this.headerService.hideSidenav.subscribe(hideSidenav => this.hideSidenav = hideSidenav);
+        this.headerService.hideMenu.subscribe((show) => this.showMenu = show);
+        this.headerService.color.subscribe((color) => this.color = color);
+        this.headerService.title.subscribe((title) => this.title = title);
+        this.headerService.logo.subscribe((path) => this.logo = path);
+        this.headerService.redirectUrl.subscribe((redirectUrl) => this.redirectUrl = redirectUrl);
+        this.headerService.tooltip.subscribe((tooltip) => this.tooltip = tooltip);
+        this.headerService.position.subscribe((position) => this.position = position);
+        this.headerService.hideSidenav.subscribe((hideSidenav) => this.hideSidenav = hideSidenav);
     }
 
     constructor(
@@ -107,7 +127,7 @@ export class AppLayoutComponent implements OnInit {
 
     setState(state) {
         if (this.config.get('sideNav.preserveState')) {
-            this.userPreferences.set('expandedSidenav', state);
+            this.userPreferences.set(UserPreferenceValues.ExpandedSideNavStatus, state);
         }
     }
 }

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

@@ -0,0 +1,56 @@
+<div class="main-content">
+
+    <mat-tab-group>
+        <mat-tab label="Form">
+            <div class="adf-form-container">
+                <adf-cloud-form
+                    [showRefreshButton]="false"
+                    [form]="form"
+                    (formSaved)="onFormSaved()"
+                    (formError)="logErrors($event)">
+                </adf-cloud-form>
+            </div>
+
+            <div class="adf-console" #console>
+                <h3>Error log:</h3>
+                <p *ngFor="let error of errorFields">Error {{ error.name }} {{error.validationSummary.message |
+                    translate}}</p>
+            </div>
+        </mat-tab>
+        <mat-tab label="Editor">
+            <ngx-monaco-editor
+                id="adf-form-config-editor"
+                class="adf-form-config-editor"
+                [options]="editorOptions"
+                [(ngModel)]="formConfig"
+                (onInit)="onInitFormEditor($event)">
+            </ngx-monaco-editor>
+            <div class="adf-form-editor-buttons">
+                <button mat-raised-button id="adf-form-config-save" (click)="onSaveFormConfig()" color="primary">Save
+                    form config
+                </button>
+                <button mat-raised-button id="adf-form-config-clear" (click)="onClearFormConfig()" color="primary">Clear
+                    form config
+                </button>
+            </div>
+            <div class="adf-upload-config-button">
+                <a mat-raised-button color="primary" >
+                    <mat-icon>file_upload</mat-icon>
+                    <label for="upload-config-file">Upload JSON File</label>
+                    <input
+                        id="upload-config-file"
+                        data-automation-id="upload-single-file"
+                        type="file"
+                        name="uploadConfig"
+                        accept=".json"
+                        (change)="onConfigAdded($event)">
+                </a>
+            </div>
+
+        </mat-tab>
+
+    </mat-tab-group>
+</div>
+
+
+

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

@@ -0,0 +1,57 @@
+.adf-form-container {
+    padding: 10px;
+}
+
+.adf-main-content {
+    padding: 0 15px;
+}
+
+.adf-card-view {
+    width: 30%;
+    display: inline-block;
+}
+
+.adf-console {
+    width: 60%;
+    display: inline-block;
+    vertical-align: top;
+    margin-left: 10px;
+    height: 500px;
+    overflow: scroll;
+    padding-bottom: 30px;
+
+    h3 {
+        margin-top: 0;
+    }
+
+    p {
+        display: block;
+        font-family: monospace, monospace;
+        margin: 0;
+    }
+}
+
+.adf-form-config-editor {
+    height: 500px !important;
+}
+
+.adf-form-editor-buttons {
+    display: flex;
+    justify-content: space-evenly;
+}
+
+.adf-upload-config-button {
+    display: flex;
+    justify-content: center;
+
+    input {
+        cursor: pointer;
+        height: 100%;
+        right: 0;
+        opacity: 0;
+        position: absolute;
+        top: 0;
+        width: 300px;
+        z-index: 4;
+    }
+}

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

@@ -0,0 +1,106 @@
+/*!
+ * @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, OnDestroy, OnInit } from '@angular/core';
+import { FormFieldModel, NotificationService, FormRenderingService } from '@alfresco/adf-core';
+import { FormCloud, FormCloudService, UploadCloudWidgetComponent } from '@alfresco/adf-process-services-cloud';
+import { Subscription } from 'rxjs';
+import { formDefinition } from './demo-form';
+
+@Component({
+    templateUrl: 'cloud-form-demo.component.html',
+    styleUrls: ['cloud-form-demo.component.scss']
+})
+export class FormCloudDemoComponent implements OnInit, OnDestroy {
+
+    form: FormCloud;
+    errorFields: FormFieldModel[] = [];
+    formConfig: string;
+    editor: any;
+    private subscriptions: Subscription[] = [];
+
+    editorOptions = {
+        theme: 'vs-dark',
+        language: 'json',
+        autoIndent: true,
+        formatOnPaste: true,
+        formatOnType: true,
+        automaticLayout: true
+    };
+
+    constructor(
+        private notificationService: NotificationService,
+        private formRenderingService: FormRenderingService,
+        private formService: FormCloudService) {
+        this.formRenderingService.setComponentTypeResolver('upload', () => UploadCloudWidgetComponent, true);
+    }
+
+    logErrors(errorFields: FormFieldModel[]) {
+        this.errorFields = errorFields;
+    }
+
+    ngOnInit() {
+        this.formConfig = formDefinition;
+        this.parseForm();
+    }
+
+    onFormSaved() {
+        this.notificationService.openSnackMessage('Task has been saved successfully');
+    }
+
+    ngOnDestroy() {
+        this.subscriptions.forEach((subscription) => subscription.unsubscribe());
+        this.subscriptions = [];
+    }
+
+    onInitFormEditor(editor) {
+        this.editor = editor;
+        setTimeout(() => {
+            this.editor.getAction('editor.action.formatDocument').run();
+        }, 1000);
+    }
+
+    parseForm() {
+        this.form = this.formService.parseForm(JSON.parse(this.formConfig));
+    }
+
+    onSaveFormConfig() {
+        try {
+            this.parseForm();
+        } catch (error) {
+            this.notificationService.openSnackMessage('Wrong form configuration');
+        }
+    }
+
+    onClearFormConfig() {
+        this.formConfig = '';
+    }
+
+    onConfigAdded($event: any): void {
+        const file = $event.currentTarget.files[0];
+
+        const fileReader = new FileReader();
+        fileReader.onload = () => {
+            this.formConfig = <string> fileReader.result;
+        };
+        fileReader.readAsText(file);
+
+        this.onInitFormEditor(this.editor);
+
+        $event.target.value = '';
+    }
+}

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

@@ -0,0 +1,96 @@
+/*!
+ * @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.
+ */
+
+export const formDefinition = `{
+    "formRepresentation": {
+      "id": "text-form",
+      "name": "test-start-form",
+      "version": 0,
+      "description": "",
+      "formDefinition": {
+        "tabs": [],
+        "fields": [
+          {
+            "id": "1511517333638",
+            "type": "container",
+            "fieldType": "ContainerRepresentation",
+            "name": "Label",
+            "tab": null,
+            "numberOfColumns": 2,
+            "fields": {
+              "1": [
+                {
+                  "fieldType": "FormFieldRepresentation",
+                  "id": "texttest",
+                  "name": "texttest",
+                  "type": "text",
+                  "value": null,
+                  "required": false,
+                  "placeholder": "text",
+                  "params": {
+                    "existingColspan": 2,
+                    "maxColspan": 6,
+                    "inputMaskReversed": true,
+                    "inputMask": "0#",
+                    "inputMaskPlaceholder": "(0-9)"
+                  }
+                }
+              ],
+              "2": [{
+                              "fieldType": "AttachFileFieldRepresentation",
+                              "id": "attachfiletest",
+                              "name": "attachfiletest",
+                              "type": "upload",
+                              "required": true,
+                              "colspan": 2,
+                              "placeholder": "attachfile",
+                              "params": {
+                                  "existingColspan": 2,
+                                  "maxColspan": 2,
+                                  "fileSource": {
+                                          "serviceId": "local-file",
+                                          "name": "Local File"
+                                  },
+                                  "multiple": true,
+                                  "link": false
+                          },
+                              "visibilityCondition": {
+                              }
+                          }]
+            }
+          }
+        ],
+        "outcomes": [],
+        "metadata": {
+          "property1": "value1",
+          "property2": "value2"
+        },
+        "variables": [
+          {
+            "name": "variable1",
+            "type": "string",
+            "value": "value1"
+          },
+          {
+            "name": "variable2",
+            "type": "string",
+            "value": "value2"
+          }
+        ]
+      }
+    }}
+  `;

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

@@ -1,6 +1,6 @@
 /*!
  * @license
- * Copyright 2016 Alfresco Software, Ltd.
+ * Copyright 2019 Alfresco Software, Ltd.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

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

@@ -1,21 +1,21 @@
-<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-toggle-editable"
         [color]="'primary'"

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

@@ -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/cloud/apps-cloud-demo.component.html

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

demo-shell/src/app/components/cloud/apps-cloud-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.
@@ -15,22 +15,21 @@
  * limitations under the License.
  */
 
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 import { Router } from '@angular/router';
+import { CloudLayoutService } from './services/cloud-layout.service';
+
 @Component({
-    selector: 'app-cloud',
-    templateUrl: './cloud.component.html',
-    styleUrls: ['./cloud.component.scss']
+    templateUrl: './apps-cloud-demo.component.html'
 })
-export class CloudComponent implements OnInit {
 
-    constructor(private router: Router) {
-    }
+export class AppsCloudDemoComponent {
 
-    ngOnInit() {
+    constructor(private router: Router, private cloudLayoutService: CloudLayoutService) {
     }
 
     onAppClick(app) {
-        this.router.navigate([`/cloud/${app.name}/tasks/`]);
+        this.cloudLayoutService.setCurrentTaskFilterParam({key: 'my-tasks'});
+        this.router.navigate([`/cloud/${app.name}`]);
     }
 }

demo-shell/src/app/components/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/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/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/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/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/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/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/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/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/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/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/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/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() {
+
+        const 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/cloud/people-groups-cloud-demo.component.html

@@ -0,0 +1,105 @@
+<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)" data-automation-id="adf-people-app-input" />
+            </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"
+                [title]="'ADF_TASK_LIST.START_TASK.FORM.LABEL.ASSIGNEE'"
+                [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)" data-automation-id="adf-group-app-input"/>
+            </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/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: 25%;
+
+                &-big {
+                    width:60%;
+                }
+
+                &-full {
+                    width:100%;
+                }
+            }
+        }
+    }
+}

demo-shell/src/app/components/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/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/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/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/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/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/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/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/cloud/start-process-cloud-demo.component.ts

@@ -0,0 +1,60 @@
+/*!
+ * @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);
+    }
+}

demo-shell/src/app/components/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/cloud/start-task-cloud-demo.component.ts

@@ -0,0 +1,57 @@
+/*!
+ * @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);
+    }
+}

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

@@ -0,0 +1,21 @@
+<h4 data-automation-id="task-details-header">Simple page to show the taskId: {{ taskId }} of the app: {{ appName }}</h4>
+
+<div fxLayout="column" fxFill fxLayoutGap="2px">
+    <div fxLayout="row" fxFill>
+        <div fxLayout="column" fxFlex="80%">
+            <adf-task-form-cloud
+                [appName]="appName"
+                [taskId]="taskId"
+                (cancelClick)="goBack()"
+                (taskClaimed)="onClaimTask()"
+                (taskCompleted)="onTaskCompleted()"
+                (taskUnclaimed)="onUnclaimTask()"
+                (formSaved)="onFormSaved()">
+            </adf-task-form-cloud>
+        </div>
+        <adf-cloud-task-header fxFlex
+            [appName]="appName"
+            [taskId]="taskId">
+        </adf-cloud-task-header>
+    </div>
+</div>

demo-shell/src/app/components/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/cloud/task-details-cloud-demo.component.ts

@@ -0,0 +1,75 @@
+/*!
+ * @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';
+import { UploadCloudWidgetComponent } from '@alfresco/adf-process-services-cloud';
+import { NotificationService, FormRenderingService } from '@alfresco/adf-core';
+
+@Component({
+    templateUrl: './task-details-cloud-demo.component.html',
+    styleUrls: ['./task-details-cloud-demo.component.scss']
+})
+export class TaskDetailsCloudDemoComponent {
+
+    taskId: string;
+    appName: string;
+
+    constructor(
+        private route: ActivatedRoute,
+        private router: Router,
+        private formRenderingService: FormRenderingService,
+        private notificationService: NotificationService
+        ) {
+        this.route.params.subscribe((params) => {
+            this.taskId = params.taskId;
+        });
+        this.route.parent.params.subscribe((params) => {
+            this.appName = params.appName;
+        });
+        this.formRenderingService.setComponentTypeResolver('upload', () => UploadCloudWidgetComponent, true);
+
+    }
+
+    isTaskValid(): boolean {
+        return this.appName !== undefined && this.taskId !== undefined;
+    }
+
+    goBack() {
+        this.router.navigate([`/cloud/${this.appName}/`]);
+    }
+
+    onCompletedTask() {
+        this.goBack();
+    }
+
+    onUnclaimTask() {
+        this.goBack();
+    }
+
+    onClaimTask() {
+        this.goBack();
+    }
+
+    onTaskCompleted() {
+        this.goBack();
+    }
+
+    onFormSaved() {
+        this.notificationService.openSnackMessage('Task has been saved successfully');
+    }
+}

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

@@ -0,0 +1,49 @@
+<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"
+            [id]="editedFilter.taskId"
+            [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/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/config-editor/config-editor.component.html

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

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,12 @@
  */
 
 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',
@@ -29,6 +34,8 @@ export class ConfigEditorComponent {
     code: any;
     field = 'content-metadata';
     invalidJson = false;
+    isUserPreference = false;
+    userPreferenceProperty: string;
 
     editorOptions = {
         theme: 'vs-dark',
@@ -43,24 +50,25 @@ export class ConfigEditorComponent {
         this.indentCode();
     }
 
-    constructor(private appConfig: AppConfigService, private notificationService: NotificationService) {
+    constructor(private appConfig: AppConfigService,
+                private userPreferencesService: UserPreferencesService,
+                private notificationService: NotificationService) {
         this.code = JSON.stringify(appConfig.config['content-metadata']);
     }
 
     onSave() {
         try {
-            this.appConfig.config[this.field] = JSON.parse(this.editor.getValue());
+            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,
-                4000
-            );
+            this.notificationService.openSnackMessage('Wrong Code configuration ' + error);
         } finally {
             if (!this.invalidJson) {
-                this.notificationService.openSnackMessage(
-                    'Saved'
-                );
+                this.notificationService.openSnackMessage('Saved');
             }
         }
     }
@@ -70,41 +78,115 @@ export class ConfigEditorComponent {
     }
 
     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();

demo-shell/src/app/components/config-editor/config-editor.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/confirm-dialog/confirm-dialog-example.component.html

@@ -0,0 +1,18 @@
+<mat-accordion>
+    <mat-expansion-panel>
+      <mat-expansion-panel-header>
+        <mat-panel-title>
+          Confirm Dialog Default Behaviour
+        </mat-panel-title>
+      </mat-expansion-panel-header>
+      <button mat-raised-button (click)="openConfirmDefaultDialog()">Open Default Dialog</button>
+    </mat-expansion-panel>
+    <mat-expansion-panel>
+      <mat-expansion-panel-header>
+        <mat-panel-title>
+          Confirm Dialog Custom Template
+        </mat-panel-title>
+      </mat-expansion-panel-header>
+      <button mat-raised-button (click)="openConfirmCustomDialog()">Open Custom Dialog</button>
+    </mat-expansion-panel>
+  </mat-accordion>

demo-shell/src/app/components/confirm-dialog/confirm-dialog-example.component.ts

@@ -0,0 +1,51 @@
+/*!
+ * @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 { MatDialog } from '@angular/material';
+import { ConfirmDialogComponent } from '@alfresco/adf-content-services';
+
+@Component({
+    selector: 'app-confirm-dialog-example',
+    templateUrl: 'confirm-dialog-example.component.html',
+    styleUrls: ['confirm-dialog-example.component.scss']
+})
+export class ConfirmDialogExampleComponent {
+
+    constructor(private dialog: MatDialog) { }
+
+    openConfirmDefaultDialog() {
+        this.dialog.open(ConfirmDialogComponent, {
+            data: {
+                title: 'Upload',
+                message: `This is the default message`
+            },
+            minWidth: '250px'
+        });
+    }
+
+    openConfirmCustomDialog() {
+        this.dialog.open(ConfirmDialogComponent, {
+            data: {
+                title: 'Upload',
+                message: `This is the default message`,
+                htmlContent: '<div> <p>A</p> <p>Custom</p> <p>Content</p> </div>'
+            },
+            minWidth: '250px'
+        });
+    }
+}

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 {