minor fix init script

Co-authored-by: Silviu Popa <p3701014@L3700101120.ness.com>

.github/CODEOWNERS

@@ -10,28 +10,9 @@
 # precedence. When someone opens a pull request that only
 # modifies JS files, only @js-owner and not the global
 # owner(s) will be requested for a review.
-e2e/*   @eromano @cristinaj @gmandakini @marouanbentaleb
-
- # You can also use email addresses if you prefer. They'll be
-# used to look up users just like we do for commit author
-# emails.
-#*.go docs@example.com
-docs/* @m-hulbert  @eromano
-
- # In this example, @doctocat owns any files in the build/logs
-# directory at the root of the repository and any of its
-# subdirectories.
-#/build/logs/ @doctocat
+/e2e/   @eromano @cristinaj
 
  # The `docs/*` pattern will match files like
 # `docs/getting-started.md` but not further nested files like
 # `docs/build-app/troubleshooting.md`.
-#docs/*  docs@example.com
-
- # In this example, @octocat owns any file in an apps directory
-# anywhere in your repository.
-#apps/ @octocat
-
- # In this example, @doctocat owns any file in the `/docs`
-# directory in the root of your repository.
-#/docs/ @doctocat
+/docs/  @m-hulbert  @eromano

.mergify.yml

@@ -0,0 +1,20 @@
+pull_request_rules:
+    - name: automatic merge for Dependabot pull requests
+      conditions:
+          - author=dependabot-preview[bot]
+          - status-success=continuous-integration/travis-ci/pr
+          - status-success=security/snyk - package.json (eromano (GitHub marketplace))
+      actions:
+          merge:
+              method: merge
+    - name: merge when all requested reviews are valid
+      conditions:
+          - status-success=continuous-integration/travis-ci/pr
+          - status-success=security/snyk - package.json (eromano (GitHub marketplace))
+          - '#approved-reviews-by>=1'
+          - '#changes-requested-reviews-by=0'
+          - '#commented-reviews-by=0'
+          - label!="do not merge"
+      actions:
+          merge:
+              method: merge

.snyk

@@ -0,0 +1,46 @@
+# Snyk (https://snyk.io) policy file, patches or ignores known vulnerabilities.
+version: v1.14.1
+ignore: {}
+# patches apply the minimum changes required to fix a vulnerability
+patch:
+  SNYK-JS-HTTPSPROXYAGENT-469131:
+    - '@alfresco/adf-cli > npm-registry-fetch > make-fetch-happen > https-proxy-agent':
+        patched: '2019-11-20T10:48:59.194Z'
+    - '@alfresco/js-api > @alfresco/adf-cli > npm-registry-fetch > make-fetch-happen > https-proxy-agent':
+        patched: '2019-11-20T10:48:59.194Z'
+  SNYK-JS-TREEKILL-536781:
+    - snyk > snyk-sbt-plugin > tree-kill:
+        patched: '2019-12-12T00:35:06.820Z'
+  SNYK-JS-LODASH-567746:
+    - snyk > lodash:
+        patched: '2020-05-01T00:35:43.233Z'
+    - snyk > @snyk/dep-graph > lodash:
+        patched: '2020-05-01T00:35:43.233Z'
+    - snyk > inquirer > lodash:
+        patched: '2020-05-01T00:35:43.233Z'
+    - snyk > snyk-config > lodash:
+        patched: '2020-05-01T00:35:43.233Z'
+    - snyk > snyk-mvn-plugin > lodash:
+        patched: '2020-05-01T00:35:43.233Z'
+    - snyk > snyk-nodejs-lockfile-parser > lodash:
+        patched: '2020-05-01T00:35:43.233Z'
+    - snyk > snyk-nuget-plugin > lodash:
+        patched: '2020-05-01T00:35:43.233Z'
+    - snyk > @snyk/dep-graph > graphlib > lodash:
+        patched: '2020-05-01T00:35:43.233Z'
+    - snyk > snyk-go-plugin > graphlib > lodash:
+        patched: '2020-05-01T00:35:43.233Z'
+    - snyk > snyk-nodejs-lockfile-parser > graphlib > lodash:
+        patched: '2020-05-01T00:35:43.233Z'
+    - snyk > @snyk/snyk-cocoapods-plugin > @snyk/dep-graph > lodash:
+        patched: '2020-05-01T00:35:43.233Z'
+    - snyk > snyk-nuget-plugin > dotnet-deps-parser > lodash:
+        patched: '2020-05-01T00:35:43.233Z'
+    - snyk > snyk-php-plugin > @snyk/composer-lockfile-parser > lodash:
+        patched: '2020-05-01T00:35:43.233Z'
+    - snyk > @snyk/snyk-cocoapods-plugin > @snyk/dep-graph > graphlib > lodash:
+        patched: '2020-05-01T00:35:43.233Z'
+    - snyk > @snyk/snyk-cocoapods-plugin > @snyk/cocoapods-lockfile-parser > @snyk/ruby-semver > lodash:
+        patched: '2020-05-01T00:35:43.233Z'
+    - snyk > @snyk/snyk-cocoapods-plugin > @snyk/cocoapods-lockfile-parser > @snyk/dep-graph > graphlib > lodash:
+        patched: '2020-05-01T00:35:43.233Z'

.stylelintignore

@@ -1 +1,2 @@
 _theming.scss
+lib/core/viewer/components/pdf-viewer-host.component.scss

.travis.yml

@@ -3,11 +3,9 @@ git:
   quiet: true
 
 language: node_js
-dist: trusty
-sudo: required
+dist: bionic
 node_js:
- # Use the explicit NodeJS LTS version 8.9.4 to avoid any automatic upgrade of the version.
-  - '10.16.0'
+  - '12.16.3'
 
 install:
     echo "no install"
@@ -15,44 +13,42 @@ install:
 branches:
   only:
   - master
-  - development
+  - develop
   - /.*old-env.*/
   - /.*next-release.*/
   - /.*beta.*/
   - /.*greenkeeper.*/
 
-# TRAVIS_PULL_REQUEST == false means is running on dev branch and is not a PR
 stages:
   - name: Lint & Build Dist
     if: type = pull_request OR type = api
   - name: Lint & Build Dist & Release
     if: (type = push OR type = cron) AND tag IS blank
+  - name: Update Rancher
+    if: (type = push AND tag IS blank)  OR type = api
+  - name: Deploy PR
+    if: type = pull_request && commit_message =~ /\[create preview\]/
   - name: Check bundle
     if: type = push AND tag IS blank
   - name: Unit test
-    if: (type != cron AND tag IS blank) OR type = api
-  - name: Update Rancher
-    if: (type = push AND tag IS blank)
+    if: (branch != master AND type != cron AND tag IS blank) OR type = api
   - name: e2e Test
-    if: (type != cron AND tag IS blank) OR type = api
-  - name: Update Rancher PR
-    if: type = pull_request
+    if: (branch != master AND type != cron AND tag IS blank) OR type = api
   - name: Update Children Projects
     if: branch = master AND type = push OR (tag =~ .*beta.*)
   - name: Release beta tag
-    if: type = cron
+    if: type = cron OR branch = master
+  - name: Trigger ADF child build
+    if: (branch = develop AND type = push) OR type = api
 
 addons:
     chrome: stable
 before_script:
     - "sudo chown root /opt/google/chrome/chrome-sandbox"
     - "sudo chmod 4755 /opt/google/chrome/chrome-sandbox"
-
-before_install:
-    - export CHROME_BIN=chromium-browser
-    - export DISPLAY=:99.0
-    - sh -e /etc/init.d/xvfb start
-    - sleep 3 # give xvfb some time to start
+    - export GIT_HASH=`git rev-parse HEAD`
+services:
+    - xvfb
 
 jobs:
     include:
@@ -63,16 +59,13 @@ jobs:
             - ./scripts/travis/build/build.sh || exit 1;
             - ./scripts/lint.sh || exit 1;
 
-        # Run Only on Development and master
+        # Run Only on develop and master
         - stage: Lint & Build Dist & Release
           name:  Lint & Build Dist & Release
           script:
             - ./scripts/travis/build/build.sh || exit 1;
             - ./scripts/lint.sh || exit 1;
-            - ./scripts/travis/release/release.sh
-            - TAG_VERSION=$(./scripts/travis/deploy/tag-travis-branch.sh)
-            - echo "Running the docker with tag" $TAG_VERSION
-            - ./node_modules/@alfresco/adf-cli/bin/adf-cli docker-publish --loginCheck --loginUsername "$DOCKER_REPOSITORY_USER" --loginPassword "$DOCKER_REPOSITORY_PASSWORD" --loginRepo "$DOCKER_REPOSITORY_DOMAIN" --dockerRepo "$DOCKER_REPOSITORY" --dockerTags "$TAG_VERSION,$TAGS" --pathProject "$(pwd)"
+            - ./scripts/travis/release/release-npm.sh
 
 
         - stage: Unit test
@@ -80,7 +73,7 @@ jobs:
           script:  ./scripts/travis/unit-test/content.sh
         - stage: Unit test
           name: Unit test core extension demo
-          script: ./scripts/travis/unit-test/core-extension-demo.sh
+          script: ./scripts/travis/unit-test/core-extension.sh
         - stage: Unit test
           name: Unit test process process-cloud insights
           script: ./scripts/travis/unit-test/process.sh
@@ -90,7 +83,7 @@ jobs:
           script: ./scripts/travis/update/update-children.sh
 
         - stage: Release beta tag
-          script: ./scripts/travis/release/git-tag-beta.sh
+          script: ./scripts/travis/release/git-tag.sh
 
 
         - stage: e2e Test
@@ -110,39 +103,36 @@ jobs:
           script: ./scripts/travis/e2e/process-services-cloud-e2e.sh
 
 
+        - stage: Update Rancher
+          name: Update Rancher
+          script: ./scripts/travis/deploy/deploy.sh
+
+        - stage: Deploy PR
+          name: Deploy PR
+          script: ./scripts/travis/deploy/deploy-pr.sh
+
+
         - stage: Check bundle
           script:
           - ADF_VERSION=$(npm view @alfresco/adf-core@${TAG_NPM} version)
           - ./scripts/npm-check-bundles.sh -v ${ADF_VERSION}
 
 
-        - stage: Update Rancher
-          script:
-          - TAG_VERSION=$(./scripts/travis/deploy/tag-travis-branch.sh)
-          - echo "Update rancher with docker tag" $TAG_VERSION  --url $REPO_RANCHER --environment_name $REPO_RANCHER_ADF_NAME
-          - ./scripts/rancher-update.sh --access_key $RANCHER_TOKEN --secret_key $RANCHER_SECRET --url $REPO_RANCHER --environment_name $REPO_RANCHER_ADF_NAME --image docker:$DOCKER_REPOSITORY:$TAG_VERSION
+        - stage: Trigger ADF child build
+          name: Trigger ADF child build
+          script: ./scripts/travis/update/trigger-travis-children.sh --branch $TRAVIS_BRANCH Alfresco $TRAVIS_ACCESS_TOKEN
 
-
-        - stage: Update Rancher PR
-          name: Update Rancher PR
-          script: ./scripts/travis/deploy/deploy.sh
-
-
-before_deploy:
-  # Set up git user name and tag this commit
-  - git config --local user.name "Alfresco"
-  - export TRAVIS_TAG=$(cat package.json | grep version | head -1 | awk -F= "{ print $2 }" | sed 's/[version:,\",]//g' | tr -d '[[:space:]]')
-  - echo "Create tag:" $TRAVIS_TAG
-  - git tag $TRAVIS_TAG
-
-deploy:
-  provider: releases
-  api_key: $GITHUB_TOKEN
-  name: $TRAVIS_TAG
-  body: "Add the release note"
-  skip_cleanup: true
-  on:
-    branch: master
+notifications:
+  slack:
+    on_pull_requests: false
+    rooms:
+      secure: "qcTP/+rhVweMSZZAQMPz4sW7boS8XC0RX1SPYgg7hIfxBr9747WpRLkJ1sirkVaXI/6XfYAyl42CTfPmTuJxIC+co/NSnEDknwVsnKZd0O/ykTpo+mxIN4BTZX8dm+gELR5IEYQPs+Yki3ZnD9b+0mCK1yD8JallKCQeE2U9BhzZhP/Fn0ce35EulybNp3QQDaox0XC+7gadMdxlvK8mzP1scw76wRLtx25QLxxV+OwEw0bzyh8y3onfjHfnoDcUQWRTNdnjapzmgf1LNdC202A5kwp5sJggfSDr+ActRqaMvv4BbMsFpdan34B6zPQJfyZL1r8IB8O8BEKcAaOUVcTjnZAOom8kHS8F07/mo5xnNYmV8oNX2/egr1CiG4U0EAGF2XGqM+vetYnF88LTEzy84kVxmSwKGVfzlGOyTplMXJ1iCENndtfWm1AXhAFj5RSsSAZg6IStTM+mcpnC75moEwQtj8bTenwehHz1HQAjQX7xeTQo27SxDc7oqp1ReyXCllMjKxckjVGmp2j6yxn1Jl55kivBj57vluLtEtziOGluVELP5E2fV0VAuErNhnjLm4LJARVN76PQaTOXYwATVVJJDhb/77TesvxQsr3VfiROEKm7QB7IDFjghjLLisSX67JQ5+7K/qMlqf9+9hNw4n0v1eMylVjt+gyxspc="
+    on_failure: always
+    on_success: change
+    template:
+      - "Repo `%{repository_slug}` *%{result}* build (<%{build_url}|#%{build_number}>) for commit (<%{compare_url}|%{commit}>) on branch `%{branch}`."
+      - "Author: %{author} Execution time: *%{duration}*"
+      - "Message: %{message}"
 
 cache:
   directories:

.vscode/closest-config-finder.sh

@@ -0,0 +1,17 @@
+specFile=$1;
+configFile=$2;
+
+findconfig() {
+  if [ -f "$1" ]; then
+    printf '%s\n' "${PWD%/}/$1"
+  elif [ "$PWD" = / ]; then
+    false
+  else
+    (cd .. && findconfig $1)
+  fi
+}
+
+DIR=$(dirname "$specFile")
+cd $DIR
+configFile=`findconfig "$configFile"`;
+echo "$configFile";

.vscode/launch.json

@@ -0,0 +1,27 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+          "type": "node",
+          "request": "launch",
+          "name": "e2e",
+          "program": "${workspaceFolder}/node_modules/protractor/bin/protractor",
+          "args": [
+              "`${workspaceFolder}/.vscode/closest-config-finder.sh ${file} protractor.conf.ts`",
+              "--specs=${file}"
+          ],
+          "envFile": "${workspaceFolder}/.env",
+          "console": "integratedTerminal",
+          "sourceMaps": true,
+          "smartStep": true,
+          "skipFiles": [
+              "${workspaceFolder}/node_modules/**/*.js",
+              "<node_internals>/**/*.js"
+          ],
+          "internalConsoleOptions": "neverOpen"
+      }
+    ]
+}

Dockerfile

@@ -1,41 +1,10 @@
-# 1. Generate licenses
-
-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" ]

README.md

@@ -2,8 +2,8 @@
 
 | branch | status |
 | --- | --- |
-| master | [![Build Status](https://travis-ci.org/Alfresco/alfresco-ng2-components.svg?branch=master)](https://travis-ci.org/Alfresco/alfresco-ng2-components) |
-| development | [![Build Status](https://travis-ci.org/Alfresco/alfresco-ng2-components.svg?branch=development)](https://travis-ci.org/Alfresco/alfresco-ng2-components) |
+| master | [![Build Status](https://travis-ci.com/Alfresco/alfresco-ng2-components.svg?branch=master)](https://travis-ci.com/Alfresco/alfresco-ng2-components) |
+| develop | [![Build Status](https://travis-ci.com/Alfresco/alfresco-ng2-components.svg?branch=develop)](https://travis-ci.com/Alfresco/alfresco-ng2-components) |
 
 [![Codacy Badge](https://api.codacy.com/project/badge/Grade/d9eb873741da403bb3284778102372e7)](https://www.codacy.com/app/Alfresco/alfresco-ng2-components?utm_source=github.com&utm_medium=referral&utm_content=Alfresco/alfresco-ng2-components&utm_campaign=badger)
 [![Join the chat at https://gitter.im/Alfresco/alfresco-ng2-components](https://badges.gitter.im/Alfresco/alfresco-ng2-components.svg)](https://gitter.im/Alfresco/alfresco-ng2-components?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
@@ -65,5 +65,5 @@ All components are supported in the following browsers:
 
 * Due to a [known issue](https://bugzilla.mozilla.org/show_bug.cgi?id=1188880) in Firefox, the Alfresco Upload Component does not currently support folder upload functionality on Firefox.    
 
-See the [Browser Support](BROWSER-SUPPORT.md) article for more details. 
+See the [Browser Support](BROWSER-SUPPORT.md) article for more details.
 

angular.json

@@ -101,6 +101,15 @@
               "vendorChunk": true,
               "buildOptimizer": true,
               "verbose": false,
+              "budgets": [
+                {
+                  "type": "bundle",
+                  "name": "vendor",
+                  "baseline": "4.2MB",
+                  "warning": "4.5MB",
+                  "error": "5.0MB"
+                }
+              ],
               "fileReplacements": [
                 {
                   "replace": "demo-shell/src/environments/environment.ts",
@@ -252,6 +261,7 @@
             },
             "assets": [
               "demo-shell/src/assets",
+              "demo-shell/src/favicon-96x96.png",
               "demo-shell/src/app.config.json",
               {
                 "glob": "**/*",
@@ -285,17 +295,17 @@
               },
               {
                 "glob": "**/*",
-                "input": "lib/process-services/assets",
+                "input": "lib/process-services/src/lib/assets",
                 "output": "/assets"
               },
               {
                 "glob": "**/*",
-                "input": "lib/process-services-cloud/assets",
+                "input": "lib/process-services-cloud/src/lib/assets",
                 "output": "/assets"
               },
               {
                 "glob": "**/*",
-                "input": "lib/content-services/assets",
+                "input": "lib/content-services/src/lib/assets",
                 "output": "/assets"
               },
               {
@@ -305,7 +315,7 @@
               },
               {
                 "glob": "**/*",
-                "input": "lib/content-services/i18n",
+                "input": "lib/content-services/src/lib/i18n",
                 "output": "/assets/adf-content-services/i18n"
               },
               {
@@ -421,6 +431,7 @@
             ],
             "assets": [
               "demo-shell/src/assets",
+              "demo-shell/src/favicon-96x96.png",
               "demo-shell/src/app.config.json",
               {
                 "glob": "**/*",
@@ -454,17 +465,17 @@
               },
               {
                 "glob": "**/*",
-                "input": "lib/process-services/assets",
+                "input": "lib/process-services/src/lib/assets",
                 "output": "/assets"
               },
               {
                 "glob": "**/*",
-                "input": "lib/process-services-cloud/assets",
+                "input": "lib/process-services-cloud/src/lib/assets",
                 "output": "/assets"
               },
               {
                 "glob": "**/*",
-                "input": "lib/content-services/assets",
+                "input": "lib/content-services/src/lib/assets",
                 "output": "/assets"
               },
               {
@@ -474,7 +485,7 @@
               },
               {
                 "glob": "**/*",
-                "input": "lib/content-services/i18n",
+                "input": "lib/content-services/src/lib/i18n",
                 "output": "/assets/adf-content-services/i18n"
               },
               {
@@ -838,6 +849,20 @@
           }
         }
       }
+    },
+    "cli": {
+      "root": "lib/cli",
+      "sourceRoot": "lib/cli",
+      "projectType": "library",
+      "prefix": "adf",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-ng-packagr:build",
+          "options": {
+            "tsConfig": "lib/cli/tsconfig.json"
+          }
+        }
+      }
     }
   },
   "defaultProject": "dist"

cspell.json

@@ -131,7 +131,16 @@
     "devops",
     "mouseenter",
     "starteventform",
-    "formtotestvalidations"
+    "formtotestvalidations",
+    "requirednumbervisibility",
+    "numbervisibilityprocess",
+    "booleanvisibilityprocess",
+    "booleanvisibility",
+    "processparent",
+    "uploadfileform",
+    "processwithstarteventform",
+    "processstring",
+    "typeahed"
   ],
   "dictionaries": [
     "html",

demo-shell/e2e/tsconfig.e2e.json

@@ -6,6 +6,7 @@
     "target": "es5",
     "types":[
       "jasmine",
+      "jasminewd2",
       "node"
     ]
   }

demo-shell/package.json

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

demo-shell/resources/i18n/ar.json

@@ -63,7 +63,7 @@
     "NOTIFICATIONS": "إعلامات",
     "TASK_LIST": "قائمة المهام",
     "PROCESS_LIST": "مهام عملية",
-    "PROCESS_CLOUD": "سحابة العملية",
+    "PROCESS_CLOUD": "Activiti Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "دخول",
@@ -94,6 +94,12 @@
     "TREE_VIEW": "طريقة عرض الشجرة",
     "ICONS": "أيقونات",
     "PEOPLE_GROUPS_CLOUD": "سحابة الأشخاص/المجموعة",
+    "TASK_HEADER_CLOUD": {
+      "COMPONENT_NAME": "عنوان مهمة السحابة",
+      "APP_NAME_INPUT": "اسم التطبيق",
+      "TASK_ID_INPUT": "معرف المهمة",
+      "FIND_TASK_BUTTON": "بحث عن المهمة"
+    },
     "PEOPLE_CLOUD": "مكون سحابة الأشخاص",
     "GROUPS_CLOUD": "مكون سحابة المجموعة",
     "CONFIRM-DIALOG": "مربع حوار التأكيد",
@@ -264,14 +270,16 @@
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "صفحة البدء"
-    }
+    },
+    "TASK_CONTEXT_MENU": "قائمة سياق قائمة المهام"
   },
   "PROCESS_LIST_DEMO": {
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "إدراج معرف التطبيق",
       "APP_ID_TYPE_ERROR": "يجب أن يكون معرف التطبيق رقمًا",
       "NUMBER_GREATER_THAN": "يجب أن تكون القيمة أكبر من {{ value }} أو تساويها"
-    }
+    },
+    "PROCESS_CONTEXT_MENU": "قائمة سياق قائمة العمليات"
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "الترجمة الأولى للعنوان المخصص",
   "GROUP-TITLE2-TRANSLATION-KEY": "الترجمة الثانية للعنوان المخصص",
@@ -302,7 +310,12 @@
     "APP_NAME": "اسم التطبيق",
     "APP_FILTER_MODE": "التصفية حسب اسم التطبيق",
     "ROLE_FILTER_MODE": "التصفية حسب الدور",
-    "PRESELECT_VALIDATION": "التحديد المسبق للتحقق من الصحة"
+    "PRESELECT_VALIDATION": "التحديد المسبق للتحقق من الصحة",
+    "ALL_PRESELECTED_USERS": "كل المستخدمين المحددين مسبقًا",
+    "ALL_PRESELECTED_GROUPS": "كل المجموعات المحددة مسبقًا",
+    "INVALID_USERS": "المستخدمون غير الصالحين",
+    "INVALID_GROUPS": "مجموعات غير صالحة",
+    "READONLY_MODE": "وضع القراءة فقط"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "تحديد متعدد",

demo-shell/resources/i18n/cs.json

@@ -94,6 +94,12 @@
     "TREE_VIEW": "Stromová struktura",
     "ICONS": "Ikony",
     "PEOPLE_GROUPS_CLOUD": "Cloud osob/skupin",
+    "TASK_HEADER_CLOUD": {
+      "COMPONENT_NAME": "Záhlaví úkolu cloudové komponenty",
+      "APP_NAME_INPUT": "Název aplikace",
+      "TASK_ID_INPUT": "ID úkolu",
+      "FIND_TASK_BUTTON": "Najít úkol"
+    },
     "PEOPLE_CLOUD": "Součást cloudu osob",
     "GROUPS_CLOUD": "Součást cloudu skupin",
     "CONFIRM-DIALOG": "Dialogové okno s potvrzením",
@@ -264,14 +270,16 @@
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Počáteční strana"
-    }
+    },
+    "TASK_CONTEXT_MENU": "Místní nabídka Seznam úkolů"
   },
   "PROCESS_LIST_DEMO": {
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "Vložit ID aplikace",
       "APP_ID_TYPE_ERROR": "ID aplikace musí být číslo",
       "NUMBER_GREATER_THAN": "Hodnota musí být rovna nebo větší než {{ value }}"
-    }
+    },
+    "PROCESS_CONTEXT_MENU": "Místní nabídka Seznam procesů"
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Vlastní překlad názvu 1",
   "GROUP-TITLE2-TRANSLATION-KEY": "Vlastní překlad názvu 2",
@@ -302,7 +310,12 @@
     "APP_NAME": "Název aplikace",
     "APP_FILTER_MODE": "Filtrovat podle názvu aplikace",
     "ROLE_FILTER_MODE": "Filtrovat podle role",
-    "PRESELECT_VALIDATION": "Ověření předvolené hodnoty"
+    "PRESELECT_VALIDATION": "Ověření předvolené hodnoty",
+    "ALL_PRESELECTED_USERS": "Všichni předvolení uživatelé",
+    "ALL_PRESELECTED_GROUPS": "Všechny předvolené skupiny",
+    "INVALID_USERS": "Neplatní uživatelé",
+    "INVALID_GROUPS": "Neplatné skupiny",
+    "READONLY_MODE": "Režim jen pro čtení"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Hromadný výběr",

demo-shell/resources/i18n/da.json

@@ -63,7 +63,7 @@
     "NOTIFICATIONS": "Meddelelser",
     "TASK_LIST": "Opgaveliste",
     "PROCESS_LIST": "Procesliste",
-    "PROCESS_CLOUD": "Activiti Cloud",
+    "PROCESS_CLOUD": "Proces Cloud",
     "CARD_VIEW": "Kortvisning",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Log ind",
@@ -94,6 +94,12 @@
     "TREE_VIEW": "Trævisning",
     "ICONS": "Ikoner",
     "PEOPLE_GROUPS_CLOUD": "Person/gruppecloud",
+    "TASK_HEADER_CLOUD": {
+      "COMPONENT_NAME": "Opgaveheader for cloud",
+      "APP_NAME_INPUT": "Appnavn",
+      "TASK_ID_INPUT": "Opgave-id",
+      "FIND_TASK_BUTTON": "Find opgave"
+    },
     "PEOPLE_CLOUD": "Personcloudkomponent",
     "GROUPS_CLOUD": "Gruppecloudkomponent",
     "CONFIRM-DIALOG": "Bekræftelsesdialogboks",
@@ -264,14 +270,16 @@
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Startside"
-    }
+    },
+    "TASK_CONTEXT_MENU": "Opgave Liste Kontekst Menu"
   },
   "PROCESS_LIST_DEMO": {
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "Indsæt app-id",
       "APP_ID_TYPE_ERROR": "App-id'et skal være et tal",
       "NUMBER_GREATER_THAN": "Værdien skal være større end eller lig med {{ value }}"
-    }
+    },
+    "PROCESS_CONTEXT_MENU": "Proces Liste Kontekst Menu"
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Brugerdefineret titel oversættelse et",
   "GROUP-TITLE2-TRANSLATION-KEY": "Brugerdefineret titel oversættelse to",
@@ -302,7 +310,12 @@
     "APP_NAME": "Appnavn",
     "APP_FILTER_MODE": "Filtrer efter appnavn",
     "ROLE_FILTER_MODE": "Filtrer efter rolle",
-    "PRESELECT_VALIDATION": "Forudvælg validering"
+    "PRESELECT_VALIDATION": "Forudvælg validering",
+    "ALL_PRESELECTED_USERS": "Alle forudvalgte brugere",
+    "ALL_PRESELECTED_GROUPS": "Alle forudvalgte grupper",
+    "INVALID_USERS": "Ugyldige brugere",
+    "INVALID_GROUPS": "Ugyldige grupper",
+    "READONLY_MODE": "Skrivebeskyttet tilstand"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Multivalg",

demo-shell/resources/i18n/de.json

@@ -94,6 +94,12 @@
     "TREE_VIEW": "Strukturansicht",
     "ICONS": "Symbole",
     "PEOPLE_GROUPS_CLOUD": "Personen-/Gruppen-Cloud",
+    "TASK_HEADER_CLOUD": {
+      "COMPONENT_NAME": "Aufgaben-Header für Cloud",
+      "APP_NAME_INPUT": "Anwendungsname",
+      "TASK_ID_INPUT": "Aufgaben-ID",
+      "FIND_TASK_BUTTON": "Aufgabe suchen"
+    },
     "PEOPLE_CLOUD": "Personen-Cloud-Komponente",
     "GROUPS_CLOUD": "Gruppen-Cloud-Komponente",
     "CONFIRM-DIALOG": "Bestätigungsdialog",
@@ -264,14 +270,16 @@
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Startseite"
-    }
+    },
+    "TASK_CONTEXT_MENU": "Aufgabenlisten-Kontextmenü"
   },
   "PROCESS_LIST_DEMO": {
     "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"
-    }
+    },
+    "PROCESS_CONTEXT_MENU": "Prozesslisten-Kontextmenü"
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Übersetzung benutzerdefinierter Titel 1",
   "GROUP-TITLE2-TRANSLATION-KEY": "Übersetzung benutzerdefinierter Titel 2",
@@ -302,7 +310,12 @@
     "APP_NAME": "Anwendungsname",
     "APP_FILTER_MODE": "Nach Anwendungsname filtern",
     "ROLE_FILTER_MODE": "Nach Rolle filtern",
-    "PRESELECT_VALIDATION": "Vorauswahl-Prüfung"
+    "PRESELECT_VALIDATION": "Vorauswahl-Prüfung",
+    "ALL_PRESELECTED_USERS": "Alle vorausgewählten Benutzer",
+    "ALL_PRESELECTED_GROUPS": "Alle vorausgewählten Gruppen",
+    "INVALID_USERS": "Unzulässige Benutzer",
+    "INVALID_GROUPS": "Unzulässige Gruppen",
+    "READONLY_MODE": "Schreibgeschützter Modus"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Mehrfachauswahl",

demo-shell/resources/i18n/en.json

@@ -21,7 +21,8 @@
       "SHOW_COMMENTS": "Show comments on versions",
       "ALLOW_DOWNLOAD": "Enable version download",
       "READ_ONLY": "Read-only",
-      "COMMENTS": "Show comments"
+      "COMMENTS": "Show comments",
+      "VERSION_COMPARISON": "Show version comparison"
     },
     "PERSONAL-FILES": "Personal Files",
     "WARN-MULTIPLE-UPLOADS": "Display warning for multiple uploads.",
@@ -94,6 +95,12 @@
     "TREE_VIEW": "Tree View",
     "ICONS": "Icons",
     "PEOPLE_GROUPS_CLOUD": "People/Group Cloud",
+    "TASK_HEADER_CLOUD": {
+      "COMPONENT_NAME": "Task Header Cloud",
+      "APP_NAME_INPUT": "App name",
+      "TASK_ID_INPUT": "Task id",
+      "FIND_TASK_BUTTON": "Find Task"
+    },
     "PEOPLE_CLOUD": "People Cloud Component",
     "GROUPS_CLOUD": "Groups Cloud Component",
     "CONFIRM-DIALOG": "Confirmation Dialog",
@@ -113,7 +120,7 @@
   "DOCUMENT_LIST": {
     "MULTISELECT_CHECKBOXES": "Multiselect (with checkboxes)",
     "THUMBNAILS": "Enable Thumbnails",
-    "ALLOW_DROP_FILES": "Enable Drop Files in a folder",
+    "ALLOW_DROP_FILES": "Enable Drop Files in a folder or a file",
     "MULTIPLE_FILE_UPLOAD": "Multiple File Upload",
     "FOLDER_UPLOAD": "Folder upload",
     "CUSTOM_FILTER": "Custom extensions filter",
@@ -264,14 +271,16 @@
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Starting page"
-    }
+    },
+    "TASK_CONTEXT_MENU": "Task List Context Menu"
   },
   "PROCESS_LIST_DEMO": {
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "Insert App ID",
       "APP_ID_TYPE_ERROR": "App ID must be a number",
       "NUMBER_GREATER_THAN": "Value must be greater than or equal to {{ value }}"
-    }
+    },
+    "PROCESS_CONTEXT_MENU": "Process List Context Menu"
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "CUSTOM TITLE TRANSLATION ONE",
   "GROUP-TITLE2-TRANSLATION-KEY": "CUSTOM TITLE TRANSLATION TWO",
@@ -302,7 +311,12 @@
     "APP_NAME": "Application Name",
     "APP_FILTER_MODE": "Filter by application name",
     "ROLE_FILTER_MODE": "Filter by role",
-    "PRESELECT_VALIDATION": "Preselect validation"
+    "PRESELECT_VALIDATION": "Preselect validation",
+    "ALL_PRESELECTED_USERS": "All Preselected Users",
+    "ALL_PRESELECTED_GROUPS": "All Preselected Groups",
+    "INVALID_USERS": "Invalid Users",
+    "INVALID_GROUPS": "Invalid Groups",
+    "READONLY_MODE": "Read-only Mode"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Multiselection",

demo-shell/resources/i18n/es.json

@@ -94,6 +94,12 @@
     "TREE_VIEW": "Vista de árbol",
     "ICONS": "Iconos",
     "PEOPLE_GROUPS_CLOUD": "Personas/Grupos en la nube",
+    "TASK_HEADER_CLOUD": {
+      "COMPONENT_NAME": "Encabezados de tareas en componente nube",
+      "APP_NAME_INPUT": "Nombre de aplicación",
+      "TASK_ID_INPUT": "ID de tarea",
+      "FIND_TASK_BUTTON": "Buscar tarea"
+    },
     "PEOPLE_CLOUD": "Componente en la nube de personas",
     "GROUPS_CLOUD": "Componente en la nube de grupos",
     "CONFIRM-DIALOG": "Cuadro de diálogo de confirmación",
@@ -106,7 +112,7 @@
     },
     "EMPTY_STATE": {
       "TITLE": "La papelera está vacía",
-      "FIRST_TEXT": "Los elementos que elimine se trasladan a la papelera.",
+      "FIRST_TEXT": "Los elementos que elimine se moverán a la papelera.",
       "SECOND_TEXT": "Vacíe la papelera para eliminar los elementos permanentemente."
     }
   },
@@ -217,7 +223,7 @@
     "PROCESS_SERVICES": "Process Services",
     "LOGIN_FOOTER": "Pie del inicio de sesión",
     "SHOW_REMEMBERME": "Mostrar opción para recordarme",
-    "SHOW_SUCCESS_ROUTE": "Permitir ruta correcta",
+    "SHOW_SUCCESS_ROUTE": "Mostrar ruta correcta",
     "CUSTOM_LOGO": "Logotipo personalizado"
   },
   "SEARCH": {
@@ -264,14 +270,16 @@
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Inicio de página"
-    }
+    },
+    "TASK_CONTEXT_MENU": "Menú de contexto Lista de tareas"
   },
   "PROCESS_LIST_DEMO": {
     "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 }}"
-    }
+    },
+    "PROCESS_CONTEXT_MENU": "Menú de contexto Lista de procesos"
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Traducción de título personalizado 1",
   "GROUP-TITLE2-TRANSLATION-KEY": "Traducción de título personalizado 2",
@@ -302,7 +310,12 @@
     "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"
+    "PRESELECT_VALIDATION": "Preseleccionar validación",
+    "ALL_PRESELECTED_USERS": "Todos los usuarios preseleccionados",
+    "ALL_PRESELECTED_GROUPS": "Todos los grupos preseleccionados",
+    "INVALID_USERS": "Usuarios no válidos",
+    "INVALID_GROUPS": "Grupos no válidos",
+    "READONLY_MODE": "Modo de solo lectura"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Selección múltiple",

demo-shell/resources/i18n/fi.json

@@ -63,7 +63,7 @@
     "NOTIFICATIONS": "Ilmoitukset",
     "TASK_LIST": "Tehtäväluettelo",
     "PROCESS_LIST": "Prosessiluettelo",
-    "PROCESS_CLOUD": "Prosessipilvi",
+    "PROCESS_CLOUD": "Activiti Cloud",
     "CARD_VIEW": "Korttinäkymä",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Kirjaudu sisään",
@@ -94,6 +94,12 @@
     "TREE_VIEW": "Puunäkymä",
     "ICONS": "Kuvakkeet",
     "PEOPLE_GROUPS_CLOUD": "Ihmispilvi/Ryhmäpilvi",
+    "TASK_HEADER_CLOUD": {
+      "COMPONENT_NAME": "Tehtävänimikepilvi",
+      "APP_NAME_INPUT": "Sovelluksen nimi",
+      "TASK_ID_INPUT": "Tehtävän tunnus",
+      "FIND_TASK_BUTTON": "Etsi tehtävä"
+    },
     "PEOPLE_CLOUD": "Ihmispilvi-komponentti",
     "GROUPS_CLOUD": "Ryhmäpilvi-komponentti",
     "CONFIRM-DIALOG": "Vahvistusvalintaikkuna",
@@ -264,14 +270,16 @@
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Aloitussivu"
-    }
+    },
+    "TASK_CONTEXT_MENU": "Tehtäväluettelon pikavalikko"
   },
   "PROCESS_LIST_DEMO": {
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "Lisää sovellustunnus",
       "APP_ID_TYPE_ERROR": "Sovellustunnuksen täytyy olla numero",
       "NUMBER_GREATER_THAN": "Arvon täytyy olla yhtä suuri tai suurempi kuin {{ value }}"
-    }
+    },
+    "PROCESS_CONTEXT_MENU": "Prosessiluettelon pikavalikko"
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Oma otsikkokäännös yksi",
   "GROUP-TITLE2-TRANSLATION-KEY": "Oma otsikkokäännös kaksi",
@@ -302,7 +310,12 @@
     "APP_NAME": "Sovelluksen nimi",
     "APP_FILTER_MODE": "Suodata sovelluksen nimen perusteella",
     "ROLE_FILTER_MODE": "Suodata roolin perusteella",
-    "PRESELECT_VALIDATION": "Vahvistus esivalittu"
+    "PRESELECT_VALIDATION": "Vahvistus esivalittu",
+    "ALL_PRESELECTED_USERS": "Kaikki esivalitut käyttäjät",
+    "ALL_PRESELECTED_GROUPS": "Kaikki esivalitut ryhmät",
+    "INVALID_USERS": "Kelpaamattomat käyttäjät",
+    "INVALID_GROUPS": "Kelpaamattomat ryhmät",
+    "READONLY_MODE": "Vain luku -tila"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Monivalinta",

demo-shell/resources/i18n/fr.json

@@ -94,6 +94,12 @@
     "TREE_VIEW": "Arborescence",
     "ICONS": "Icônes",
     "PEOPLE_GROUPS_CLOUD": "Cloud des personnes/groupes",
+    "TASK_HEADER_CLOUD": {
+      "COMPONENT_NAME": "En-tête de la tâche du composant cloud",
+      "APP_NAME_INPUT": "Nom de l'application",
+      "TASK_ID_INPUT": "ID de la tâche",
+      "FIND_TASK_BUTTON": "Trouver la tâche"
+    },
     "PEOPLE_CLOUD": "Composant cloud des personnes",
     "GROUPS_CLOUD": "Composant cloud des groupes",
     "CONFIRM-DIALOG": "Boîte de dialogue de confirmation",
@@ -264,14 +270,16 @@
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Démarrage de la page"
-    }
+    },
+    "TASK_CONTEXT_MENU": "Menu contextuel Liste des tâches"
   },
   "PROCESS_LIST_DEMO": {
     "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 }}"
-    }
+    },
+    "PROCESS_CONTEXT_MENU": "Menu contextuel Liste des processus"
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Titre personnalisé traduction un",
   "GROUP-TITLE2-TRANSLATION-KEY": "Titre personnalisé traduction deux",
@@ -302,7 +310,12 @@
     "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"
+    "PRESELECT_VALIDATION": "Validation présélectionnée",
+    "ALL_PRESELECTED_USERS": "Tous les utilisateurs présélectionnés",
+    "ALL_PRESELECTED_GROUPS": "Tous les groupes présélectionnés",
+    "INVALID_USERS": "Utilisateurs non valides",
+    "INVALID_GROUPS": "Groupes non valides",
+    "READONLY_MODE": "Mode lecture seule"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Multisélection",

demo-shell/resources/i18n/it.json

@@ -4,14 +4,14 @@
       "TITLE": "Dettagli",
       "COMMENTS": "Commenti",
       "PROPERTIES": "Proprietà",
-      "VERSIONS": "Versione"
+      "VERSIONS": "Versioni"
     },
     "HOME": {
       "TITLE": "Componenti angolari per Alfresco",
       "DOCUMENTATION": "Documentazione"
     },
     "LOGOUT": {
-      "TITLE": "Pagina di uscita",
+      "TITLE": "Pagina di logout",
       "SUB_TITLE": "Utente disconnesso",
       "LOGIN": "Login",
       "HOME": "Home"
@@ -19,7 +19,7 @@
     "ADF_VERSION_MANAGER": {
       "ALLOW_DELETE": "Consenti eliminazione",
       "SHOW_COMMENTS": "Mostra commenti sulle versioni",
-      "ALLOW_DOWNLOAD": "Abilita download versioni",
+      "ALLOW_DOWNLOAD": "Abilita scaricamento versioni",
       "READ_ONLY": "Sola lettura",
       "COMMENTS": "Mostra commenti"
     },
@@ -38,8 +38,8 @@
   },
   "title": "Benvenuto",
   "VERSION": {
-    "NO_PERMISSION": "Non hai il permesso di gestire versioni di questo contenuto",
-    "NO_PERMISSION_EVENT": "Non hai il permesso ${event.permission} di ${event.action} ${event.type}",
+    "NO_PERMISSION": "Non si dispone dei permessi per gestire versioni di questo contenuto",
+    "NO_PERMISSION_EVENT": "Non si dispone dei permessi ${event.permission} di ${event.action} ${event.type}",
     "CHOOSE_FILE": "Seleziona un file per visualizzarne le versioni",
     "DIALOG": {
       "CLOSE": "Chiudi",
@@ -61,7 +61,7 @@
     "CONTENT_SERVICES": "Content Services",
     "BREADCRUMB": "Breadcrumb",
     "NOTIFICATIONS": "Notifiche",
-    "TASK_LIST": "Elenco attività",
+    "TASK_LIST": "Elenco compiti",
     "PROCESS_LIST": "Elenco processi",
     "PROCESS_CLOUD": "Activiti Cloud",
     "CARD_VIEW": "CardView",
@@ -94,6 +94,12 @@
     "TREE_VIEW": "Vista struttura",
     "ICONS": "Icone",
     "PEOPLE_GROUPS_CLOUD": "Cloud persone/gruppi",
+    "TASK_HEADER_CLOUD": {
+      "COMPONENT_NAME": "Cloud intestazione compito",
+      "APP_NAME_INPUT": "Nome applicazione",
+      "TASK_ID_INPUT": "ID compito",
+      "FIND_TASK_BUTTON": "Trova compito"
+    },
     "PEOPLE_CLOUD": "Componente Cloud persone",
     "GROUPS_CLOUD": "Componente Cloud gruppi",
     "CONFIRM-DIALOG": "Finestra di conferma",
@@ -112,7 +118,7 @@
   },
   "DOCUMENT_LIST": {
     "MULTISELECT_CHECKBOXES": "Selezione multipla (con caselle di spunta)",
-    "THUMBNAILS": "Abilita anteprime",
+    "THUMBNAILS": "Abilita miniature",
     "ALLOW_DROP_FILES": "Abilita trascinamento di file in una cartella",
     "MULTIPLE_FILE_UPLOAD": "Caricamento di file multipli",
     "FOLDER_UPLOAD": "Caricamento cartelle",
@@ -145,7 +151,7 @@
       "SHARE_EDIT": "Modifica impostazioni",
       "NEW_FOLDER": "Nuova cartella",
       "EDIT_FOLDER": "Modifica cartella",
-      "DOWNLOAD": "Download",
+      "DOWNLOAD": "Scarica",
       "DELETE": "Elimina",
       "FAVORITES": "Aggiungi ai preferiti",
       "SHARE": "Condividi",
@@ -159,7 +165,7 @@
       "VERSIONS": "Gestione versioni",
       "LOCK": "Blocca",
       "METADATA": "Informazioni",
-      "DOWNLOAD": "Download",
+      "DOWNLOAD": "Scarica",
       "PERMISSION": "Permesso",
       "FOLDER": {
         "COPY": "Copia",
@@ -257,21 +263,23 @@
   },
   "TASK_LIST_DEMO": {
     "ERROR_MESSAGE": {
-      "APP_ID_REQUIRED_ERROR": "Inserisci ID app",
-      "APP_ID_TYPE_ERROR": "L'ID app deve essere un numero",
+      "APP_ID_REQUIRED_ERROR": "Inserisci ID applicazione",
+      "APP_ID_TYPE_ERROR": "L'ID applicazione 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"
-    }
+    },
+    "TASK_CONTEXT_MENU": "Menu di scelta rapida Elenco compiti"
   },
   "PROCESS_LIST_DEMO": {
     "ERROR_MESSAGE": {
-      "APP_ID_REQUIRED_ERROR": "Inserisci ID app",
-      "APP_ID_TYPE_ERROR": "L'ID app deve essere un numero",
+      "APP_ID_REQUIRED_ERROR": "Inserisci ID applicazione",
+      "APP_ID_TYPE_ERROR": "L'ID applicazione deve essere un numero",
       "NUMBER_GREATER_THAN": "Il valore deve essere maggiore o uguale a {{ value }}"
-    }
+    },
+    "PROCESS_CONTEXT_MENU": "Menu di scelta rapida Elenco processi"
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Custom Title Translation One",
   "GROUP-TITLE2-TRANSLATION-KEY": "Custom Title Translation Two",
@@ -302,7 +310,12 @@
     "APP_NAME": "Nome applicazione",
     "APP_FILTER_MODE": "Filtra per nome applicazione",
     "ROLE_FILTER_MODE": "Filtra per ruolo",
-    "PRESELECT_VALIDATION": "Convalida preselezione"
+    "PRESELECT_VALIDATION": "Convalida preselezione",
+    "ALL_PRESELECTED_USERS": "Tutti gli utenti preselezionati",
+    "ALL_PRESELECTED_GROUPS": "Tutti i gruppi preselezionati",
+    "INVALID_USERS": "Utenti non validi",
+    "INVALID_GROUPS": "Gruppi non validi",
+    "READONLY_MODE": "Modalità sola lettura"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Selezione multipla",

demo-shell/resources/i18n/ja.json

@@ -94,6 +94,12 @@
     "TREE_VIEW": "ツリービュー",
     "ICONS": "アイコン",
     "PEOPLE_GROUPS_CLOUD": "メンバー/グループのクラウド",
+    "TASK_HEADER_CLOUD": {
+      "COMPONENT_NAME": "クラウドのタスクヘッダー",
+      "APP_NAME_INPUT": "アプリケーション名",
+      "TASK_ID_INPUT": "タスク ID",
+      "FIND_TASK_BUTTON": "タスクの検索"
+    },
     "PEOPLE_CLOUD": "メンバーのクラウドコンポーネント",
     "GROUPS_CLOUD": "グループのクラウドコンポーネント",
     "CONFIRM-DIALOG": "確認ダイアログ",
@@ -264,14 +270,16 @@
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "開始ページ"
-    }
+    },
+    "TASK_CONTEXT_MENU": "タスクリストのコンテキストメニュー"
   },
   "PROCESS_LIST_DEMO": {
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "アプリケーション ID を挿入してください",
       "APP_ID_TYPE_ERROR": "アプリケーション ID は数字でなければなりません",
       "NUMBER_GREATER_THAN": "値は {{ value }} 以上でなければなりません"
-    }
+    },
+    "PROCESS_CONTEXT_MENU": "プロセスリストのコンテキストメニュー"
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "カスタムのタイトル翻訳 1",
   "GROUP-TITLE2-TRANSLATION-KEY": "カスタムのタイトル翻訳 2",
@@ -302,7 +310,12 @@
     "APP_NAME": "アプリケーション名",
     "APP_FILTER_MODE": "アプリケーション名でフィルタ",
     "ROLE_FILTER_MODE": "役割でフィルタ",
-    "PRESELECT_VALIDATION": "事前選択の検証"
+    "PRESELECT_VALIDATION": "事前選択の検証",
+    "ALL_PRESELECTED_USERS": "選択されている全ユーザー",
+    "ALL_PRESELECTED_GROUPS": "選択されている全グループ",
+    "INVALID_USERS": "無効なユーザー",
+    "INVALID_GROUPS": "無効なグループ",
+    "READONLY_MODE": "読み取り専用モード"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "複数選択",

demo-shell/resources/i18n/nb.json

@@ -94,6 +94,12 @@
     "TREE_VIEW": "Trevisning",
     "ICONS": "Ikoner",
     "PEOPLE_GROUPS_CLOUD": "Person-/gruppesky",
+    "TASK_HEADER_CLOUD": {
+      "COMPONENT_NAME": "Oppgaveoverskrift for sky",
+      "APP_NAME_INPUT": "Navn på app",
+      "TASK_ID_INPUT": "Oppgave-ID",
+      "FIND_TASK_BUTTON": "Finn oppgave"
+    },
     "PEOPLE_CLOUD": "Personsky-komponent",
     "GROUPS_CLOUD": "Gruppesky-kompontent",
     "CONFIRM-DIALOG": "Bekreftelsesdialog",
@@ -264,14 +270,16 @@
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Starter side"
-    }
+    },
+    "TASK_CONTEXT_MENU": "Kontekstmeny for oppgaveliste"
   },
   "PROCESS_LIST_DEMO": {
     "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 }}"
-    }
+    },
+    "PROCESS_CONTEXT_MENU": "Kontekstmeny for prosessliste"
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Egendefinert tittel, oversettelse én",
   "GROUP-TITLE2-TRANSLATION-KEY": "Egendefinert tittel, oversettelse to",
@@ -302,7 +310,12 @@
     "APP_NAME": "Programnavn",
     "APP_FILTER_MODE": "Filtrer etter programnavn",
     "ROLE_FILTER_MODE": "Filtrer etter rolle",
-    "PRESELECT_VALIDATION": "Forhåndsvelg validering"
+    "PRESELECT_VALIDATION": "Forhåndsvelg validering",
+    "ALL_PRESELECTED_USERS": "Alle forhåndsvalgte brukere",
+    "ALL_PRESELECTED_GROUPS": "Alle forhåndsvalgte grupper",
+    "INVALID_USERS": "Ugyldige brukere",
+    "INVALID_GROUPS": "Ugyldige grupper",
+    "READONLY_MODE": "Skrivebeskyttet modus"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Flervalg",

demo-shell/resources/i18n/nl.json

@@ -94,6 +94,12 @@
     "TREE_VIEW": "Structuurweergave",
     "ICONS": "Pictogrammen",
     "PEOPLE_GROUPS_CLOUD": "Personen-/groepencloud",
+    "TASK_HEADER_CLOUD": {
+      "COMPONENT_NAME": "Taakkop cloud",
+      "APP_NAME_INPUT": "App-naam",
+      "TASK_ID_INPUT": "Taak-id",
+      "FIND_TASK_BUTTON": "Taak zoeken"
+    },
     "PEOPLE_CLOUD": "Component Personencloud",
     "GROUPS_CLOUD": "Component Groepencloud",
     "CONFIRM-DIALOG": "Bevestigingsdialoogvenster",
@@ -264,14 +270,16 @@
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Beginpagina"
-    }
+    },
+    "TASK_CONTEXT_MENU": "Contextmenu lijst met taken"
   },
   "PROCESS_LIST_DEMO": {
     "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 }}"
-    }
+    },
+    "PROCESS_CONTEXT_MENU": "Contextmenu lijst met processen"
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Aangepaste titel vertaling één",
   "GROUP-TITLE2-TRANSLATION-KEY": "Aangepaste titel vertaling twee",
@@ -302,7 +310,12 @@
     "APP_NAME": "Toepassingsnaam",
     "APP_FILTER_MODE": "Filteren op toepassingsnaam",
     "ROLE_FILTER_MODE": "Filteren op rol",
-    "PRESELECT_VALIDATION": "Validatie voorselecteren"
+    "PRESELECT_VALIDATION": "Validatie voorselecteren",
+    "ALL_PRESELECTED_USERS": "Alle voorgeselecteerde gebruikers",
+    "ALL_PRESELECTED_GROUPS": "Alle voorgeselecteerde groepen",
+    "INVALID_USERS": "Ongeldige gebruikers",
+    "INVALID_GROUPS": "Ongeldige groepen",
+    "READONLY_MODE": "Alleen-lezenmodus"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Multiselectie",

demo-shell/resources/i18n/pl.json

@@ -94,6 +94,12 @@
     "TREE_VIEW": "Widok drzewa",
     "ICONS": "Ikony",
     "PEOPLE_GROUPS_CLOUD": "Chmura dla osób/grup",
+    "TASK_HEADER_CLOUD": {
+      "COMPONENT_NAME": "Chmura nagłówka zadania",
+      "APP_NAME_INPUT": "Nazwa aplikacji",
+      "TASK_ID_INPUT": "Identyfikator zadania",
+      "FIND_TASK_BUTTON": "Znajdź zadanie"
+    },
     "PEOPLE_CLOUD": "Składnik Chmura dla osób",
     "GROUPS_CLOUD": "Składnik Chmura dla grup",
     "CONFIRM-DIALOG": "Okno dialogowe potwierdzenia",
@@ -264,14 +270,16 @@
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Strona początkowa"
-    }
+    },
+    "TASK_CONTEXT_MENU": "Menu kontekstowe listy zadań"
   },
   "PROCESS_LIST_DEMO": {
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "Wstaw identyfikator aplikacji",
       "APP_ID_TYPE_ERROR": "Identyfikator aplikacji musi być liczbą.",
       "NUMBER_GREATER_THAN": "Wartość musi być większa od lub równa wartości {{ value }}"
-    }
+    },
+    "PROCESS_CONTEXT_MENU": "Menu kontekstowe listy procesów"
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Tytuł niestandardowy — tłumaczenie pierwsze",
   "GROUP-TITLE2-TRANSLATION-KEY": "Tytuł niestandardowy — tłumaczenie drugie",
@@ -302,7 +310,12 @@
     "APP_NAME": "Nazwa aplikacji",
     "APP_FILTER_MODE": "Filtruj według nazwy aplikacji",
     "ROLE_FILTER_MODE": "Filtruj według roli",
-    "PRESELECT_VALIDATION": "Sprawdzanie poprawności wstępnego wyboru"
+    "PRESELECT_VALIDATION": "Sprawdzanie poprawności wstępnego wyboru",
+    "ALL_PRESELECTED_USERS": "Wszyscy wstępnie wybrani użytkownicy",
+    "ALL_PRESELECTED_GROUPS": "Wszystkie wstępnie wybrane grupy",
+    "INVALID_USERS": "Nieprawidłowi użytkownicy",
+    "INVALID_GROUPS": "Nieprawidłowe grupy",
+    "READONLY_MODE": "Tryb tylko do odczytu"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Wybór wielokrotny",

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

@@ -94,6 +94,12 @@
     "TREE_VIEW": "Exibição em árvore",
     "ICONS": "Ícones",
     "PEOPLE_GROUPS_CLOUD": "Nuvem de Pessoas/Grupo",
+    "TASK_HEADER_CLOUD": {
+      "COMPONENT_NAME": "Cabeçalho de tarefa da nuvem",
+      "APP_NAME_INPUT": "Nome do aplicativo",
+      "TASK_ID_INPUT": "ID da tarefa",
+      "FIND_TASK_BUTTON": "Localizar tarefa"
+    },
     "PEOPLE_CLOUD": "Componente da Nuvem de Pessoas",
     "GROUPS_CLOUD": "Componente da Nuvem de Grupos",
     "CONFIRM-DIALOG": "Caixa de diálogo de confirmação",
@@ -264,14 +270,16 @@
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Iniciando a página"
-    }
+    },
+    "TASK_CONTEXT_MENU": "Menu de contexto da lista de tarefas"
   },
   "PROCESS_LIST_DEMO": {
     "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 }}"
-    }
+    },
+    "PROCESS_CONTEXT_MENU": "Menu de contexto da lista de processamento"
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Tradução um de título personalizado",
   "GROUP-TITLE2-TRANSLATION-KEY": "Tradução dois de título personalizado",
@@ -302,7 +310,12 @@
     "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"
+    "PRESELECT_VALIDATION": "Validação de pré-seleção",
+    "ALL_PRESELECTED_USERS": "Todos os usuários pré-selecionados",
+    "ALL_PRESELECTED_GROUPS": "Todos os grupos pré-selecionados",
+    "INVALID_USERS": "Usuários inválidos",
+    "INVALID_GROUPS": "Grupos inválidos",
+    "READONLY_MODE": "Modo somente leitura"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Seleção Múltipla",

demo-shell/resources/i18n/ru.json

@@ -94,6 +94,12 @@
     "TREE_VIEW": "Иерархическое представление",
     "ICONS": "Значки",
     "PEOPLE_GROUPS_CLOUD": "Облако пользователей/групп",
+    "TASK_HEADER_CLOUD": {
+      "COMPONENT_NAME": "Облако заголовков задач",
+      "APP_NAME_INPUT": "Название приложения",
+      "TASK_ID_INPUT": "Идентификатор задачи",
+      "FIND_TASK_BUTTON": "Найти задачу"
+    },
     "PEOPLE_CLOUD": "Компонент облака «Пользователи»",
     "GROUPS_CLOUD": "Компонент облака «Группы»",
     "CONFIRM-DIALOG": "Диалоговое окно подтверждения",
@@ -264,14 +270,16 @@
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Начальная страница"
-    }
+    },
+    "TASK_CONTEXT_MENU": "Контекстное меню списка задач"
   },
   "PROCESS_LIST_DEMO": {
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "Вставить идентификатор приложения",
       "APP_ID_TYPE_ERROR": "Идентификатор приложения должен быть числом",
       "NUMBER_GREATER_THAN": "Значение должно быть больше или равно {{ value }}"
-    }
+    },
+    "PROCESS_CONTEXT_MENU": "Контекстное меню списка процессов"
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Перевод пользовательского заголовка один",
   "GROUP-TITLE2-TRANSLATION-KEY": "Перевод пользовательского заголовка два",
@@ -302,7 +310,12 @@
     "APP_NAME": "Имя приложения",
     "APP_FILTER_MODE": "Фильтровать по имени приложения",
     "ROLE_FILTER_MODE": "Фильтровать по роли",
-    "PRESELECT_VALIDATION": "Проверка предварительного выбора"
+    "PRESELECT_VALIDATION": "Проверка предварительного выбора",
+    "ALL_PRESELECTED_USERS": "Все заранее заданные пользователи",
+    "ALL_PRESELECTED_GROUPS": "Все заранее заданные группы",
+    "INVALID_USERS": "Недействительные пользователи",
+    "INVALID_GROUPS": "Недействительные группы",
+    "READONLY_MODE": "Режим только для чтения"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Выбор нескольких",

demo-shell/resources/i18n/sv.json

@@ -94,6 +94,12 @@
     "TREE_VIEW": "Trädvy",
     "ICONS": "Ikoner",
     "PEOPLE_GROUPS_CLOUD": "Personer/grupp moln",
+    "TASK_HEADER_CLOUD": {
+      "COMPONENT_NAME": "Uppgiftsrubrik för moln eller molnkomponent",
+      "APP_NAME_INPUT": "Programnamn",
+      "TASK_ID_INPUT": "Uppgifts-ID",
+      "FIND_TASK_BUTTON": "Hitta uppgift"
+    },
     "PEOPLE_CLOUD": "Personer moln-komponent",
     "GROUPS_CLOUD": "Grupper moln-komponent",
     "CONFIRM-DIALOG": "Dialogruta för bekräftelse",
@@ -264,14 +270,16 @@
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "Startsida"
-    }
+    },
+    "TASK_CONTEXT_MENU": "Innehållsmeny till uppgiftslista"
   },
   "PROCESS_LIST_DEMO": {
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "Infoga program-ID",
       "APP_ID_TYPE_ERROR": "Program-ID måste vara ett nummer",
       "NUMBER_GREATER_THAN": "Värdet måste vara större än eller lika med {{ value }}"
-    }
+    },
+    "PROCESS_CONTEXT_MENU": "Innehållsmeny för processlista"
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "Anpassad titelöversättning ett",
   "GROUP-TITLE2-TRANSLATION-KEY": "Anpassad titelöversättning två",
@@ -302,7 +310,12 @@
     "APP_NAME": "Programnamn",
     "APP_FILTER_MODE": "Filterera på programnamn",
     "ROLE_FILTER_MODE": "Filtrera på roll",
-    "PRESELECT_VALIDATION": "Förval validering"
+    "PRESELECT_VALIDATION": "Förval validering",
+    "ALL_PRESELECTED_USERS": "Alla förvalda användare",
+    "ALL_PRESELECTED_GROUPS": "Alla förvalda grupper",
+    "INVALID_USERS": "Ogiltiga användare",
+    "INVALID_GROUPS": "Ogiltiga grupper",
+    "READONLY_MODE": "Skrivskyddat läge"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Flerval",

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

@@ -94,6 +94,12 @@
     "TREE_VIEW": "树视图",
     "ICONS": "图标",
     "PEOPLE_GROUPS_CLOUD": "人员/一组云",
+    "TASK_HEADER_CLOUD": {
+      "COMPONENT_NAME": "云的任务标题",
+      "APP_NAME_INPUT": "应用程序名称",
+      "TASK_ID_INPUT": "任务 id",
+      "FIND_TASK_BUTTON": "查找任务"
+    },
     "PEOPLE_CLOUD": "人员云组件",
     "GROUPS_CLOUD": "组云组件",
     "CONFIRM-DIALOG": "确认对话",
@@ -105,9 +111,9 @@
       "RESTORE": "恢复"
     },
     "EMPTY_STATE": {
-      "TITLE": "“垃圾”为空",
-      "FIRST_TEXT": "删除的项目移动到“垃圾”。",
-      "SECOND_TEXT": "清空“垃圾”以永久删除项目。"
+      "TITLE": "回收站为空",
+      "FIRST_TEXT": "您删除的项目已移至回收站。",
+      "SECOND_TEXT": "清空回收站以永久删除项目。"
     }
   },
   "DOCUMENT_LIST": {
@@ -131,7 +137,7 @@
     "COLUMNS": {
       "DISPLAY_NAME": "显示名称",
       "IS_LOCKED": "锁定",
-      "TAG": "标签",
+      "TAG": "标记",
       "NODE_ID": "节点 ID",
       "CREATED_BY": "创建者",
       "CREATED_ON": "创建日期",
@@ -247,9 +253,9 @@
     "RATING": "评分组件"
   },
   "TAG": {
-    "LIST": "列表标签 Content Services",
+    "LIST": "列表标记 Content Services",
     "INSERT": "插入节点 ID",
-    "NODE_LIST": "标签列表（按节点 ID 排序）"
+    "NODE_LIST": "标记列表（按节点 ID 排序）"
   },
   "DEMO_PERMISSION": {
     "INHERIT_PERMISSION_BUTTON": "继承权限",
@@ -264,14 +270,16 @@
     },
     "TOOLTIP_MESSAGE": {
       "START_INPUT": "开始页面"
-    }
+    },
+    "TASK_CONTEXT_MENU": "任务列表上下文菜单"
   },
   "PROCESS_LIST_DEMO": {
     "ERROR_MESSAGE": {
       "APP_ID_REQUIRED_ERROR": "插入应用程序 ID",
       "APP_ID_TYPE_ERROR": "应用程序 ID 必须为数字",
       "NUMBER_GREATER_THAN": "值必须大于或等于 {{ value }}"
-    }
+    },
+    "PROCESS_CONTEXT_MENU": "流程列表上下文菜单"
   },
   "GROUP-TITLE1-TRANSLATION-KEY": "自定义标题翻译 1",
   "GROUP-TITLE2-TRANSLATION-KEY": "自定义标题翻译 2",
@@ -302,7 +310,12 @@
     "APP_NAME": "应用程序名称",
     "APP_FILTER_MODE": "按应用程序名称筛选",
     "ROLE_FILTER_MODE": "按角色筛选",
-    "PRESELECT_VALIDATION": "预先选择验证"
+    "PRESELECT_VALIDATION": "预先选择验证",
+    "ALL_PRESELECTED_USERS": "所有预选用户",
+    "ALL_PRESELECTED_GROUPS": "所有预选组",
+    "INVALID_USERS": "无效用户",
+    "INVALID_GROUPS": "无效组",
+    "READONLY_MODE": "Read-only（只读）模式"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "多重选择",

demo-shell/src/app.config.json

@@ -2,7 +2,7 @@
   "$schema": "../../lib/core/app-config/schema.json",
   "ecmHost": "{protocol}//{hostname}{:port}",
   "bpmHost": "{protocol}//{hostname}{:port}",
-  "identityHost": "{protocol}//{hostname}{:port}/auth/realms/alfresco",
+  "identityHost": "{protocol}//{hostname}{:port}/auth/admin/realms/alfresco",
   "loginRoute": "login",
   "providers": "ALL",
   "contextRootBpm": "activiti-app",
@@ -22,7 +22,10 @@
     "redirectSilentIframeUri": "{protocol}//{hostname}{:port}/assets/silent-refresh.html",
     "redirectUri": "/",
     "redirectUriLogout": "/logout",
-    "publicUrls": ["**/preview/s/*", "**/settings"]
+    "publicUrls": [
+      "**/preview/s/*",
+      "**/settings"
+    ]
   },
   "application": {
     "storagePrefix": "ADF",
@@ -81,23 +84,23 @@
     },
     {
       "key": "cs",
-      "label": "Czech"
+      "label": "Čeština"
     },
     {
       "key": "pl",
-      "label": "Polish"
+      "label": "Polski"
     },
     {
       "key": "fi",
-      "label": "Finnish"
+      "label": "Suomi"
     },
     {
       "key": "da",
-      "label": "Danish"
+      "label": "Dansk"
     },
     {
       "key": "sv",
-      "label": "Swedish"
+      "label": "Svenska"
     }
   ],
   "search": {
@@ -378,7 +381,8 @@
           "selector": "date-range",
           "settings": {
             "field": "cm:created",
-            "dateFormat": "DD-MMM-YY"
+            "dateFormat": "DD-MMM-YY",
+            "maxDate": "today"
           }
         }
       },
@@ -459,6 +463,14 @@
       "nocase": true
     }
   },
+  "folders": {
+    "excluded": [
+      ".git"
+    ],
+    "match-options": {
+      "nocase": true
+    }
+  },
   "logLevel": "trace",
   "activiti": {
     "rest": {
@@ -752,7 +764,7 @@
   },
   "adf-cloud-start-process": {
     "name": "My Default Cloud Name"
-   },
+  },
   "adf-process-list": {
     "presets": {
       "default": [
@@ -814,9 +826,28 @@
     "presets": {
       "default": {
         "exif:exif": "*"
-      }
+      },
+      "all-aspects": "*",
+      "custom-title": [{
+        "title": "Exif",
+        "items": [
+          {
+            "aspect": "exif:exif",
+            "editing": false,
+            "properties": [
+              "exif:pixelXDimension",
+              {
+                "title": "Custom YDimension Name",
+                "name": "exif:pixelYDimension"
+              }
+            ]
+          }
+        ]
+      }]
     },
-    "multi-value-pipe-separator": ", "
+    "multi-value-pipe-separator": ", ",
+    "multi-value-chips": true,
+    "copy-to-clipboard-action": true
   },
   "sideNav": {
     "expandedSidenav": true,

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

@@ -17,13 +17,13 @@
 
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { FlexLayoutModule } from '@angular/flex-layout';
 import { ChartsModule } from 'ng2-charts';
 import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { BrowserAnimationsModule, NoopAnimationsModule } from '@angular/platform-browser/animations';
-
-import { AppConfigService, TRANSLATION_PROVIDER, DebugAppConfigService, CoreModule, CoreAutomationService } from '@alfresco/adf-core';
+import { TranslateModule } from '@ngx-translate/core';
+import { AppConfigService, TRANSLATION_PROVIDER, DebugAppConfigService, CoreModule, CoreAutomationService, AuthBearerInterceptor } from '@alfresco/adf-core';
 import { ExtensionsModule } from '@alfresco/adf-extensions';
 import { AppComponent } from './app.component';
 import { MaterialModule } from './material.module';
@@ -51,19 +51,15 @@ import { MetadataDialogAdapterComponent } from './components/files/metadata-dial
 import { ThemePickerModule } from './components/theme-picker/theme-picker';
 
 import { routing } from './app.routes';
-import { ReactiveFormsModule } from '@angular/forms';
 import { TaskAttachmentsComponent } from './components/process-service/task-attachments.component';
 import { ProcessAttachmentsComponent } from './components/process-service/process-attachments.component';
 import { SharedLinkViewComponent } from './components/shared-link-view/shared-link-view.component';
 import { DemoPermissionComponent } from './components/permissions/demo-permissions.component';
-import { PreviewService } from './services/preview.service';
 import { ReportIssueComponent } from './components/report-issue/report-issue.component';
 import { MonacoEditorModule } from 'ngx-monaco-editor';
 import { ContentModule } from '@alfresco/adf-content-services';
 import { InsightsModule } from '@alfresco/adf-insights';
 import { ProcessModule } from '@alfresco/adf-process-services';
-import { AuthBearerInterceptor } from './services';
-import { ProcessServicesCloudModule } from '@alfresco/adf-process-services-cloud';
 import { AppExtensionsModule } from './app-extension.module';
 import { TreeViewSampleComponent } from './components/tree-view/tree-view-sample.component';
 import { CloudLayoutComponent } from './components/cloud/cloud-layout.component';
@@ -71,6 +67,7 @@ import { AppsCloudDemoComponent } from './components/cloud/apps-cloud-demo.compo
 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 { TaskHeaderCloudDemoComponent } from './components/cloud/task-header-cloud-demo.component';
 import { CloudViewerComponent } from './components/cloud/cloud-viewer.component';
 import { ProcessDetailsCloudDemoComponent } from './components/cloud/process-details-cloud-demo.component';
 import { StartTaskCloudDemoComponent } from './components/cloud/start-task-cloud-demo.component';
@@ -84,11 +81,8 @@ import { FormCloudDemoComponent } from './components/app-layout/cloud/form-demo/
 import { environment } from '../environments/environment';
 import { AppCloudSharedModule } from './components/cloud/shared/cloud.shared.module';
 import { DemoErrorComponent } from './components/error/demo-error.component';
-
 import {
-    UserPreferenceCloudService,
-    PROCESS_FILTERS_SERVICE_TOKEN,
-    TASK_FILTERS_SERVICE_TOKEN
+    ProcessServicesCloudModule
 } from '@alfresco/adf-process-services-cloud';
 
 import { registerLocaleData } from '@angular/common';
@@ -137,6 +131,7 @@ registerLocaleData(localeSv);
         MaterialModule,
         AppExtensionsModule,
         FlexLayoutModule,
+        TranslateModule.forRoot(),
         CoreModule.forRoot(),
         ContentModule.forRoot(),
         InsightsModule.forRoot(),
@@ -182,6 +177,7 @@ registerLocaleData(localeSv);
         TasksCloudDemoComponent,
         ProcessesCloudDemoComponent,
         TaskDetailsCloudDemoComponent,
+        TaskHeaderCloudDemoComponent,
         CloudViewerComponent,
         ProcessDetailsCloudDemoComponent,
         StartTaskCloudDemoComponent,
@@ -199,8 +195,6 @@ registerLocaleData(localeSv);
             provide: HTTP_INTERCEPTORS, useClass:
             AuthBearerInterceptor, multi: true
         },
-        { provide: PROCESS_FILTERS_SERVICE_TOKEN, useClass: UserPreferenceCloudService },
-        { provide: TASK_FILTERS_SERVICE_TOKEN, useClass: UserPreferenceCloudService },
         { provide: AppConfigService, useClass: DebugAppConfigService }, // not use this service in production
         {
             provide: TRANSLATION_PROVIDER,
@@ -217,9 +211,7 @@ registerLocaleData(localeSv);
                 name: 'lazy-loading',
                 source: 'resources/lazy-loading'
             }
-        },
-        PreviewService,
-        CoreAutomationService
+        }
     ],
     entryComponents: [
         VersionManagerDialogAdapterComponent,

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

@@ -58,6 +58,7 @@ import { TemplateDemoComponent } from './components/template-list/template-demo.
 import { FormCloudDemoComponent } from './components/app-layout/cloud/form-demo/cloud-form-demo.component';
 import { ConfirmDialogExampleComponent } from './components/confirm-dialog/confirm-dialog-example.component';
 import { DemoErrorComponent } from './components/error/demo-error.component';
+import { TaskHeaderCloudDemoComponent } from './components/cloud/task-header-cloud-demo.component';
 export const appRoutes: Routes = [
     { path: 'login', loadChildren: 'app/components/login/login.module#AppLoginModule' },
     { path: 'logout', component: LogoutComponent },
@@ -167,7 +168,6 @@ export const appRoutes: Routes = [
                 path: 'cloud',
                 canActivate: [AuthGuardSsoRoleService],
                 data: { roles: ['ACTIVITI_USER'], redirectUrl: '/error/403' },
-
                 children: [
                     {
                         path: '',
@@ -177,6 +177,10 @@ export const appRoutes: Routes = [
                         path: 'people-group-cloud',
                         component: PeopleGroupCloudDemoComponent
                     },
+                    {
+                        path: 'task-header-cloud',
+                        component: TaskHeaderCloudDemoComponent
+                    },
                     {
                         path: 'community',
                         loadChildren: 'app/components/cloud/community/community.module#AppCommunityModule'

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

@@ -1,12 +1,11 @@
-<adf-about-github-link
-    [url]="url"
-    [version]="version">
-</adf-about-github-link>
+<adf-about-github-link [application]="application" [url]="url" [version]="version"></adf-about-github-link>
 
-<adf-about-product-version>
-</adf-about-product-version>
+<adf-about-server-settings></adf-about-server-settings>
+
+<adf-about-product-version> </adf-about-product-version>
 
 <adf-about-application-modules
     [dependencies]="dependencies"
-    [showExtensions]="showExtensions">
+    [showExtensions]="showExtensions"
+>
 </adf-about-application-modules>

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

@@ -15,22 +15,32 @@
  * limitations under the License.
  */
 
-import { Component } from '@angular/core';
-import { name, version, commit, dependencies } from '../../../../../package.json';
+import { Component, OnInit } from '@angular/core';
+import {
+    name,
+    version,
+    commit,
+    dependencies
+} from '../../../../../package.json';
+import { AppConfigService } from '@alfresco/adf-core';
 
 @Component({
     selector: 'app-about-page',
     templateUrl: './about.component.html',
     styleUrls: ['about.component.scss']
 })
-export class AboutComponent {
-
+export class AboutComponent implements OnInit {
     url = `https://github.com/Alfresco/${name}/commits/${commit}`;
     version = version;
     dependencies = dependencies;
     showExtensions = true;
+    application = '';
 
-    constructor() {
+    constructor(private appConfigService: AppConfigService) {}
 
+    ngOnInit() {
+        this.application = this.appConfigService.get<string>(
+            'application.name'
+        );
     }
 }

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

@@ -31,7 +31,7 @@ const routes: Routes = [
 @NgModule({
     imports: [
         CommonModule,
-        CoreModule.forChild(),
+        CoreModule,
         RouterModule.forChild(routes)
     ],
     declarations: [AboutComponent]

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

@@ -2,10 +2,10 @@
     [expandedSidenav]="expandedSidenav" (expanded)="setState($event)" [position]="position" data-automation-id="sidenav-layout">
 
     <adf-sidenav-layout-header>
-        <ng-template let-toggleMenu="toggleMenu">
+        <ng-template let-toggleMenu="toggleMenu" let-isMenuMinimized="isMenuMinimized">
 
             <adf-layout-header id="adf-header" [title]="title | translate" [redirectUrl]="redirectUrl" [logo]="logo"
-                [tooltip]="tooltip | translate" [showSidenavToggle]="showMenu" [expandedSidenav]="expandedSidenav"
+                [tooltip]="tooltip | translate" [showSidenavToggle]="showMenu" [expandedSidenav]="!isMenuMinimized()"
                 [color]="color" [position]="position" (clicked)=toggleMenu($event)>
 
                 <div class="app-layout-menu-spacer"></div>

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

@@ -48,12 +48,15 @@ export class AppLayoutComponent implements OnInit, OnDestroy {
         { 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: '/cloud', icon: 'cloud', title: 'APP_LAYOUT.PROCESS_CLOUD', children: [
-            { href: '/cloud/', icon: 'cloud', title: 'APP_LAYOUT.HOME' },
-            { href: '/cloud/community', icon: 'cloud', title: 'APP_LAYOUT.COMMUNITY' },
-            { href: '/form-cloud', icon: 'poll', title: 'APP_LAYOUT.FORM' },
-            { href: '/cloud/people-group-cloud', icon: 'group', title: 'APP_LAYOUT.PEOPLE_GROUPS_CLOUD' }
-        ]},
+        {
+            href: '/cloud', icon: 'cloud', title: 'APP_LAYOUT.PROCESS_CLOUD', children: [
+                { href: '/cloud/', icon: 'cloud', title: 'APP_LAYOUT.HOME' },
+                { href: '/cloud/community', icon: 'cloud', title: 'APP_LAYOUT.COMMUNITY' },
+                { href: '/form-cloud', icon: 'poll', title: 'APP_LAYOUT.FORM' },
+                { href: '/cloud/people-group-cloud', icon: 'group', title: 'APP_LAYOUT.PEOPLE_GROUPS_CLOUD' },
+                { href: '/cloud/task-header-cloud', icon: 'cloud', title: 'APP_LAYOUT.TASK_HEADER_CLOUD.COMPONENT_NAME' }
+            ]
+        },
         { 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' },

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

@@ -16,13 +16,16 @@
  */
 
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { FormFieldModel, NotificationService, FormRenderingService, CoreAutomationService, FormModel } from '@alfresco/adf-core';
-import { FormCloudService, UploadCloudWidgetComponent } from '@alfresco/adf-process-services-cloud';
+import { FormFieldModel, NotificationService, CoreAutomationService, FormModel, FormRenderingService } from '@alfresco/adf-core';
+import { FormCloudService, CloudFormRenderingService } from '@alfresco/adf-process-services-cloud';
 import { Subscription } from 'rxjs';
 
 @Component({
     templateUrl: 'cloud-form-demo.component.html',
-    styleUrls: ['cloud-form-demo.component.scss']
+    styleUrls: ['cloud-form-demo.component.scss'],
+    providers: [
+        { provide: FormRenderingService, useClass: CloudFormRenderingService }
+    ]
 })
 export class FormCloudDemoComponent implements OnInit, OnDestroy {
 
@@ -43,10 +46,8 @@ export class FormCloudDemoComponent implements OnInit, OnDestroy {
 
     constructor(
         private notificationService: NotificationService,
-        private formRenderingService: FormRenderingService,
         private formService: FormCloudService,
         private automationService: CoreAutomationService) {
-        this.formRenderingService.setComponentTypeResolver('upload', () => UploadCloudWidgetComponent, true);
     }
 
     logErrors(errorFields: FormFieldModel[]) {

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

@@ -32,7 +32,7 @@ const routes: Routes = [
 @NgModule({
     imports: [
         CommonModule,
-        CoreModule.forChild(),
+        CoreModule,
         RouterModule.forChild(routes),
         ContentModule.forChild()
     ],

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

@@ -4,7 +4,7 @@
     <mat-card class="app-card-view">
         <adf-card-view
             [properties]="properties"
-            [editable]="true"
+            [editable]="isEditable"
             [displayClearAction]="showClearDateAction"
             [displayNoneOption]="showNoneOption">
         </adf-card-view>

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

@@ -78,8 +78,43 @@ export class CardViewComponent implements OnInit, OnDestroy {
                 value: 'Spock',
                 key: 'name',
                 default: 'default bar',
+                editable: this.isEditable
+            }),
+            new CardViewTextItemModel({
+                label: 'CardView Text Item - Protected value',
+                value: 'Spock',
+                key: 'name',
+                default: 'default bar',
                 multiline: false,
                 icon: 'icon',
+                editable: false
+            }),
+            new CardViewTextItemModel({
+                label: 'CardView Text Item - Multiline',
+                value: 'Spock',
+                key: 'name',
+                default: 'default bar',
+                multiline: true,
+                icon: 'icon',
+                editable: this.isEditable
+            }),
+            new CardViewTextItemModel({
+                label: 'CardView Text Item - Default Value',
+                value: '',
+                key: 'name',
+                default: 'default bar',
+                multiline: false,
+                icon: 'icon',
+                editable: this.isEditable
+            }),
+            new CardViewTextItemModel({
+                label: 'CardView Text Item - Multivalue (chips)',
+                value: [1, 2, 3],
+                key: 'name',
+                default: 'default bar',
+                multiline: true,
+                multivalued: true,
+                icon: 'icon',
                 editable: this.isEditable
             }),
             new CardViewDateItemModel({
@@ -105,6 +140,13 @@ export class CardViewComponent implements OnInit, OnDestroy {
                 default: false,
                 editable: this.isEditable
             }),
+            new CardViewBoolItemModel({
+                label: 'Agree to all terms and conditions',
+                value: true,
+                key: 'boolean',
+                default: false,
+                editable: this.isEditable
+            }),
             new CardViewIntItemModel({
                 label: 'CardView Int Item',
                 value: 213,
@@ -118,14 +160,20 @@ export class CardViewComponent implements OnInit, OnDestroy {
                 key: 'float',
                 default: 0.0,
                 editable: this.isEditable,
-                pipes: [{ pipe: this.decimalNumberPipe}]
+                pipes: [{ pipe: this.decimalNumberPipe }]
             }),
             new CardViewKeyValuePairsItemModel({
                 label: 'CardView Key-Value Pairs Item',
-                value: [],
+                value: [{ name: 'hey', value: 'you' }, { name: 'hey', value: 'you' }],
                 key: 'key-value-pairs',
                 editable: this.isEditable
             }),
+            new CardViewKeyValuePairsItemModel({
+                label: 'CardView Key-Value Pairs Item',
+                value: [{ name: 'hey', value: 'you' }, { name: 'hey', value: 'you' }],
+                key: 'key-value-pairs',
+                editable: false
+            }),
             new CardViewSelectItemModel({
                 label: 'CardView Select Item',
                 value: 'one',
@@ -146,17 +194,24 @@ export class CardViewComponent implements OnInit, OnDestroy {
                 default: 'click here',
                 editable: this.isEditable,
                 clickable: true,
+                icon: 'close',
                 clickCallBack: () => {
                     this.respondToCardClick();
                 }
             }),
             new CardViewArrayItemModel({
                 label: 'CardView Array of items',
-                value: of(['Zlatan', 'Lionel Messi', 'Mohamed', 'Ronaldo']),
+                value: of([
+                    { icon: 'directions_bike', value: 'Zlatan' },
+                    { icon: 'directions_bike', value: 'Lionel Messi' },
+                    { value: 'Mohamed', directions_bike: 'save' },
+                    { value: 'Ronaldo' }
+                ]),
                 key: 'array',
-                icon: 'directions_bike',
+                icon: 'edit',
                 default: 'Empty',
-                noOfItemsToDisplay: 2
+                noOfItemsToDisplay: 2,
+                editable: this.isEditable
             })
         ];
     }

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

@@ -31,7 +31,7 @@ const routes: Routes = [
 @NgModule({
     imports: [
         CommonModule,
-        CoreModule.forChild(),
+        CoreModule,
         RouterModule.forChild(routes)
     ],
     declarations: [CardViewComponent]

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

@@ -63,15 +63,11 @@ export class CloudFiltersDemoComponent implements OnInit {
     }
 
     onTaskFilterSelected(filter) {
-        this.cloudLayoutService.setCurrentTaskFilterParam({id: filter && filter.id ? filter.id : ''});
-        const currentFilter = Object.assign({}, filter);
-        this.router.navigate([`/cloud/${this.appName}/tasks/`], { queryParams: currentFilter });
+        this.router.navigate([`/cloud/${this.appName}/tasks/`], { queryParams: filter });
     }
 
     onProcessFilterSelected(filter) {
-        this.cloudLayoutService.setCurrentProcessFilterParam({id: filter && filter.id ? filter.id : ''});
-        const currentFilter = Object.assign({}, filter);
-        this.router.navigate([`/cloud/${this.appName}/processes/`], { queryParams: currentFilter });
+        this.router.navigate([`/cloud/${this.appName}/processes/`], { queryParams: filter });
     }
 
     onTaskFilterOpen(): boolean {

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

@@ -16,8 +16,7 @@
  */
 
 import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
-import { Params } from '@angular/router/src/shared';
+import { ActivatedRoute, Params } from '@angular/router';
 
 @Component({
     selector: 'app-cloud-viewer',

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

@@ -33,8 +33,6 @@ import { CloudLayoutService } from '../services/cloud-layout.service';
 })
 export class CommunityCloudComponent  {
 
-    appName: string = '';
-
     constructor(
         private router: Router,
         private route: ActivatedRoute,

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

@@ -7,7 +7,6 @@
       </mat-expansion-panel-header>
       <adf-cloud-task-filters
           *ngIf="expandTaskFilter"
-          [appName]="appName"
           [showIcons]="true"
           [filterParam]="currentTaskFilter$ | async"
           (filterClick)="onTaskFilterSelected($event)">
@@ -22,7 +21,6 @@
       </mat-expansion-panel-header>
       <adf-cloud-process-filters
           *ngIf="expandProcessFilter"
-          [appName]="appName"
           [showIcons]="true"
           [filterParam]="currentProcessFilter$ | async"
           (filterClick)="onProcessFilterSelected($event)">

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

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, ViewEncapsulation, Input, OnInit } from '@angular/core';
+import { Component, ViewEncapsulation, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
 import { Router, ActivatedRoute } from '@angular/router';
 import { CloudLayoutService } from '../services/cloud-layout.service';
@@ -26,9 +26,6 @@ import { CloudLayoutService } from '../services/cloud-layout.service';
 })
 export class CommunityCloudFiltersDemoComponent implements OnInit {
 
-    @Input()
-    appName: string = 'community';
-
     currentTaskFilter$: Observable<any>;
     currentProcessFilter$: Observable<any>;
 

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

@@ -3,14 +3,13 @@
     <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>
+<h4 data-automation-id="process-details-header">Simple page to show the process instance: {{ processInstanceId }}</h4>
 
 <div class="app-process-cloud-container">
 
     <adf-cloud-task-list
         fxFlex
         class="app-cloud-layout-overflow"
-        [appName]="''"
         [processInstanceId]="processInstanceId"
         (rowClick)="onRowClick($event)"
         #taskCloud>
@@ -18,7 +17,6 @@
 
     <adf-cloud-process-header
         class="app-process-cloud-header"
-        [appName]="''"
         [processInstanceId]="processInstanceId">
     </adf-cloud-process-header>
 </div>

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

@@ -25,16 +25,11 @@ import { ActivatedRoute, Router } from '@angular/router';
 export class CommunityProcessDetailsCloudDemoComponent {
 
     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() {

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

@@ -1,7 +1,6 @@
 <div fxLayout="column" fxFill fxLayoutGap="2px">
     <adf-cloud-edit-process-filter
         [id]="filterId"
-        [appName]="'community'"
         [filterProperties]="processFilterProperties.filterProperties"
         [sortProperties]="processFilterProperties.sortProperties"
         [actions]="processFilterProperties.actions"
@@ -11,7 +10,6 @@
     <div fxLayout="column" fxFlex fxLayoutAlign="space-between" *ngIf="editedFilter">
         <adf-cloud-process-list #processCloud
             fxFlex
-            [appName]="''"
             class="app-cloud-layout-overflow"
             [initiator]="editedFilter.initiator"
             [processDefinitionId]="editedFilter.processDefinitionId"
@@ -19,7 +17,7 @@
             [id]="editedFilter.processInstanceId"
             [status]="editedFilter.status"
             [name]="editedFilter.processName"
-            [businessKey]="editedFilter.businessKey"
+            [businessKey]="editedFilter['businessKey']"
             [lastModifiedFrom]="editedFilter.lastModifiedFrom"
             [lastModifiedTo]="editedFilter.lastModifiedTo"
             [sorting]="sortArray"

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

@@ -44,15 +44,13 @@ export class CommunityProcessesCloudDemoComponent implements OnInit, OnDestroy {
     @ViewChild('processFiltersCloud')
     processFiltersCloud: ProcessFiltersCloudComponent;
 
-    appName: string = '';
     isFilterLoaded: boolean;
-
     filterId: string = '';
     sortArray: any = [];
     selectedRow: any;
     multiselect: boolean;
     selectionMode: string;
-    selectedRows: string[] = [];
+    selectedRows: any[] = [];
     testingMode: boolean;
     processFilterProperties: any  = { filterProperties: [], sortProperties: [], actions: [] };
 
@@ -79,10 +77,6 @@ export class CommunityProcessesCloudDemoComponent implements OnInit, OnDestroy {
     ngOnInit() {
         this.isFilterLoaded = false;
 
-        this.route.parent.params.subscribe((params) => {
-            this.appName = params.appName;
-        });
-
         this.route.queryParams.subscribe((params) => {
             if (Object.keys(params).length > 0) {
                 this.isFilterLoaded = true;

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

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

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

@@ -34,7 +34,7 @@ export class CommunityStartProcessCloudDemoComponent implements OnInit {
     }
 
     ngOnInit() {
-        this.processName = this.appConfig.get<string>('adf-start-process.name');
+        this.processName = this.appConfig.get<string>('adf-start-process-cloud.name');
     }
 
     onStartProcessSuccess() {

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

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

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

@@ -1,7 +1,6 @@
 <div fxLayout="column" fxFill fxLayoutGap="2px">
     <adf-cloud-edit-task-filter
         [id]="filterId"
-        [appName]="'community'"
         [filterProperties]="taskFilterProperties.filterProperties"
         [sortProperties]="taskFilterProperties.sortProperties"
         [actions]="taskFilterProperties.actions"
@@ -11,7 +10,6 @@
     <div fxLayout="column" fxFlex fxLayoutAlign="space-between" *ngIf="editedFilter">
         <adf-cloud-task-list #taskCloud
             fxFlex
-            [appName]="''"
             class="app-cloud-layout-overflow"
             [processDefinitionId]="editedFilter.processDefinitionId"
             [processInstanceId]="editedFilter.processInstanceId"

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

@@ -1,10 +1,9 @@
-<h4 data-automation-id="task-details-header">Simple page to show the taskId: {{ taskId }} of the app: {{ appName }}</h4>
+<h4 data-automation-id="task-details-header">Simple page to show the taskId: {{ taskId }}</h4>
 
 <div fxLayout="column" fxFill fxLayoutGap="2px">
     <div fxLayout="row" fxFill>
         <div fxLayout="column" fxFlex="80%">
             <adf-cloud-task-form
-                [appName]="''"
                 [taskId]="taskId"
                 (cancelClick)="goBack()"
                 (taskClaimed)="onClaimTask()"
@@ -14,7 +13,6 @@
             </adf-cloud-task-form>
         </div>
         <adf-cloud-task-header fxFlex
-            [appName]="''"
             [taskId]="taskId">
         </adf-cloud-task-header>
     </div>

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

@@ -26,7 +26,6 @@ import { NotificationService } from '@alfresco/adf-core';
 export class CommunityTaskDetailsCloudDemoComponent {
 
     taskId: string;
-    appName: string;
 
     constructor(
         private route: ActivatedRoute,
@@ -36,13 +35,10 @@ export class CommunityTaskDetailsCloudDemoComponent {
         this.route.params.subscribe((params) => {
             this.taskId = params.taskId;
         });
-        this.route.parent.params.subscribe((params) => {
-            this.appName = params.appName;
-        });
     }
 
     isTaskValid(): boolean {
-        return this.appName !== undefined && this.taskId !== undefined;
+        return this.taskId !== undefined;
     }
 
     goBack() {

demo-shell/src/app/components/cloud/community/community.module.ts

@@ -73,7 +73,7 @@ const routes: Routes = [
 @NgModule({
     imports: [
         CommonModule,
-        CoreModule.forChild(),
+        CoreModule,
         ProcessServicesCloudModule,
         RouterModule.forChild(routes),
         AppCloudSharedModule,

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

@@ -6,9 +6,9 @@
     <mat-card-content>
         <br>
         <mat-radio-group (change)="onChangePeopleMode($event)">
-            <mat-radio-button checked="true" class="app-people-single-mode" data-automation-id="app-people-single-mode" value="{{ peopleSingleMode }}">{{
+            <mat-radio-button checked="true" class="app-people-single-mode" data-automation-id="app-people-single-mode" value="single">{{
                 'PEOPLE_GROUPS_CLOUD.SINGLE' | translate }}</mat-radio-button>
-            <mat-radio-button class="app-people-multiple-mode" data-automation-id="app-people-multiple-mode" value="{{ peopleMultipleMode }}">{{
+            <mat-radio-button class="app-people-multiple-mode" data-automation-id="app-people-multiple-mode" value="multiple">{{
                 'PEOPLE_GROUPS_CLOUD.MULTI' | translate }}</mat-radio-button>
         </mat-radio-group>
         <div class="app-people-control-options">
@@ -20,37 +20,51 @@
             </mat-radio-group>
             <mat-form-field *ngIf="!isPeopleAppNameSelected()" class="app-preselect-value">
                 <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.ROLE' | translate }} ["ACTIVITI_ADMIN", "ACTIVITI_USER"]</mat-label>
-                <input matInput (input)="setPeopleRoles($event)" data-automation-id="app-people-roles-input" />
+                <input matInput (input)="setPeopleRoles($event.target?.value)" data-automation-id="app-people-roles-input" />
             </mat-form-field>
             <mat-form-field *ngIf="isPeopleAppNameSelected()" class="app-preselect-value">
                 <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.APP_NAME' | translate }}</mat-label>
-                <input matInput (input)="setPeopleAppName($event)" data-automation-id="app-people-app-input" />
+                <input matInput (input)="setPeopleAppName($event.target?.value)" data-automation-id="app-people-app-input" />
             </mat-form-field>
             <mat-form-field class="app-preselect-value-full">
                 <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.PRESELECTED_VALUE' | translate }} {{ DEFAULT_PEOPLE_PLACEHOLDER }}</mat-label>
-                <input matInput (input)="setPeoplePreselectValue($event)"  data-automation-id="app-people-preselect-input" />
+                <input matInput (input)="setPeoplePreselectValue($event.target?.value)"  data-automation-id="app-people-preselect-input" />
             </mat-form-field>
             <mat-checkbox class="app-preselect-value" (change)="onChangePeopleValidation($event)">{{
                 'PEOPLE_GROUPS_CLOUD.PRESELECT_VALIDATION' | translate }}</mat-checkbox>
+            <mat-checkbox data-automation-id="app-people-readonly" value="{{ peopleReadonly }}" (change)="onChangePeopleReadonly($event)">{{
+                'PEOPLE_GROUPS_CLOUD.READONLY_MODE' | translate }}</mat-checkbox>
         </div>
         <div>
             <adf-cloud-people
                 [preSelectUsers]="preSelectUsers"
+                [readOnly]="peopleReadonly"
                 [validate]="peoplePreselectValidation"
                 [appName]="peopleAppName"
                 [roles]="peopleRoles"
-                [appName]="peopleAppName"
                 [title]="'ADF_TASK_LIST.START_TASK.FORM.LABEL.ASSIGNEE'"
-                [mode]="peopleMode"></adf-cloud-people>
+                [mode]="peopleMode"
+                (warning)="onUsersWarning($event)"></adf-cloud-people>
         </div>
 
-        <div class="app-people-list" *ngIf="canShowPeopleList()">
+        <div class="app-people-list" *ngIf="peopleMode === 'multiple'">
+            <h4>{{ 'PEOPLE_GROUPS_CLOUD.ALL_PRESELECTED_USERS' | translate }}</h4>
             <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 }}
+                    {{item | fullName}}
                 </mat-list-item>
             </mat-list>
+
+            <div *ngIf="invalidUsers.length > 0">
+                <h4>{{ 'PEOPLE_GROUPS_CLOUD.INVALID_USERS' | translate }} <mat-icon>warning</mat-icon> </h4>
+                <mat-list role="list">
+                    <mat-list-item *ngFor="let invalidUser of invalidUsers" role="listitem">
+                        <mat-icon mat-list-icon>person</mat-icon>
+                        {{invalidUser | fullName}}
+                    </mat-list-item>
+                </mat-list>
+            </div>
         </div>
     </mat-card-content>
 </mat-card>
@@ -63,9 +77,9 @@
     <mat-card-content>
         <br>
         <mat-radio-group (change)="onChangeGroupsMode($event)">
-            <mat-radio-button checked="true" class="app-people-single-mode" data-automation-id="app-group-single-mode" value="{{ groupSingleMode }}">{{
+            <mat-radio-button checked="true" class="app-people-single-mode" data-automation-id="app-group-single-mode" value="single">{{
                 'PEOPLE_GROUPS_CLOUD.SINGLE' | translate }}</mat-radio-button>
-            <mat-radio-button class="app-people-multiple-mode" data-automation-id="app-group-multiple-mode" value="{{ groupMultipleMode }}">{{
+            <mat-radio-button class="app-people-multiple-mode" data-automation-id="app-group-multiple-mode" value="multiple">{{
                 'PEOPLE_GROUPS_CLOUD.MULTI' | translate }}</mat-radio-button>
         </mat-radio-group>
         <div class="app-groups-control-options">
@@ -77,29 +91,61 @@
             </mat-radio-group>
             <mat-form-field *ngIf="!isGroupAppNameSelected()" class="app-preselect-value">
                 <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.ROLE' | translate }} ["ACTIVITI_ADMIN", "ACTIVITI_USER"]</mat-label>
-                <input matInput (input)="setGroupRoles($event)" data-automation-id="app-group-roles-input"/>
+                <input matInput
+                    (input)="setGroupRoles($event.target?.value)"
+                    data-automation-id="app-group-roles-input"/>
             </mat-form-field>
             <mat-form-field *ngIf="isGroupAppNameSelected()" class="app-preselect-value">
                 <mat-label>{{ 'PEOPLE_GROUPS_CLOUD.APP_NAME' | translate }}</mat-label>
-                <input matInput (input)="setGroupAppName($event)" data-automation-id="app-group-app-input"/>
+                <input matInput
+                    (input)="setGroupAppName($event.target?.value)"
+                    data-automation-id="app-group-app-input"/>
             </mat-form-field>
             <mat-form-field class="app-preselect-value-full">
                 <mat-label>Preselect: {{ DEFAULT_GROUP_PLACEHOLDER }}</mat-label>
-                <input matInput (input)="setGroupsPreselectValue($event)" data-automation-id="app-group-preselect-input" />
+                <input matInput
+                    (input)="setGroupsPreselectValue($event.target?.value)"
+                    data-automation-id="app-group-preselect-input" />
             </mat-form-field>
+            <mat-checkbox class="app-preselect-value" (change)="onChangeGroupValidation($event)">
+                {{ 'PEOPLE_GROUPS_CLOUD.PRESELECT_VALIDATION' | translate }}
+            </mat-checkbox>
+            <mat-checkbox
+                data-automation-id="app-group-readonly"
+                value="{{ groupReadonly }}"
+                (change)="onChangeGroupReadonly($event)">
+                {{ 'PEOPLE_GROUPS_CLOUD.READONLY_MODE' | translate }}
+            </mat-checkbox>
         </div>
         <div>
-            <adf-cloud-group [mode]="groupMode" [roles]="groupRoles" [appName]="groupAppName" [preSelectGroups]="preSelectGroup"
-                (selectGroup)="onSelectGroup($event)" (removeGroup)="onRemoveGroup($event)"></adf-cloud-group>
+            <adf-cloud-group
+                [mode]="groupMode"
+                [readOnly]="groupReadonly"
+                [validate]="groupPreselectValidation"
+                [roles]="groupRoles"
+                [appName]="groupAppName"
+                [preSelectGroups]="preSelectGroup"
+                (warning)="onGroupsWarning($event)"></adf-cloud-group>
         </div>
 
-        <div class="app-group-list" *ngIf="canShowGroupList()">
+        <div class="app-group-list" *ngIf="groupMode === 'multiple'">
+            <h4>{{ 'PEOPLE_GROUPS_CLOUD.ALL_PRESELECTED_GROUPS' | translate }}</h4>
             <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 *ngIf="invalidGroups.length > 0">
+                <h4>{{ 'PEOPLE_GROUPS_CLOUD.INVALID_GROUPS' | translate }} <mat-icon>warning</mat-icon> </h4>
+                <mat-list role="list">
+                    <mat-list-item *ngFor="let invalidGroup of invalidGroups" role="listitem">
+                        <mat-icon mat-list-icon>group</mat-icon>
+                        {{invalidGroup?.name}}
+                    </mat-list-item>
+                </mat-list>
+            </div>
         </div>
     </mat-card-content>
 </mat-card>

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

@@ -16,9 +16,9 @@
  */
 
 import { Component, ViewEncapsulation } from '@angular/core';
-import { PeopleCloudComponent, GroupCloudComponent } from '@alfresco/adf-process-services-cloud';
+import { ComponentSelectionMode } from '@alfresco/adf-process-services-cloud';
 import { MatRadioChange, MatCheckboxChange } from '@angular/material';
-import { IdentityGroupModel } from '@alfresco/adf-core';
+import { IdentityGroupModel, IdentityUserModel } from '@alfresco/adf-core';
 
 @Component({
     selector: 'app-people-groups-cloud',
@@ -32,73 +32,83 @@ export class PeopleGroupCloudDemoComponent {
     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[] = [];
+    peopleMode: ComponentSelectionMode = 'single';
+    preSelectUsers: IdentityUserModel[] = [];
+    invalidUsers: IdentityUserModel[] = [];
     peopleRoles: string[] = [];
     peopleAppName: string;
     peopleFilterMode: string = this.DEFAULT_FILTER_MODE;
-    peoplePreselectValidation: Boolean = false;
+    peoplePreselectValidation = false;
+    groupPreselectValidation = false;
+    peopleReadonly = false;
+    groupReadonly = false;
 
-    groupMode: string = GroupCloudComponent.MODE_SINGLE;
+    groupMode: ComponentSelectionMode = 'single';
     preSelectGroup: IdentityGroupModel[] = [];
-    selectedGroupList: IdentityGroupModel[] = [];
+    invalidGroups: IdentityGroupModel[] = [];
     groupRoles: string[];
     groupAppName: string;
     groupFilterMode: string = this.DEFAULT_FILTER_MODE;
 
-    setPeoplePreselectValue(event: any) {
-        this.preSelectUsers = this.getArrayFromString(event.target.value);
+    setPeoplePreselectValue(value: string): void {
+        this.preSelectUsers = this.getArrayFromString(value);
     }
 
-    setGroupsPreselectValue(event: any) {
-        this.preSelectGroup = this.getArrayFromString(event.target.value);
+    setGroupsPreselectValue(value: string): void {
+        this.preSelectGroup = this.getArrayFromString(value);
     }
 
-    setPeopleRoles(event: any) {
-        this.peopleRoles = this.getArrayFromString(event.target.value);
+    setPeopleRoles(value: string): void {
+        this.peopleRoles = this.getArrayFromString(value);
     }
 
-    setGroupRoles(event: any) {
-        this.groupRoles = this.getArrayFromString(event.target.value);
+    setGroupRoles(value: string): void {
+        this.groupRoles = this.getArrayFromString(value);
     }
 
-    setPeopleAppName(event: any) {
-        this.peopleAppName = event.target.value;
+    setPeopleAppName(value: string): void {
+        this.peopleAppName = value;
     }
 
-    setGroupAppName(event: any) {
-        this.groupAppName = event.target.value;
+    setGroupAppName(value: string): void {
+        this.groupAppName = value;
     }
 
-    onChangePeopleMode(event: MatRadioChange) {
+    onChangePeopleMode(event: MatRadioChange): void {
        this.peopleMode = event.value;
-       this.preSelectUsers = [...this.preSelectUsers];
     }
 
-    onChangeGroupsMode(event: MatRadioChange) {
+    onChangePeopleReadonly(event: MatCheckboxChange): void {
+        this.peopleReadonly = event.checked;
+    }
+
+    onChangeGroupReadonly(event: MatCheckboxChange): void {
+        this.groupReadonly = event.checked;
+    }
+
+    onChangeGroupsMode(event: MatRadioChange): void {
         this.groupMode = event.value;
-        this.preSelectGroup = [...this.preSelectGroup];
     }
 
-    onChangePeopleFilterMode(event: MatRadioChange) {
+    onChangePeopleFilterMode(event: MatRadioChange): void {
         this.peopleFilterMode = event.value;
         this.resetPeopleFilter();
     }
 
-    onChangeGroupsFilterMode(event: MatRadioChange) {
+    onChangeGroupsFilterMode(event: MatRadioChange): void {
         this.groupFilterMode = event.value;
         this.restGroupFilter();
     }
 
-    isPeopleAppNameSelected() {
+    isPeopleAppNameSelected(): boolean {
         return this.peopleFilterMode === 'appName';
     }
 
-    isGroupAppNameSelected() {
+    isGroupAppNameSelected(): boolean {
         return this.groupFilterMode === 'appName';
     }
 
-    resetPeopleFilter() {
+    resetPeopleFilter(): void {
         if (this.isPeopleAppNameSelected()) {
             this.peopleRoles = [];
         } else {
@@ -106,7 +116,7 @@ export class PeopleGroupCloudDemoComponent {
         }
     }
 
-    restGroupFilter() {
+    restGroupFilter(): void {
         if (this.isGroupAppNameSelected()) {
             this.groupRoles = [];
         } else {
@@ -114,12 +124,23 @@ export class PeopleGroupCloudDemoComponent {
         }
     }
 
-    onChangePeopleValidation(event: MatCheckboxChange) {
+    onChangePeopleValidation(event: MatCheckboxChange): void {
         this.peoplePreselectValidation = event.checked;
-        this.preSelectUsers = [...this.preSelectUsers];
     }
 
-    isStringArray(str: string) {
+    onChangeGroupValidation(event: MatCheckboxChange): void {
+        this.groupPreselectValidation = event.checked;
+    }
+
+    onGroupsWarning(warning: any): void {
+        this.invalidGroups = warning.groups;
+    }
+
+    onUsersWarning(warning: any): void {
+        this.invalidUsers = warning.users;
+    }
+
+    isStringArray(str: string): boolean {
         try {
             const result = JSON.parse(str);
             return Array.isArray(result);
@@ -128,46 +149,11 @@ export class PeopleGroupCloudDemoComponent {
         }
     }
 
-    private getArrayFromString(value: string) {
-
+    private getArrayFromString<T = any>(value: string): T[] {
         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: IdentityGroupModel) {
-        this.preSelectGroup = this.preSelectGroup.filter((value: any) => value.id !== group.id);
-    }
-
-    onSelectGroup(group: IdentityGroupModel) {
-        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

@@ -1,4 +1,3 @@
-
 <button data-automation-id="go-back" mat-icon-button (click)="onGoBack()">
     <mat-icon>arrow_back</mat-icon> Go Back
 </button>
@@ -22,4 +21,3 @@
         [processInstanceId]="processInstanceId">
     </adf-cloud-process-header>
 </div>
-

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

@@ -11,4 +11,5 @@
         margin-left: 10px;
         width: 25%;
     }
+
  }

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

@@ -19,7 +19,7 @@
             [id]="editedFilter.processInstanceId"
             [status]="editedFilter.status"
             [name]="editedFilter.processName"
-            [businessKey]="editedFilter.businessKey"
+            [businessKey]="editedFilter['businessKey']"
             [lastModifiedFrom]="editedFilter.lastModifiedFrom"
             [lastModifiedTo]="editedFilter.lastModifiedTo"
             [sorting]="sortArray"

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

@@ -37,6 +37,7 @@ import { Pagination } from '@alfresco/js-api';
 export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
 
     public static ACTION_SAVE_AS = 'saveAs';
+    public static ACTION_DELETE = 'delete';
     static PROCESS_FILTER_PROPERTY_KEYS = 'adf-edit-process-filter';
 
     @ViewChild('processCloud')
@@ -53,7 +54,7 @@ export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
     selectedRow: any;
     multiselect: boolean;
     selectionMode: string;
-    selectedRows: string[] = [];
+    selectedRows: any[] = [];
     testingMode: boolean;
     actionMenu: boolean;
     contextMenu: boolean;
@@ -140,7 +141,12 @@ export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
     }
 
     onProcessFilterAction(filterAction: any) {
-        this.cloudLayoutService.setCurrentProcessFilterParam({ id: filterAction.filter.id });
+        if (filterAction.actionType === ProcessesCloudDemoComponent.ACTION_DELETE) {
+            this.cloudLayoutService.setCurrentProcessFilterParam({ index: 0 });
+        } else {
+            this.cloudLayoutService.setCurrentProcessFilterParam({ id: filterAction.filter.id });
+        }
+
         if (filterAction.actionType === ProcessesCloudDemoComponent.ACTION_SAVE_AS) {
             this.router.navigate([`/cloud/${this.appName}/processes/`], { queryParams: filterAction.filter });
         }

demo-shell/src/app/components/cloud/shared/cloud.shared.module.ts

@@ -25,7 +25,7 @@ import { FlexLayoutModule } from '@angular/flex-layout';
 @NgModule({
     imports: [
         CommonModule,
-        CoreModule.forChild(),
+        CoreModule,
         MatDialogModule,
         MatInputModule,
         MatSelectModule,

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

@@ -5,5 +5,6 @@
     [variables]="variables"
     (error)="openSnackMessage($event)"
     (success)="onStartProcessSuccess()"
+    (formContentClicked)="onFormContentClicked($event)"
     (cancel)="onCancelStartProcess()">
 </adf-cloud-start-process>

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

@@ -19,6 +19,7 @@ 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';
+import { PreviewService } from 'app/services/preview.service';
 
 @Component({
     templateUrl: './start-process-cloud-demo.component.html',
@@ -34,6 +35,7 @@ export class StartProcessCloudDemoComponent implements OnInit {
     constructor(private appConfig: AppConfigService,
                 private cloudLayoutService: CloudLayoutService,
                 private route: ActivatedRoute,
+                private previewService: PreviewService,
                 private notificationService: NotificationService,
                 private router: Router) {
     }
@@ -61,4 +63,8 @@ export class StartProcessCloudDemoComponent implements OnInit {
     openSnackMessage(event: any) {
         this.notificationService.openSnackMessage(event.response.body.entry.message);
     }
+
+    onFormContentClicked(resourceClicked: any) {
+        this.previewService.showResource(resourceClicked.nodeId);
+    }
 }

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

@@ -8,8 +8,6 @@
                 [taskId]="taskId"
                 (cancelClick)="goBack()"
                 (taskCompleted)="onTaskCompleted()"
-                (taskClaimed)="onTaskClaimed()"
-                (taskUnclaimed)="onTaskUnclaimed()"
                 (formContentClicked)="onFormContentClicked($event)"
                 (formSaved)="onFormSaved()">
             </adf-cloud-task-form>

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

@@ -60,14 +60,6 @@ export class TaskDetailsCloudDemoComponent {
         this.goBack();
     }
 
-    onTaskClaimed() {
-        this.taskHeader.ngOnInit();
-    }
-
-    onTaskUnclaimed() {
-        this.taskHeader.ngOnInit();
-    }
-
     onFormContentClicked(resourceClicked: any) {
         this.previewService.showResource(resourceClicked.nodeId);
     }

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

@@ -0,0 +1,27 @@
+<h2>{{ 'APP_LAYOUT.TASK_HEADER_CLOUD.COMPONENT_NAME' | translate }}</h2>
+
+<mat-form-field class="app-appName-input">
+    {{ 'APP_LAYOUT.TASK_HEADER_CLOUD.APP_NAME_INPUT' | translate }}
+    <input matInput
+           [type]="'text'"
+           [formControl]="appNameFormControl"
+           (change)="updateTaskHeader()">
+</mat-form-field>
+
+<mat-form-field class="app-taskId-input">
+    {{ 'APP_LAYOUT.TASK_HEADER_CLOUD.TASK_ID_INPUT' | translate }}
+    <input matInput
+           [type]="'text'"
+           [formControl]="taskIdFormControl"
+           (change)="updateTaskHeader()">
+</mat-form-field>
+
+<mat-error *ngIf="errorMessage">{{errorMessage}}</mat-error>
+
+<div>
+    <adf-cloud-task-header #taskHeader
+                           [appName]="appName"
+                           [taskId]="taskId"
+                           (error)="onError($event)">
+    </adf-cloud-task-header>
+</div>

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

@@ -0,0 +1,16 @@
+.app {
+
+    &-appName-input {
+        width: 500px;
+        margin-right: 50px;
+    }
+
+    &-taskId-input {
+        width: 500px;
+    }
+
+    &-find-task-button {
+        background-color: #ff9800;
+        margin-left: 30px;
+    }
+}

demo-shell/src/app/components/cloud/task-header-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, ViewChild } from '@angular/core';
+import { TaskHeaderCloudComponent } from '@alfresco/adf-process-services-cloud';
+import { FormControl } from '@angular/forms';
+
+@Component({
+    templateUrl: './task-header-cloud-demo.component.html',
+    styleUrls: ['./task-header-cloud-demo.component.scss']
+})
+export class TaskHeaderCloudDemoComponent {
+    @ViewChild('taskHeader')
+    taskHeader: TaskHeaderCloudComponent;
+
+    appName: string;
+    taskId: string;
+
+    errorMessage;
+
+    appNameFormControl = new FormControl('');
+    taskIdFormControl = new FormControl('');
+
+    constructor() {}
+
+    updateTaskHeader() {
+        this.errorMessage = undefined;
+        this.appName = this.appNameFormControl.value;
+        this.taskId = this.taskIdFormControl.value;
+    }
+
+    onError(error) {
+        this.errorMessage = error;
+    }
+}

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

@@ -27,6 +27,7 @@
             [createdDate]="editedFilter.createdDate"
             [dueDate]="editedFilter.dueDate"
             [sorting]="sortArray"
+            [standalone]="editedFilter.standalone"
             [multiselect]="multiselect"
             [selectionMode]="selectionMode"
             [stickyHeader]="true"

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

@@ -30,6 +30,7 @@ import { takeUntil } from 'rxjs/operators';
 export class TasksCloudDemoComponent implements OnInit, OnDestroy {
 
     public static ACTION_SAVE_AS = 'saveAs';
+    public static ACTION_DELETE = 'delete';
     static TASK_FILTER_PROPERTY_KEYS = 'adf-edit-task-filter';
 
     @ViewChild('taskCloud')
@@ -133,7 +134,13 @@ export class TasksCloudDemoComponent implements OnInit, OnDestroy {
     }
 
     onTaskFilterAction(filterAction: any) {
-        this.cloudLayoutService.setCurrentTaskFilterParam({ id: filterAction.filter.id });
+
+        if (filterAction.actionType === TasksCloudDemoComponent.ACTION_DELETE) {
+            this.cloudLayoutService.setCurrentTaskFilterParam({ index: 0 });
+        } else {
+            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.module.ts

@@ -32,7 +32,7 @@ const routes: Routes = [
 @NgModule({
     imports: [
         CommonModule,
-        CoreModule.forChild(),
+        CoreModule,
         RouterModule.forChild(routes),
         MonacoEditorModule
     ],

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

@@ -227,5 +227,24 @@
                 </adf-content-node-selector-panel>
             </div>
         </mat-expansion-panel>
+        <mat-expansion-panel>
+            <mat-expansion-panel-header>
+                <mat-panel-title>
+                    <h2>shows files</h2>
+                </mat-panel-title>
+                <mat-panel-description>
+                    <label class="app-content-node-selector-demo-basic-label">
+                       Shows files in search result
+                    </label>
+                </mat-panel-description>
+            </mat-expansion-panel-header>
+
+            <div class="app-content-node-selector-demo-basic-table">
+                <adf-content-node-selector-panel
+                    [currentFolderId]="'-root-'"
+                    [showFilesInResult]="true">
+                </adf-content-node-selector-panel>
+            </div>
+        </mat-expansion-panel>
     </mat-accordion>
 </main>

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

@@ -33,7 +33,7 @@ const routes: Routes = [
     imports: [
         CommonModule,
         RouterModule.forChild(routes),
-        CoreModule.forChild(),
+        CoreModule,
         ContentModule.forChild()
     ],
     declarations: [ContentNodeSelectorComponent]

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

@@ -16,8 +16,7 @@
  */
 
 import { Component, Input } from '@angular/core';
-import { DataColumn, DataRow } from '@alfresco/adf-core';
-import { ObjectDataTableAdapter } from '@alfresco/adf-core';
+import { DataColumn, DataRow, ObjectDataTableAdapter } from '@alfresco/adf-core';
 
 export class FilteredDataAdapter extends ObjectDataTableAdapter {
 

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

@@ -32,7 +32,7 @@ const routes: Routes = [
 @NgModule({
     imports: [
         CommonModule,
-        CoreModule.forChild(),
+        CoreModule,
         RouterModule.forChild(routes),
         ContentModule.forChild()
     ],

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

@@ -49,7 +49,7 @@
 <div>
     <p>{{ 'DATATABLE.MULTISELECT_DESCRIPTION'| translate }}</p>
     <mat-form-field>
-        <mat-select placeholder="Selection Mode" [(ngModel)]="selectionMode" name="food">
+        <mat-select placeholder="Selection Mode" [(ngModel)]="selectionMode" name="food" data-automation-id="datatable-selection-mode">
             <mat-option *ngFor="let mode of selectionModes" [value]="mode.value">
                 {{mode.viewValue}}
             </mat-option>

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

@@ -32,7 +32,7 @@ const routes: Routes = [
 @NgModule({
     imports: [
         CommonModule,
-        CoreModule.forChild(),
+        CoreModule,
         RouterModule.forChild(routes),
         ContentModule.forChild()
     ],

demo-shell/src/app/components/datatable/drag-and-drop/datatable-dnd.module.ts

@@ -33,7 +33,7 @@ const routes: Routes = [
     imports: [
         CommonModule,
         RouterModule.forChild(routes),
-        CoreModule.forChild(),
+        CoreModule,
         ContentModule.forChild()
     ],
     declarations: [DataTableDnDComponent]

demo-shell/src/app/components/document-list/extension-presets/extension-presets.module.ts

@@ -34,10 +34,10 @@ const routes: Routes = [
 @NgModule({
     imports: [
         CommonModule,
-        CoreModule.forChild(),
+        CoreModule,
         RouterModule.forChild(routes),
         ContentModule.forChild(),
-        ExtensionsModule.forChild()
+        ExtensionsModule
     ],
     declarations: [
         ExtensionPresetsComponent,

demo-shell/src/app/components/document-list/extension-presets/name-column/name-column.component.ts

@@ -24,10 +24,9 @@ import {
     ElementRef,
     OnDestroy
 } from '@angular/core';
-import { NodeEntry } from '@alfresco/js-api';
+import { NodeEntry, Node } from '@alfresco/js-api';
 import { BehaviorSubject, Subject } from 'rxjs';
 import { AlfrescoApiService } from '@alfresco/adf-core';
-import { Node } from '@alfresco/js-api';
 import { takeUntil } from 'rxjs/operators';
 
 @Component({

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

@@ -49,7 +49,7 @@
                         [color]="'primary'"
                         (change)="toggleMulti()"
                         [checked]="multi">
-                        multi accordion
+                        Multi accordion
                     </mat-slide-toggle>
                 </p>
 
@@ -59,7 +59,7 @@
                         [color]="'primary'"
                         (change)="toggleReadOnly()"
                         [checked]="isReadOnly">
-                        Editable
+                        Read Only
                     </mat-slide-toggle>
                 </p>
 
@@ -108,7 +108,7 @@
                 <mat-card>
                     <mat-card-content>
                         <adf-version-manager [node]="node"
-                                             (uploadError)="uploadError($event)">
+                                             (uploadError)="onUploadError($event)">
                         </adf-version-manager>
                     </mat-card-content>
                 </mat-card>
@@ -328,7 +328,7 @@
         [allowRightSidebar]="allowRightSidebar"
         [allowLeftSidebar]="allowLeftSidebar"
         [urlFile]="urlFile"
-        (showViewerChange)="onViewerVisibilityChanged($event)"
+        (showViewerChange)="onViewerVisibilityChanged()"
         [sidebarLeftTemplate]="sidebarLeftTemplate"
         [sidebarRightTemplate]="sidebarRightTemplate">
 

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

@@ -33,7 +33,7 @@ const routes: Routes = [
     imports: [
         CommonModule,
         RouterModule.forChild(routes),
-        CoreModule.forChild(),
+        CoreModule,
         InfoDrawerModule,
         ContentDirectiveModule,
         ContentMetadataModule,

demo-shell/src/app/components/files/custom-sources.component.html

@@ -1,7 +1,7 @@
 <adf-toolbar>
     <adf-toolbar-title>
         <mat-form-field>
-            <mat-select [(ngModel)]="selectedSource">
+            <mat-select [(ngModel)]="selectedSource" data-automation-id="custom-sources-select">
                 <mat-option *ngFor="let source of sources" [value]="source.value">
                     {{ source.title }}
                 </mat-option>

demo-shell/src/app/components/files/custom-sources.module.ts

@@ -33,7 +33,7 @@ const routes: Routes = [
     imports: [
         CommonModule,
         RouterModule.forChild(routes),
-        CoreModule.forChild(),
+        CoreModule,
         ContentModule.forChild()
     ],
     declarations: [CustomSourcesComponent]

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

@@ -41,7 +41,8 @@
                               [versioning]="versioning"
                               [adf-check-allowable-operation]="'create'"
                               [adf-nodes]="disableDragArea ? getCurrentDocumentListNode() : []"
-                              (beginUpload)="onBeginUpload($event)">
+                              (beginUpload)="onBeginUpload($event)"
+                              (updateFileVersion)="onUploadNewVersion($event)">
             <div *ngIf="errorMessage" class="app-error-message">
                 <button (click)="resetError()" mat-icon-button>
                     <mat-icon>highlight_off</mat-icon>
@@ -113,7 +114,9 @@
                         <mat-icon>get_app</mat-icon>
                     </button>
                     <button mat-icon-button
+                            data-automation-id="delete-toolbar-button"
                             adf-check-allowable-operation="delete"
+                            permanent=true
                             [adf-nodes]="documentList.selection"
                             title="{{ 'DOCUMENT_LIST.TOOLBAR.DELETE' | translate }}"
                             (delete)="onDeleteActionSuccess($event)"
@@ -318,6 +321,7 @@
                     <data-column
                         title="{{'DOCUMENT_LIST.COLUMNS.IS_LOCKED' | translate}}"
                         key="id"
+                        [focus]="false"
                         class="app-desktop-only adf-ellipsis-cell">
                         <ng-template let-entry="$implicit">
                             <button mat-icon-button [adf-node-lock]="entry.row.node.entry" class="app-lock-button">
@@ -443,7 +447,7 @@
             <adf-infinite-pagination
                 [hidden]="!infiniteScrolling"
                 [target]="documentList"
-                [loading]="documentList.infiniteLoading">
+                [loading]="documentList.loading">
                 {{ 'ADF-DOCUMENT-LIST.LAYOUT.LOAD_MORE' | translate }}
             </adf-infinite-pagination>
         </adf-upload-drag-area>
@@ -562,8 +566,8 @@
         </section>
 
         <section>
-            <mat-slide-toggle id="adf-document-list-enable-drop-files" [color]="'primary'" [(ngModel)]="allowDropFiles"
-                              (click)="toggleAllowDropFiles()">
+            <mat-slide-toggle id="adf-document-list-enable-drop-files" [color]="'primary'" [checked]="allowDropFiles"
+                              (change)="toggleAllowDropFiles()">
                 {{'DOCUMENT_LIST.ALLOW_DROP_FILES' | translate}}
             </mat-slide-toggle>
         </section>

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

@@ -29,8 +29,9 @@
         }
     }
 
-    .app-datatable-card .app-lock-button {
+    .adf-datatable-card .app-lock-button {
         top: -10px;
+        position: absolute;
     }
 
     .app-site-container-style {

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

@@ -23,7 +23,7 @@ import { Location } from '@angular/common';
 
 import { MatDialog } from '@angular/material';
 import { ActivatedRoute, Params, Router } from '@angular/router';
-import { MinimalNodeEntity, NodePaging, Pagination, MinimalNodeEntryEntity, SiteEntry } from '@alfresco/js-api';
+import { MinimalNodeEntity, NodePaging, Pagination, MinimalNodeEntryEntity, SiteEntry, SearchEntry } from '@alfresco/js-api';
 import {
     AlfrescoApiService, AuthenticationService, AppConfigService, AppConfigValues, ContentService, TranslationService,
     FileUploadEvent, FolderCreatedEvent, LogService, NotificationService,
@@ -48,7 +48,6 @@ import { MetadataDialogAdapterComponent } from './metadata-dialog-adapter.compon
 import { Subject } from 'rxjs';
 import { PreviewService } from '../../services/preview.service';
 import { debounceTime, takeUntil } from 'rxjs/operators';
-import { SearchEntry } from '@alfresco/js-api';
 
 const DEFAULT_FOLDER_TO_SHOW = '-my-';
 
@@ -76,9 +75,9 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
     toolbarColor = 'default';
 
     selectionModes = [
-        { value: 'none', viewValue: 'None' },
-        { value: 'single', viewValue: 'Single' },
-        { value: 'multiple', viewValue: 'Multiple' }
+        {value: 'none', viewValue: 'None'},
+        {value: 'single', viewValue: 'Single'},
+        {value: 'multiple', viewValue: 'Multiple'}
     ];
 
     // The identifier of a node. You can also use one of these well-known aliases: -my- | -shared- | -root-
@@ -238,6 +237,7 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
     }
 
     toggleAllowDropFiles() {
+        this.allowDropFiles = !this.allowDropFiles;
         this.documentList.reload();
     }
 
@@ -323,7 +323,7 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
 
     getCurrentDocumentListNode(): MinimalNodeEntity[] {
         if (this.documentList.folderNode) {
-            return [{ entry: this.documentList.folderNode }];
+            return [{entry: this.documentList.folderNode}];
         } else {
             return [];
         }
@@ -374,8 +374,8 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
         });
     }
 
-    openSnackMessage(event: any) {
-        this.notificationService.openSnackMessage(event);
+    openSnackMessage(message: string) {
+        this.notificationService.showError(message);
     }
 
     emitReadyEvent(event: NodePaging) {
@@ -428,7 +428,7 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
 
         if (this.contentService.hasAllowableOperations(contentEntry, 'update')) {
             this.dialog.open(VersionManagerDialogAdapterComponent, {
-                data: { contentEntry: contentEntry, showComments: showComments, allowDownload: allowDownload },
+                data: {contentEntry: contentEntry, showComments: showComments, allowDownload: allowDownload},
                 panelClass: 'adf-version-manager-dialog',
                 width: '630px'
             });
@@ -592,6 +592,27 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
         this.logService.log(event);
     }
 
+    onUploadNewVersion(ev) {
+        const contentEntry = ev.detail.data.node.entry;
+        const showComments = this.showVersionComments;
+        const allowDownload = this.allowVersionDownload;
+        const newFileVersion = ev.detail.files[0].file;
+
+        if (this.contentService.hasAllowableOperations(contentEntry, 'update')) {
+            this.dialog.open(VersionManagerDialogAdapterComponent, {
+                data: {
+                    contentEntry: contentEntry, showComments: showComments, allowDownload: allowDownload,
+                    newFileVersion: newFileVersion, showComparison: true
+                },
+                panelClass: 'adf-version-manager-dialog',
+                width: '630px'
+            });
+        } else {
+            const translatedErrorMessage: any = this.translateService.instant('OPERATION.ERROR.PERMISSION');
+            this.openSnackMessage(translatedErrorMessage);
+        }
+    }
+
     getFileFiltering(): string {
         return this.acceptedFilesTypeShow ? this.acceptedFilesType : '*';
     }

demo-shell/src/app/components/files/version-manager-dialog-adapter.component.html

@@ -7,7 +7,7 @@
 </section>
 
 <section>
-    <mat-slide-toggle id="adf-version-manager-switch-download"color="primary" [(ngModel)]="allowDownload">
+    <mat-slide-toggle id="adf-version-manager-switch-download" color="primary" [(ngModel)]="allowDownload">
         {{'APP.ADF_VERSION_MANAGER.ALLOW_DOWNLOAD' | translate}}
     </mat-slide-toggle>
 </section>
@@ -18,11 +18,24 @@
     </mat-slide-toggle>
 </section>
 
+<section *ngIf="newFileVersion">
+    <mat-slide-toggle id="adf-version-manager-switch-comparison" color="primary" [(ngModel)]="showVersionComparison">
+        {{'APP.ADF_VERSION_MANAGER.VERSION_COMPARISON' | translate}}
+    </mat-slide-toggle>
+</section>
+
 <section mat-dialog-content *ngIf="!readOnly">
-    <adf-version-manager [node]="contentEntry" [allowDownload]="allowDownload" [showComments]="showComments" (uploadError)="uploadError($event)"></adf-version-manager>
+    <adf-version-manager [node]="contentEntry"
+                         (uploadCancel)="hideVersionComparison($event)"
+                         (uploadSuccess)="hideVersionComparison($event)"
+                         [showVersionComparison]="showVersionComparison"
+                         [newFileVersion]="newFileVersion"
+                         [allowDownload]="allowDownload"
+                         [showComments]="showComments"
+                         (uploadError)="uploadError($event)"></adf-version-manager>
 </section>
 <section mat-dialog-content *ngIf="readOnly">
-    <adf-version-list [node]="contentEntry" [showActions]="false" ></adf-version-list>
+    <adf-version-list [node]="contentEntry" [showActions]="false"></adf-version-list>
 </section>
 
 <footer mat-dialog-actions fxLayout="row" fxLayoutAlign="end center">

demo-shell/src/app/components/files/version-manager-dialog-adapter.component.ts

@@ -16,9 +16,9 @@
  */
 
 import { Component, Inject, ViewEncapsulation } from '@angular/core';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { MinimalNodeEntryEntity } from '@alfresco/js-api';
-import { MatSnackBar } from '@angular/material';
+import { MatSnackBar } from '@angular/material/snack-bar';
 
 @Component({
     templateUrl: './version-manager-dialog-adapter.component.html',
@@ -27,24 +27,34 @@ import { MatSnackBar } from '@angular/material';
 export class VersionManagerDialogAdapterComponent {
 
     public contentEntry: MinimalNodeEntryEntity;
+    public newFileVersion: File;
 
     showComments = true;
     allowDownload = true;
     readOnly = false;
+    showVersionComparison = false;
 
     constructor(@Inject(MAT_DIALOG_DATA) data: any,
                 private snackBar: MatSnackBar,
                 private containingDialog?: MatDialogRef<VersionManagerDialogAdapterComponent>) {
         this.contentEntry = data.contentEntry;
+        this.newFileVersion = data.hasOwnProperty('newFileVersion') ? data.newFileVersion : this.newFileVersion;
         this.showComments = data.hasOwnProperty('showComments') ? data.showComments : this.showComments;
         this.allowDownload = data.hasOwnProperty('allowDownload') ? data.allowDownload : this.allowDownload;
     }
 
     uploadError(errorMessage: string) {
-        this.snackBar.open(errorMessage, '', { duration: 4000 });
+        this.snackBar.open(errorMessage, '', {duration: 4000});
     }
 
     close() {
         this.containingDialog.close();
     }
+
+    hideVersionComparison(isCancelled: boolean | Node) {
+        if (isCancelled) {
+            this.showVersionComparison = false;
+            this.newFileVersion = null;
+        }
+    }
 }

demo-shell/src/app/components/form/fake-form.service.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Observable, of } from 'rxjs';
+import { Observable, of, Subject } from 'rxjs';
 import { Injectable } from '@angular/core';
 import {
     AlfrescoApiService,
@@ -24,7 +24,6 @@ import {
     FormService,
     FormOutcomeEvent
 } from '@alfresco/adf-core';
-import { Subject } from 'rxjs';
 
 @Injectable()
 export class FakeFormService extends FormService {

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

@@ -16,7 +16,8 @@
  */
 
 import { Component, Inject, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
-import { FormModel, FormFieldModel, FormService, FormOutcomeEvent, NotificationService, CoreAutomationService } from '@alfresco/adf-core';
+import { FormModel, FormFieldModel, FormService, FormOutcomeEvent, NotificationService, CoreAutomationService, FormRenderingService } from '@alfresco/adf-core';
+import { ProcessFormRenderingService } from '@alfresco/adf-process-services';
 import { InMemoryFormService } from '../../services/in-memory-form.service';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -26,7 +27,8 @@ import { takeUntil } from 'rxjs/operators';
     templateUrl: 'form.component.html',
     styleUrls: ['form.component.scss'],
     providers: [
-        { provide: FormService, useClass: InMemoryFormService }
+        { provide: FormService, useClass: InMemoryFormService },
+        { provide: FormRenderingService, useClass: ProcessFormRenderingService }
     ],
     encapsulation: ViewEncapsulation.None
 })

demo-shell/src/app/components/header-data/header-data.module.ts

@@ -32,7 +32,7 @@ const routes: Routes = [
     imports: [
         CommonModule,
         RouterModule.forChild(routes),
-        CoreModule.forChild()
+        CoreModule
     ],
     declarations: [HeaderDataComponent]
 })

demo-shell/src/app/components/home/home.component.spec.ts

@@ -1,36 +0,0 @@
-/*!
- * @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 { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { HomeComponent } from './home.component';
-import { CoreModule } from '@alfresco/adf-core';
-
-describe('HomeComponent', () => {
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-        imports: [CoreModule.forRoot()],
-        declarations: [HomeComponent],
-        schemas: [CUSTOM_ELEMENTS_SCHEMA]
-    });
-  });
-
-  it ('should work', () => {
-    const fixture = TestBed.createComponent(HomeComponent);
-    expect(fixture.componentInstance instanceof HomeComponent).toBe(true, 'should create HomeComponent');
-  });
-});

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

@@ -31,7 +31,7 @@ const routes: Routes = [
 @NgModule({
     imports: [
         CommonModule,
-        CoreModule.forChild(),
+        CoreModule,
         RouterModule.forChild(routes)
     ],
     declarations: [IconsComponent]