[ADF-1653] [ADF-1651] - disabled download for external source and added download for same login content (#5450 )

* ADF-1653 - disabled download for external content * ADF-1653 - ADF-1651 - disabled download for external source and added download for same login content * ADF-1653 - using downloadService instead of contentService * improve solution * improve solution * fix unit * add more unti test * fix lint Co-authored-by: Eugenio Romano <eromano@users.noreply.github.com>
[ADF-5073] Sorted column header is incorrectly read by a screen reader (#5449 )
2026-09-16 18:13:06 +00:00 · 2020-02-06 15:07:59 +00:00 · 2020-02-06 13:54:58 +00:00 · 2020-02-06 13:36:24 +00:00 · 2020-02-06 12:45:43 +00:00 · 2020-02-06 11:32:25 +00:00
2302 changed files with 37979 additions and 67931 deletions
@@ -4,6 +4,7 @@ bundles
 workspace.xml
 .idea/
 .env.*
+.env
 dist/
 e2e/.env.cloud
 tmp
@@ -16,8 +17,6 @@ e2e-output/
 /demo-shell/dist-dev-temp/
 /lib/export-new.json
 /lib/config/exportCheck.js
-/lib/config/export-check/export-new.json
-/lib/config/export-check/exportCheck.js
 /docs/sourceinfo
 /docs/docs.json
 /protractorFailuresReport
@@ -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
@@ -0,0 +1,13 @@
+# Snyk (https://snyk.io) policy file, patches or ignores known vulnerabilities.
+version: v1.14.0
+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'
@@ -1 +1,2 @@
 _theming.scss
+pdfViewerHost.component.scss
@@ -1,12 +1,11 @@
 git:
  depth: 3
  quiet: true
+
 language: node_js
 dist: trusty
-sudo: required
 node_js:
- # Use the explicit NodeJS LTS version 8.9.4 to avoid any automatic upgrade of the version.
-  - '10.16.0'
+  - '12.13.1'

 install:
    echo "no install"
@@ -23,18 +22,30 @@ branches:
 # 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: 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)  OR type = api
  - name: e2e Test
-  - name: Deploy PR
-    if: type = pull_request
-  - name: Release on npm
-    if: branch = development AND type = push
+    if: (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 OR branch = master
+  - name: Trigger ADF child build
+    if: (branch = development 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"
+    - export GIT_HASH=`git rev-parse HEAD`

 before_install:
    - export CHROME_BIN=chromium-browser
@@ -44,13 +55,21 @@ before_install:

 jobs:
    include:
+        # Run Only for any PR
        - stage: Lint & Build Dist
-          name:  Build Dist
+          name:  Lint & Build Dist
          script:
            - ./scripts/travis/build/build.sh || exit 1;
-        - stage: Lint & Build Dist
-          name:  Lint
-          script: ./scripts/lint.sh || exit 1;
+            - ./scripts/lint.sh || exit 1;
+
+        # Run Only on Development 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-npm.sh
+

        - stage: Unit test
          name: Unit test content
@@ -61,61 +80,60 @@ jobs:
        - stage: Unit test
          name: Unit test process process-cloud insights
          script: ./scripts/travis/unit-test/process.sh
-        - stage: Deploy PR
-          name: Deploy PR
-          script:
-             ./scripts/travis/deploy/deploy.sh
-        - stage: Update children projects dependency #Update children projects dependency
-          name: Update Related Project
-          if: tag =~ .*beta.*
+
+
+        - stage: Update Children Projects
          script: ./scripts/travis/update/update-children.sh
+
+        - stage: Release beta tag
+          script: ./scripts/travis/release/git-tag.sh
+
+
        - stage: e2e Test
          name: core
          script: ./scripts/travis/e2e/core-e2e.sh
        - stage: e2e Test
          name:  content
-          script:
-            ./scripts/travis/e2e/content-services-e2e.sh
+          script: ./scripts/travis/e2e/content-services-e2e.sh
        - stage: e2e Test
          name:  search
-          script:
-              ./scripts/travis/e2e/search-e2e.sh
+          script: ./scripts/travis/e2e/search-e2e.sh
        - stage: e2e Test
          name: process
-          script:
-              ./scripts/travis/e2e/process-services-e2e.sh
+          script: ./scripts/travis/e2e/process-services-e2e.sh
        - stage: e2e Test
          name: process Cloud
+          script: ./scripts/travis/e2e/process-services-cloud-e2e.sh
+
+
+        - stage: Update Rancher
+          name: Update Rancher
+          script: ./scripts/travis/deploy/deploy.sh
+
+
+        - stage: Check bundle
          script:
-              ./scripts/travis/e2e/process-services-cloud-e2e.sh
-        - stage: Release on npm
-          script:
-          - ./lib/dist/cli/bin/adf-cli npm-publish --npmRegistry $NPM_REGISTRY_ADDRESS --tokenRegistry $NPM_REGISTRY_TOKEN --tag $TAG_NPM --pathProject "$(pwd)"
+          - ADF_VERSION=$(npm view @alfresco/adf-core@${TAG_NPM} version)
+          - ./scripts/npm-check-bundles.sh -v ${ADF_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

-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
-
-# Send coverage data to codecov
-after_success:
-    bash <(curl -s https://codecov.io/bash) -X gcov
+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:
  - node_modules
  - demo-shell/dist
  - tmp
-  - lib/dist
@@ -1,13 +1,14 @@
 # Alfresco Application Development Framework (ADF)

+| 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) |
+
 [![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)

 <p>
-  <a title='Build Status Travis' href="https://travis-ci.org/Alfresco/alfresco-ng2-components">
-    <img src='https://travis-ci.org/Alfresco/alfresco-ng2-components.svg?branch=master'  alt='travis
-    Status' />
-  </a>
  <a href='https://codecov.io/gh/Alfresco/alfresco-ng2-components'>
    <img src='http://img.shields.io/codecov/c/github/Alfresco/alfresco-ng2-components/master.svg?maxAge=2592000' alt='Coverage Status' />
  </a>
@@ -65,4 +66,3 @@ 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. 
-
@@ -25,7 +25,6 @@
              "demo-shell/src/assets",
              "demo-shell/src/favicon-96x96.png",
              "demo-shell/src/app.config.json",
-              "demo-shell/src/versions.json",
              {
                "glob": "**/*",
                "input": "demo-shell/resources",
@@ -166,7 +165,6 @@
              "demo-shell/src/assets",
              "demo-shell/src/favicon-96x96.png",
              "demo-shell/src/app.config.json",
-              "demo-shell/src/versions.json",
              {
                "glob": "**/*",
                "input": "demo-shell/resources",
@@ -255,7 +253,6 @@
            "assets": [
              "demo-shell/src/assets",
              "demo-shell/src/app.config.json",
-              "demo-shell/src/versions.json",
              {
                "glob": "**/*",
                "input": "demo-shell/src/assets",
@@ -266,11 +263,6 @@
                "input": "demo-shell/src",
                "output": "/"
              },
-              {
-                "glob": "versions.json",
-                "input": "demo-shell/src",
-                "output": "/"
-              },
              {
                "glob": "**/*",
                "input": "demo-shell/resources",
@@ -293,17 +285,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"
              },
              {
@@ -313,12 +305,12 @@
              },
              {
                "glob": "**/*",
-                "input": "lib/content-services/i18n",
+                "input": "lib/content-services/src/lib/i18n",
                "output": "/assets/adf-content-services/i18n"
              },
              {
                "glob": "**/*",
-                "input": "lib/process-services/i18n",
+                "input": "lib/process-services/src/lib/i18n",
                "output": "/assets/adf-process-services/i18n"
              },
              {
@@ -328,7 +320,7 @@
              },
              {
                "glob": "**/*",
-                "input": "lib/insights/i18n",
+                "input": "lib/insights/src/lib/i18n",
                "output": "/assets/adf-insights/i18n"
              },
              {
@@ -430,7 +422,6 @@
            "assets": [
              "demo-shell/src/assets",
              "demo-shell/src/app.config.json",
-              "demo-shell/src/versions.json",
              {
                "glob": "**/*",
                "input": "demo-shell/src/assets",
@@ -441,11 +432,6 @@
                "input": "demo-shell/src",
                "output": "/"
              },
-              {
-                "glob": "versions.json",
-                "input": "demo-shell/src",
-                "output": "/"
-              },
              {
                "glob": "**/*",
                "input": "demo-shell/resources",
@@ -468,17 +454,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"
              },
              {
@@ -488,12 +474,12 @@
              },
              {
                "glob": "**/*",
-                "input": "lib/content-services/i18n",
+                "input": "lib/content-services/src/lib/i18n",
                "output": "/assets/adf-content-services/i18n"
              },
              {
                "glob": "**/*",
-                "input": "lib/process-services/i18n",
+                "input": "lib/process-services/src/lib/i18n",
                "output": "/assets/adf-process-services/i18n"
              },
              {
@@ -503,7 +489,7 @@
              },
              {
                "glob": "**/*",
-                "input": "lib/insights/i18n",
+                "input": "lib/insights/src/lib/i18n",
                "output": "/assets/adf-insights/i18n"
              },
              {
@@ -561,7 +547,9 @@
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
-            "tsConfig": [],
+            "tsConfig": [
+              "./e2e/tsconfig.e2e.json"
+            ],
            "exclude": [
              "**/node_modules/**/*"
            ]
@@ -613,7 +601,7 @@
    },
    "content-services": {
      "root": "lib/content-services",
-      "sourceRoot": "lib/content-services",
+      "sourceRoot": "lib/content-services/src",
      "projectType": "library",
      "prefix": "adf",
      "architect": {
@@ -632,7 +620,7 @@
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
-            "main": "lib/content-services/test.ts",
+            "main": "lib/content-services/src/test.ts",
            "tsConfig": "lib/content-services/tsconfig.spec.json",
            "karmaConfig": "lib/content-services/karma.conf.js",
            "codeCoverage": true,
@@ -644,7 +632,7 @@
          "options": {
            "tsConfig": [
              "lib/content-services/tsconfig.lib.json",
-              "lib/content-services/tsconfig.lib.json"
+              "lib/content-services/tsconfig.spec.json"
            ],
            "exclude": [
              "**/node_modules/**"
@@ -674,7 +662,7 @@
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
-            "main": "lib/process-services/test.ts",
+            "main": "lib/process-services/src/test.ts",
            "tsConfig": "lib/process-services/tsconfig.spec.json",
            "karmaConfig": "lib/process-services/karma.conf.js",
            "codeCoverage": true,
@@ -686,7 +674,7 @@
          "options": {
            "tsConfig": [
              "lib/process-services/tsconfig.lib.json",
-              "lib/process-services/tsconfig.lib.json"
+              "lib/process-services/tsconfig.spec.json"
            ],
            "exclude": [
              "**/node_modules/**"
@@ -746,7 +734,7 @@
        "build": {
          "builder": "@angular-devkit/build-ng-packagr:build",
          "options": {
-            "tsConfig": "lib/extensions/tsconfig.lib.json",
+            "tsConfig": "lib/insights/tsconfig.lib.json",
            "project": "lib/insights/ng-package.json"
          },
          "configurations": {
@@ -758,8 +746,8 @@
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
-            "main": "lib/insights/test.ts",
-            "tsConfig": "lib/extensions/tsconfig.spec.json",
+            "main": "lib/insights/src/test.ts",
+            "tsConfig": "lib/insights/tsconfig.spec.json",
            "karmaConfig": "lib/insights/karma.conf.js",
            "codeCoverage": true,
            "sourceMap": true
@@ -770,7 +758,7 @@
          "options": {
            "tsConfig": [
              "lib/insights/tsconfig.lib.json",
-              "lib/insights/tsconfig.lib.json"
+              "lib/insights/tsconfig.spec.json"
            ],
            "exclude": [
              "**/node_modules/**"
@@ -850,6 +838,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"
@@ -1,63 +0,0 @@
-# Test against this version of Node.js
-branches:
-  only:
-    - master
-    - development
-    - dev-build-test
-
-environment:
-  nodejs_version: "8"
-
-  matrix:
-    - COMPONENT_NAME: process-service
-    - COMPONENT_NAME: content-service
-    - COMPONENT_NAME: core
-    - COMPONENT_NAME: insights
-#  - COMPONENT_NAME: ng2-demo-shell
-
-# Install scripts. (runs after repo cloning)
-install:
-  # Get the latest stable version of Node.js or io.js
-  - ps: Install-Product node $env:nodejs_version
-  # install module
-  - if %COMPONENT_NAME% EQU process-service (
-              if %APPVEYOR_REPO_BRANCH EQU master
-                (cd scripts && sh npm-build-all.sh -t "process-services"  || exit 1)
-              else
-                (cd scripts && sh npm-build-all.sh -t "process-services" -vjsapi alpha|| exit 1)
-    )
-  - if %COMPONENT_NAME% EQU content-service (
-              if %APPVEYOR_REPO_BRANCH EQU master
-                (cd scripts && sh npm-build-all.sh -t "content-services"  || exit 1)
-              else
-                (cd scripts && sh npm-build-all.sh -t "content-services" -vjsapi alpha|| exit 1)
-    )
-  - if %COMPONENT_NAME% EQU insights (
-              if %APPVEYOR_REPO_BRANCH EQU master
-                (cd scripts && sh npm-build-all.sh -t "insights"  || exit 1)
-              else
-                (cd scripts && sh npm-build-all.sh -t "insights" -vjsapi alpha|| exit 1)
-    )
-  - if %COMPONENT_NAME% EQU core (
-              if %APPVEYOR_REPO_BRANCH EQU master
-                (cd scripts && sh npm-build-all.sh -t "core"  || exit 1)
-              else
-                (cd scripts && sh npm-build-all.sh -t "core" -vjsapi alpha|| exit 1)
-    )
-  - if %COMPONENT_NAME% EQU process-service-cloud (
-              if %APPVEYOR_REPO_BRANCH EQU master
-                (cd scripts && sh npm-build-all.sh -t "process-services-cloud"  || exit 1)
-              else
-                (cd scripts && sh npm-build-all.sh -t "process-services-cloud" -vjsapi alpha|| exit 1)
-    )
-#  - if %COMPONENT_NAME% EQU ng2-demo-shell (
-#              if %APPVEYOR_REPO_BRANCH EQU master
-#                (cd scripts && sh start.sh -t -ss || exit 1)
-#              else
-#                (cd scripts && sh start.sh -dev -t -ss -vjsapi alpha || exit 1)
-#    )
-
-# Don't actually build.
-build: off
-matrix:
-  fast_finish: true
@@ -128,7 +128,18 @@
    "ECMBPM",
    "processwithvariables",
    "dropdownrestprocess",
-    "devops"
+    "devops",
+    "mouseenter",
+    "starteventform",
+    "formtotestvalidations",
+    "requirednumbervisibility",
+    "numbervisibilityprocess",
+    "booleanvisibilityprocess",
+    "booleanvisibility",
+    "processparent",
+    "uploadfileform",
+    "processwithstarteventform",
+    "processstring"
  ],
  "dictionaries": [
    "html",
@@ -52,7 +52,6 @@ app/**/*.d.ts

 !app/js/Polyline.js
 .idea
-**/versions.json


 dist/
@@ -1,5 +1,6 @@
 // Karma configuration file, see link for more information
 // https://karma-runner.github.io/0.13/config/configuration-file.html
+process.env.CHROME_BIN = require('puppeteer').executablePath();

 module.exports = function (config) {
    config.set({
@@ -1,7 +1,7 @@
 {
  "name": "Alfresco-ADF-Angular-Demo",
  "description": "Demo shell for Alfresco Angular components",
-  "version": "3.4.0",
+  "version": "3.7.0",
  "author": "Alfresco Software, Ltd.",
  "repository": {
    "type": "git",
@@ -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": "مربع حوار التأكيد",
@@ -302,25 +308,33 @@
    "APP_NAME": "اسم التطبيق",
    "APP_FILTER_MODE": "التصفية حسب اسم التطبيق",
    "ROLE_FILTER_MODE": "التصفية حسب الدور",
-    "PRESELECT_VALIDATION": "التحديد المسبق للتحقق من الصحة"
-  },
-  "ABOUT": {
-    "TITLE": "مكونات إضافية",
-    "TABLE_HEADERS": {
-      "ID": "المعرف",
-      "NAME": "الاسم",
-      "VERSION": "الإصدار",
-      "VENDOR": "المورد",
-      "LICENSE": "الترخيص",
-      "RUNTIME": "وقت التشغيل",
-      "DESCRIPTION": "الوصف"
-    }
+    "PRESELECT_VALIDATION": "التحديد المسبق للتحقق من الصحة",
+    "ALL_PRESELECTED_USERS": "كل المستخدمين المحددين مسبقًا",
+    "ALL_PRESELECTED_GROUPS": "كل المجموعات المحددة مسبقًا",
+    "INVALID_USERS": "المستخدمون غير الصالحين",
+    "INVALID_GROUPS": "مجموعات غير صالحة",
+    "READONLY_MODE": "وضع القراءة فقط"
  },
  "SETTINGS_CLOUD": {
    "MULTISELECTION": "تحديد متعدد",
    "TESTING_MODE": "وضع الاختبار",
    "SELECTION_MODE": "وضع التحديد",
+    "SELECTED_ROWS": "الصفوف المحدّدة",
    "TASK_DETAILS_REDIRECTION": "عرض تفاصيل المهمة عند النقر فوق المهمة",
-    "PROCESS_DETAILS_REDIRECTION": "عرض تفاصيل العملية عند النقر على العملية"
+    "PROCESS_DETAILS_REDIRECTION": "عرض تفاصيل العملية عند النقر على العملية",
+    "ACTION": {
+      "ACTION_TITLE": "إضافة إجراء",
+      "ACTION_MENU": "قائمة الإجراءات",
+      "CONTEX_MENU": "قائمة السياق",
+      "ACTION_VISIBLE": "مرئي",
+      "ACTION_DISABLE": "معطّل",
+      "ADD_BUTTON": "إضافة",
+      "KEY": "المفتاح",
+      "TITLE": "العنوان",
+      "ICON": "أيقونة",
+      "TASK_ID": "معرف المهمة",
+      "PROCESS_ID": "معرّف مثيل المعالجة",
+      "ACTION_TYPE": "نوع الإجراء"
+    }
  }
 }
@@ -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",
@@ -302,25 +308,33 @@
    "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"
-  },
-  "ABOUT": {
-    "TITLE": "Doplňky",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "Název",
-      "VERSION": "Verze",
-      "VENDOR": "Dodavatel",
-      "LICENSE": "Licence",
-      "RUNTIME": "Délka",
-      "DESCRIPTION": "Popis"
-    }
+    "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",
    "TESTING_MODE": "Testovací režim",
    "SELECTION_MODE": "Režim výběru",
+    "SELECTED_ROWS": "Vybrané řádky",
    "TASK_DETAILS_REDIRECTION": "Zobrazit podrobnosti o úkolu při kliknutí na úkol",
-    "PROCESS_DETAILS_REDIRECTION": "Zobrazit podrobnosti o průběhu při kliknutí na proces"
+    "PROCESS_DETAILS_REDIRECTION": "Zobrazit podrobnosti o průběhu při kliknutí na proces",
+    "ACTION": {
+      "ACTION_TITLE": "Přidat akci",
+      "ACTION_MENU": "Nabídka akcí",
+      "CONTEX_MENU": "Místní nabídka",
+      "ACTION_VISIBLE": "Viditelné",
+      "ACTION_DISABLE": "Zakázat",
+      "ADD_BUTTON": "Přidat",
+      "KEY": "Klíč",
+      "TITLE": "Označení",
+      "ICON": "Ikona",
+      "TASK_ID": "ID úkolu",
+      "PROCESS_ID": "ID instance procesu",
+      "ACTION_TYPE": "Typ akce"
+    }
  }
 }
@@ -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",
@@ -302,25 +308,33 @@
    "APP_NAME": "Appnavn",
    "APP_FILTER_MODE": "Filtrer efter appnavn",
    "ROLE_FILTER_MODE": "Filtrer efter rolle",
-    "PRESELECT_VALIDATION": "Forudvælg validering"
-  },
-  "ABOUT": {
-    "TITLE": "Plug-ins",
-    "TABLE_HEADERS": {
-      "ID": "Id",
-      "NAME": "Navn",
-      "VERSION": "Version",
-      "VENDOR": "Leverandør",
-      "LICENSE": "Licens",
-      "RUNTIME": "Kørselstidspunkt",
-      "DESCRIPTION": "Beskrivelse"
-    }
+    "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",
    "TESTING_MODE": "Testtilstand",
    "SELECTION_MODE": "Valgtilstand",
+    "SELECTED_ROWS": "Valgte rækker",
    "TASK_DETAILS_REDIRECTION": "Vis opgavedetaljer på opgave ved at klikke",
-    "PROCESS_DETAILS_REDIRECTION": "Vis behandlingsdetaljer for processen ved at klikke"
+    "PROCESS_DETAILS_REDIRECTION": "Vis behandlingsdetaljer for processen ved at klikke",
+    "ACTION": {
+      "ACTION_TITLE": "Tilføj handling",
+      "ACTION_MENU": "Menuen Handling",
+      "CONTEX_MENU": "Genvejsmenu",
+      "ACTION_VISIBLE": "Synlig",
+      "ACTION_DISABLE": "Deaktiver",
+      "ADD_BUTTON": "Tilføj",
+      "KEY": "Nøgle",
+      "TITLE": "Titel",
+      "ICON": "Ikon",
+      "TASK_ID": "Opgave-id",
+      "PROCESS_ID": "Procesforekomst-id",
+      "ACTION_TYPE": "Handlingstype"
+    }
  }
 }
@@ -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",
@@ -302,25 +308,33 @@
    "APP_NAME": "Anwendungsname",
    "APP_FILTER_MODE": "Nach Anwendungsname filtern",
    "ROLE_FILTER_MODE": "Nach Rolle filtern",
-    "PRESELECT_VALIDATION": "Vorauswahl-Prüfung"
-  },
-  "ABOUT": {
-    "TITLE": "Plugins",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "Name",
-      "VERSION": "Version",
-      "VENDOR": "Hersteller",
-      "LICENSE": "Lizenz",
-      "RUNTIME": "Laufzeit",
-      "DESCRIPTION": "Beschreibung"
-    }
+    "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",
    "TESTING_MODE": "Testmodus",
    "SELECTION_MODE": "Auswahlmodus",
+    "SELECTED_ROWS": "Ausgewählte Zeilen",
    "TASK_DETAILS_REDIRECTION": "Bei Klicken auf Aufgabe Aufgabendetails einblenden",
-    "PROCESS_DETAILS_REDIRECTION": "Bei Klicken auf Prozess Prozessdetails anzeigen"
+    "PROCESS_DETAILS_REDIRECTION": "Bei Klicken auf Prozess Prozessdetails anzeigen",
+    "ACTION": {
+      "ACTION_TITLE": "Aktion hinzufügen",
+      "ACTION_MENU": "Aktionsmenü",
+      "CONTEX_MENU": "Kontextmenü",
+      "ACTION_VISIBLE": "Sichtbar",
+      "ACTION_DISABLE": "Deaktivieren",
+      "ADD_BUTTON": "Hinzufügen",
+      "KEY": "Schlüssel",
+      "TITLE": "Titel",
+      "ICON": "Symbol",
+      "TASK_ID": "Aufgaben-ID",
+      "PROCESS_ID": "Prozessinstanz-ID",
+      "ACTION_TYPE": "Aktionstyp"
+    }
  }
 }
@@ -94,6 +94,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",
@@ -302,25 +308,33 @@
    "APP_NAME": "Application Name",
    "APP_FILTER_MODE": "Filter by application name",
    "ROLE_FILTER_MODE": "Filter by role",
-    "PRESELECT_VALIDATION": "Preselect validation"
-  },
-  "ABOUT": {
-    "TITLE": "Plugins",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "Name",
-      "VERSION": "Version",
-      "VENDOR": "Vendor",
-      "LICENSE": "License",
-      "RUNTIME": "Runtime",
-      "DESCRIPTION": "Description"
-    }
+    "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",
    "TESTING_MODE": "Testing Mode",
    "SELECTION_MODE": "Selection Mode",
+    "SELECTED_ROWS": "Selected Rows",
    "TASK_DETAILS_REDIRECTION": "Display task details on task click",
-    "PROCESS_DETAILS_REDIRECTION": "Display process details on process click"
+    "PROCESS_DETAILS_REDIRECTION": "Display process details on process click",
+    "ACTION": {
+      "ACTION_TITLE": "Add Action",
+      "ACTION_MENU": "Action Menu",
+      "CONTEX_MENU": "Context Menu",
+      "ACTION_VISIBLE": "Visible",
+      "ACTION_DISABLE": "Disable",
+      "ADD_BUTTON": "Add",
+      "KEY": "Key",
+      "TITLE": "Title",
+      "ICON": "Icon",
+      "TASK_ID": "Task ID",
+      "PROCESS_ID": "Process Instance ID",
+      "ACTION_TYPE": "Action Type"
+    }
  }
 }
@@ -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": {
@@ -302,25 +308,33 @@
    "APP_NAME": "Nombre de la aplicación",
    "APP_FILTER_MODE": "Filtrar por nombre de la aplicación",
    "ROLE_FILTER_MODE": "Filtrar por función",
-    "PRESELECT_VALIDATION": "Preseleccionar validación"
-  },
-  "ABOUT": {
-    "TITLE": "Complementos",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "Nombre",
-      "VERSION": "Versión",
-      "VENDOR": "Proveedor",
-      "LICENSE": "Licencia",
-      "RUNTIME": "Tiempo de ejecución",
-      "DESCRIPTION": "Descripción"
-    }
+    "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",
    "TESTING_MODE": "Modo de prueba",
    "SELECTION_MODE": "Modo de selección",
+    "SELECTED_ROWS": "Filas seleccionadas",
    "TASK_DETAILS_REDIRECTION": "Mostrar detalles de la tarea haciendo clic en la tarea",
-    "PROCESS_DETAILS_REDIRECTION": "Mostrar detalles del proceso al hacer clic en el proceso"
+    "PROCESS_DETAILS_REDIRECTION": "Mostrar detalles del proceso al hacer clic en el proceso",
+    "ACTION": {
+      "ACTION_TITLE": "Añadir acción",
+      "ACTION_MENU": "Menú de acción",
+      "CONTEX_MENU": "Menú de contexto",
+      "ACTION_VISIBLE": "Visible",
+      "ACTION_DISABLE": "Desactivar",
+      "ADD_BUTTON": "Añadir",
+      "KEY": "Clave",
+      "TITLE": "Título",
+      "ICON": "Icono",
+      "TASK_ID": "ID de tarea",
+      "PROCESS_ID": "ID de instancia del proceso",
+      "ACTION_TYPE": "Tipo de acción"
+    }
  }
 }
@@ -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",
@@ -302,25 +308,33 @@
    "APP_NAME": "Sovelluksen nimi",
    "APP_FILTER_MODE": "Suodata sovelluksen nimen perusteella",
    "ROLE_FILTER_MODE": "Suodata roolin perusteella",
-    "PRESELECT_VALIDATION": "Vahvistus esivalittu"
-  },
-  "ABOUT": {
-    "TITLE": "Lisäosat",
-    "TABLE_HEADERS": {
-      "ID": "Tunnus",
-      "NAME": "Nimi",
-      "VERSION": "Versio",
-      "VENDOR": "Toimittaja",
-      "LICENSE": "Käyttöoikeus",
-      "RUNTIME": "Suorituspalvelu",
-      "DESCRIPTION": "Kuvaus"
-    }
+    "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",
    "TESTING_MODE": "Testaustila",
    "SELECTION_MODE": "Valintatila",
+    "SELECTED_ROWS": "Valitut rivit",
    "TASK_DETAILS_REDIRECTION": "Näytä tehtävätiedot tehtävää napsauttamalla",
-    "PROCESS_DETAILS_REDIRECTION": "Näyttää prosessin tiedot prosessia napsautettaessa"
+    "PROCESS_DETAILS_REDIRECTION": "Näyttää prosessin tiedot prosessia napsautettaessa",
+    "ACTION": {
+      "ACTION_TITLE": "Lisää toiminto",
+      "ACTION_MENU": "Toiminnon valikko",
+      "CONTEX_MENU": "Pikavalikko",
+      "ACTION_VISIBLE": "Näkyvissä",
+      "ACTION_DISABLE": "Poista käytöstä",
+      "ADD_BUTTON": "Lisää",
+      "KEY": "Avain",
+      "TITLE": "Otsikko",
+      "ICON": "Kuvake",
+      "TASK_ID": "Tehtävätunnus",
+      "PROCESS_ID": "Prosessiesiintymätunnus",
+      "ACTION_TYPE": "Toiminnon tyyppi"
+    }
  }
 }
@@ -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",
@@ -302,25 +308,33 @@
    "APP_NAME": "Nom de l'application",
    "APP_FILTER_MODE": "Filtrer par nom d'application",
    "ROLE_FILTER_MODE": "Filtrer par rôle",
-    "PRESELECT_VALIDATION": "Validation présélectionnée"
-  },
-  "ABOUT": {
-    "TITLE": "Plugins",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "Nom",
-      "VERSION": "Version",
-      "VENDOR": "Fournisseur",
-      "LICENSE": "Licence",
-      "RUNTIME": "Java Runtime",
-      "DESCRIPTION": "Description"
-    }
+    "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",
    "TESTING_MODE": "Mode de test",
    "SELECTION_MODE": "Mode de sélection",
+    "SELECTED_ROWS": "Lignes sélectionnées",
    "TASK_DETAILS_REDIRECTION": "Afficher les détails de la tâche en cliquant dessus",
-    "PROCESS_DETAILS_REDIRECTION": "Afficher les détails du processus en cliquant dessus"
+    "PROCESS_DETAILS_REDIRECTION": "Afficher les détails du processus en cliquant dessus",
+    "ACTION": {
+      "ACTION_TITLE": "Ajouter une action",
+      "ACTION_MENU": "Menu Action",
+      "CONTEX_MENU": "Menu contextuel",
+      "ACTION_VISIBLE": "Visible",
+      "ACTION_DISABLE": "Désactiver",
+      "ADD_BUTTON": "Ajouter",
+      "KEY": "Clé",
+      "TITLE": "Titre",
+      "ICON": "Icône",
+      "TASK_ID": "ID de la tâche",
+      "PROCESS_ID": "ID de l'instance de processus",
+      "ACTION_TYPE": "Type d'action"
+    }
  }
 }
@@ -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,8 +263,8 @@
  },
  "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 }}"
    },
@@ -268,8 +274,8 @@
  },
  "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 }}"
    }
  },
@@ -302,25 +308,33 @@
    "APP_NAME": "Nome applicazione",
    "APP_FILTER_MODE": "Filtra per nome applicazione",
    "ROLE_FILTER_MODE": "Filtra per ruolo",
-    "PRESELECT_VALIDATION": "Convalida preselezione"
-  },
-  "ABOUT": {
-    "TITLE": "Plug-in",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "Nome",
-      "VERSION": "Versione",
-      "VENDOR": "Fornitore",
-      "LICENSE": "Licenza",
-      "RUNTIME": "Runtime",
-      "DESCRIPTION": "Descrizione"
-    }
+    "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",
    "TESTING_MODE": "Modalità di test",
    "SELECTION_MODE": "Modalità di selezione",
+    "SELECTED_ROWS": "Righe selezionate",
    "TASK_DETAILS_REDIRECTION": "Mostra dettagli compito dopo clic su compito",
-    "PROCESS_DETAILS_REDIRECTION": "Mostra i dettagli dopo il clic sul processo"
+    "PROCESS_DETAILS_REDIRECTION": "Mostra i dettagli dopo il clic sul processo",
+    "ACTION": {
+      "ACTION_TITLE": "Aggiungi azione",
+      "ACTION_MENU": "Menu azione",
+      "CONTEX_MENU": "Menu contestuale",
+      "ACTION_VISIBLE": "Visibile",
+      "ACTION_DISABLE": "Disattiva",
+      "ADD_BUTTON": "Aggiungi",
+      "KEY": "Chiave",
+      "TITLE": "Titolo",
+      "ICON": "Icona",
+      "TASK_ID": "ID compito",
+      "PROCESS_ID": "ID istanza di processo",
+      "ACTION_TYPE": "Tipo di azione"
+    }
  }
 }
@@ -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": "確認ダイアログ",
@@ -302,25 +308,33 @@
    "APP_NAME": "アプリケーション名",
    "APP_FILTER_MODE": "アプリケーション名でフィルタ",
    "ROLE_FILTER_MODE": "役割でフィルタ",
-    "PRESELECT_VALIDATION": "事前選択の検証"
-  },
-  "ABOUT": {
-    "TITLE": "プラグイン",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "名前",
-      "VERSION": "バージョン",
-      "VENDOR": "ベンダー",
-      "LICENSE": "ライセンス",
-      "RUNTIME": "ランタイム",
-      "DESCRIPTION": "説明"
-    }
+    "PRESELECT_VALIDATION": "事前選択の検証",
+    "ALL_PRESELECTED_USERS": "選択されている全ユーザー",
+    "ALL_PRESELECTED_GROUPS": "選択されている全グループ",
+    "INVALID_USERS": "無効なユーザー",
+    "INVALID_GROUPS": "無効なグループ",
+    "READONLY_MODE": "読み取り専用モード"
  },
  "SETTINGS_CLOUD": {
    "MULTISELECTION": "複数選択",
    "TESTING_MODE": "テストモード",
    "SELECTION_MODE": "選択モード",
+    "SELECTED_ROWS": "選択した行",
    "TASK_DETAILS_REDIRECTION": "タスクのクリック時にタスクの詳細を表示",
-    "PROCESS_DETAILS_REDIRECTION": "プロセスのクリックでプロセスの詳細を表示"
+    "PROCESS_DETAILS_REDIRECTION": "プロセスのクリックでプロセスの詳細を表示",
+    "ACTION": {
+      "ACTION_TITLE": "処理の追加",
+      "ACTION_MENU": "処理メニュー",
+      "CONTEX_MENU": "コンテキストメニュー",
+      "ACTION_VISIBLE": "表示",
+      "ACTION_DISABLE": "無効",
+      "ADD_BUTTON": "追加",
+      "KEY": "キー",
+      "TITLE": "タイトル",
+      "ICON": "アイコン",
+      "TASK_ID": "タスク ID",
+      "PROCESS_ID": "プロセスインスタンス ID",
+      "ACTION_TYPE": "処理のタイプ"
+    }
  }
 }
@@ -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",
@@ -302,25 +308,33 @@
    "APP_NAME": "Programnavn",
    "APP_FILTER_MODE": "Filtrer etter programnavn",
    "ROLE_FILTER_MODE": "Filtrer etter rolle",
-    "PRESELECT_VALIDATION": "Forhåndsvelg validering"
-  },
-  "ABOUT": {
-    "TITLE": "Plugin-moduler",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "Navn",
-      "VERSION": "Versjon",
-      "VENDOR": "Leverandør",
-      "LICENSE": "Lisens",
-      "RUNTIME": "Kjøretid",
-      "DESCRIPTION": "Beskrivelse"
-    }
+    "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",
    "TESTING_MODE": "Testmodus",
    "SELECTION_MODE": "Valgmodus",
+    "SELECTED_ROWS": "Valgte rader",
    "TASK_DETAILS_REDIRECTION": "Vis oppgavedetaljer ved oppgaveklikk",
-    "PROCESS_DETAILS_REDIRECTION": "Vis prosessdetaljer ved prosessklikk"
+    "PROCESS_DETAILS_REDIRECTION": "Vis prosessdetaljer ved prosessklikk",
+    "ACTION": {
+      "ACTION_TITLE": "Legg til handling",
+      "ACTION_MENU": "Handlingsmeny",
+      "CONTEX_MENU": "Kontekstmeny",
+      "ACTION_VISIBLE": "Synlig",
+      "ACTION_DISABLE": "Deaktiver",
+      "ADD_BUTTON": "Legg til",
+      "KEY": "Nøkkel",
+      "TITLE": "Tittel",
+      "ICON": "Ikon",
+      "TASK_ID": "Oppgave-ID",
+      "PROCESS_ID": "Prosesstilfelle-ID",
+      "ACTION_TYPE": "Handlingstype"
+    }
  }
 }
@@ -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",
@@ -302,25 +308,33 @@
    "APP_NAME": "Toepassingsnaam",
    "APP_FILTER_MODE": "Filteren op toepassingsnaam",
    "ROLE_FILTER_MODE": "Filteren op rol",
-    "PRESELECT_VALIDATION": "Validatie voorselecteren"
-  },
-  "ABOUT": {
-    "TITLE": "Plug-ins",
-    "TABLE_HEADERS": {
-      "ID": "Id",
-      "NAME": "Naam",
-      "VERSION": "Versie",
-      "VENDOR": "Leverancier",
-      "LICENSE": "Licentie",
-      "RUNTIME": "Runtime",
-      "DESCRIPTION": "Beschrijving"
-    }
+    "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",
    "TESTING_MODE": "Testmodus",
    "SELECTION_MODE": "Selectiemodus",
+    "SELECTED_ROWS": "Geselecteerde rijen",
    "TASK_DETAILS_REDIRECTION": "Taakdetails weergeven bij klikken op taak",
-    "PROCESS_DETAILS_REDIRECTION": "Procesdetails weergeven bij klikken op proces"
+    "PROCESS_DETAILS_REDIRECTION": "Procesdetails weergeven bij klikken op proces",
+    "ACTION": {
+      "ACTION_TITLE": "Actie toevoegen",
+      "ACTION_MENU": "Actiemenu",
+      "CONTEX_MENU": "Contextmenu",
+      "ACTION_VISIBLE": "Zichtbaar",
+      "ACTION_DISABLE": "Uitschakelen",
+      "ADD_BUTTON": "Toevoegen",
+      "KEY": "Key",
+      "TITLE": "Titel",
+      "ICON": "Pictogram",
+      "TASK_ID": "Taak-ID",
+      "PROCESS_ID": "Procesinstantie-ID",
+      "ACTION_TYPE": "Actietype"
+    }
  }
 }
@@ -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",
@@ -302,25 +308,33 @@
    "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"
-  },
-  "ABOUT": {
-    "TITLE": "Dodatki typu plugin",
-    "TABLE_HEADERS": {
-      "ID": "Identyfikator",
-      "NAME": "Nazwa",
-      "VERSION": "Wersja",
-      "VENDOR": "Sprzedawca",
-      "LICENSE": "Licencja",
-      "RUNTIME": "Środowisko uruchomieniowe",
-      "DESCRIPTION": "Opis"
-    }
+    "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",
    "TESTING_MODE": "Tryb testowania",
    "SELECTION_MODE": "Tryb wyboru",
+    "SELECTED_ROWS": "Wybrane wiersze",
    "TASK_DETAILS_REDIRECTION": "Wyświetlaj szczegóły zadania po kliknięciu zadania",
-    "PROCESS_DETAILS_REDIRECTION": "Wyświetlaj szczegóły procesu po kliknięciu procesu"
+    "PROCESS_DETAILS_REDIRECTION": "Wyświetlaj szczegóły procesu po kliknięciu procesu",
+    "ACTION": {
+      "ACTION_TITLE": "Dodaj czynność",
+      "ACTION_MENU": "Menu czynności",
+      "CONTEX_MENU": "Menu kontekstowe",
+      "ACTION_VISIBLE": "Widoczne",
+      "ACTION_DISABLE": "Wyłącz",
+      "ADD_BUTTON": "Dodaj",
+      "KEY": "Klucz",
+      "TITLE": "Tytuł",
+      "ICON": "Ikona",
+      "TASK_ID": "Identyfikator zadania",
+      "PROCESS_ID": "Identyfikator wystąpienia procesu",
+      "ACTION_TYPE": "Typ czynności"
+    }
  }
 }
@@ -94,10 +94,16 @@
    "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",
-    "COMMUNITY": "Community"
+    "COMMUNITY": "Comunidade"
  },
  "TRASHCAN": {
    "ACTIONS": {
@@ -302,25 +308,33 @@
    "APP_NAME": "Nome do aplicativo",
    "APP_FILTER_MODE": "Filtrar por nome do aplicativo",
    "ROLE_FILTER_MODE": "Filtrar por função",
-    "PRESELECT_VALIDATION": "Validação de pré-seleção"
-  },
-  "ABOUT": {
-    "TITLE": "Plugins",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "Nome",
-      "VERSION": "Versão",
-      "VENDOR": "Fornecedor",
-      "LICENSE": "Licença",
-      "RUNTIME": "Tempo de execução",
-      "DESCRIPTION": "Descrição"
-    }
+    "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",
    "TESTING_MODE": "Modo de Teste",
    "SELECTION_MODE": "Modo de Seleção",
+    "SELECTED_ROWS": "Linhas selecionadas",
    "TASK_DETAILS_REDIRECTION": "Exibir detalhes da tarefa ao clicar na tarefa",
-    "PROCESS_DETAILS_REDIRECTION": "Exibir detalhes do processo ao clicar no processo"
+    "PROCESS_DETAILS_REDIRECTION": "Exibir detalhes do processo ao clicar no processo",
+    "ACTION": {
+      "ACTION_TITLE": "Adicionar ação",
+      "ACTION_MENU": "Menu de ação",
+      "CONTEX_MENU": "Menu de contexto",
+      "ACTION_VISIBLE": "Visível",
+      "ACTION_DISABLE": "Desativar",
+      "ADD_BUTTON": "Adicionar",
+      "KEY": "Chave",
+      "TITLE": "Título",
+      "ICON": "Ícone",
+      "TASK_ID": "ID de tarefa",
+      "PROCESS_ID": "ID de instância de processo",
+      "ACTION_TYPE": "Tipo de ação"
+    }
  }
 }
@@ -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": "Диалоговое окно подтверждения",
@@ -302,25 +308,33 @@
    "APP_NAME": "Имя приложения",
    "APP_FILTER_MODE": "Фильтровать по имени приложения",
    "ROLE_FILTER_MODE": "Фильтровать по роли",
-    "PRESELECT_VALIDATION": "Проверка предварительного выбора"
-  },
-  "ABOUT": {
-    "TITLE": "Подключаемые модули",
-    "TABLE_HEADERS": {
-      "ID": "Идентификатор",
-      "NAME": "Имя",
-      "VERSION": "Версия",
-      "VENDOR": "Поставщик",
-      "LICENSE": "Лицензия",
-      "RUNTIME": "Среда выполнения",
-      "DESCRIPTION": "Описание"
-    }
+    "PRESELECT_VALIDATION": "Проверка предварительного выбора",
+    "ALL_PRESELECTED_USERS": "Все заранее заданные пользователи",
+    "ALL_PRESELECTED_GROUPS": "Все заранее заданные группы",
+    "INVALID_USERS": "Недействительные пользователи",
+    "INVALID_GROUPS": "Недействительные группы",
+    "READONLY_MODE": "Режим только для чтения"
  },
  "SETTINGS_CLOUD": {
    "MULTISELECTION": "Выбор нескольких",
    "TESTING_MODE": "Режим тестирования",
    "SELECTION_MODE": "Режим выбора",
+    "SELECTED_ROWS": "Выбранные ряды",
    "TASK_DETAILS_REDIRECTION": "Отображать подробные сведения о задаче при нажатии на задачу",
-    "PROCESS_DETAILS_REDIRECTION": "Показывать сведения о процессе при нажатии на процессе"
+    "PROCESS_DETAILS_REDIRECTION": "Показывать сведения о процессе при нажатии на процессе",
+    "ACTION": {
+      "ACTION_TITLE": "Добавить действие",
+      "ACTION_MENU": "Меню действий",
+      "CONTEX_MENU": "Контекстное меню",
+      "ACTION_VISIBLE": "Видимый",
+      "ACTION_DISABLE": "Отключить",
+      "ADD_BUTTON": "Добавить",
+      "KEY": "Ключ",
+      "TITLE": "Заголовок",
+      "ICON": "Значок",
+      "TASK_ID": "ИД задачи",
+      "PROCESS_ID": "Идентификатор экземпляра процесса",
+      "ACTION_TYPE": "Тип действия"
+    }
  }
 }
@@ -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",
@@ -302,25 +308,33 @@
    "APP_NAME": "Programnamn",
    "APP_FILTER_MODE": "Filterera på programnamn",
    "ROLE_FILTER_MODE": "Filtrera på roll",
-    "PRESELECT_VALIDATION": "Förval validering"
-  },
-  "ABOUT": {
-    "TITLE": "Plugins",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "Namn",
-      "VERSION": "Version",
-      "VENDOR": "Säljare",
-      "LICENSE": "Licens",
-      "RUNTIME": "Runtime",
-      "DESCRIPTION": "Beskrivning"
-    }
+    "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",
    "TESTING_MODE": "Testläge",
    "SELECTION_MODE": "Urvalsläge",
+    "SELECTED_ROWS": "Valda rader",
    "TASK_DETAILS_REDIRECTION": "Visa uppgiftsdetaljer vid klick på uppgift",
-    "PROCESS_DETAILS_REDIRECTION": "Visa processinformation vid processklick"
+    "PROCESS_DETAILS_REDIRECTION": "Visa processinformation vid processklick",
+    "ACTION": {
+      "ACTION_TITLE": "Lägg till åtgärd",
+      "ACTION_MENU": "Åtgärdsmeny",
+      "CONTEX_MENU": "Innehållsmeny",
+      "ACTION_VISIBLE": "Synlig",
+      "ACTION_DISABLE": "Avaktivera",
+      "ADD_BUTTON": "Lägg till",
+      "KEY": "Nyckel",
+      "TITLE": "Titel",
+      "ICON": "Ikon",
+      "TASK_ID": "Uppgifts-ID",
+      "PROCESS_ID": "Processinstans-ID",
+      "ACTION_TYPE": "Åtgärdstyp"
+    }
  }
 }
@@ -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": "继承权限",
@@ -302,25 +308,33 @@
    "APP_NAME": "应用程序名称",
    "APP_FILTER_MODE": "按应用程序名称筛选",
    "ROLE_FILTER_MODE": "按角色筛选",
-    "PRESELECT_VALIDATION": "预先选择验证"
-  },
-  "ABOUT": {
-    "TITLE": "插件",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "名称",
-      "VERSION": "版本",
-      "VENDOR": "供应商",
-      "LICENSE": "许可证",
-      "RUNTIME": "运行时",
-      "DESCRIPTION": "说明"
-    }
+    "PRESELECT_VALIDATION": "预先选择验证",
+    "ALL_PRESELECTED_USERS": "所有预选用户",
+    "ALL_PRESELECTED_GROUPS": "所有预选组",
+    "INVALID_USERS": "无效用户",
+    "INVALID_GROUPS": "无效组",
+    "READONLY_MODE": "Read-only（只读）模式"
  },
  "SETTINGS_CLOUD": {
    "MULTISELECTION": "多重选择",
    "TESTING_MODE": "测试模式",
    "SELECTION_MODE": "选择模式",
+    "SELECTED_ROWS": "选定行",
    "TASK_DETAILS_REDIRECTION": "单击任务时显示任务详情",
-    "PROCESS_DETAILS_REDIRECTION": "单击流程时显示流程详细信息"
+    "PROCESS_DETAILS_REDIRECTION": "单击流程时显示流程详细信息",
+    "ACTION": {
+      "ACTION_TITLE": "添加操作",
+      "ACTION_MENU": "操作菜单",
+      "CONTEX_MENU": "上下文菜单",
+      "ACTION_VISIBLE": "可见",
+      "ACTION_DISABLE": "禁用",
+      "ADD_BUTTON": "添加",
+      "KEY": "Key",
+      "TITLE": "标题",
+      "ICON": "图标",
+      "TASK_ID": "任务 ID",
+      "PROCESS_ID": "流程实例 ID",
+      "ACTION_TYPE": "操作类型"
+    }
  }
 }
@@ -21,7 +21,8 @@
    "silentLogin": true,
    "redirectSilentIframeUri": "{protocol}//{hostname}{:port}/assets/silent-refresh.html",
    "redirectUri": "/",
-    "redirectUriLogout": "/logout"
+    "redirectUriLogout": "/logout",
+    "publicUrls": ["**/preview/s/*", "**/settings"]
  },
  "application": {
    "storagePrefix": "ADF",
@@ -1,4 +1,4 @@
-<div class="adf-demo-app-container">
+<div class="app-demo-app-container">
    <router-outlet></router-outlet>
    <router-outlet name="overlay"></router-outlet>
 </div>
@@ -7,7 +7,7 @@ router-outlet[name='overlay'] + * {
    right: 0;
 }

-.adf-demo-app-container {
+.app-demo-app-container {
    height: 100%;
    width: 100%;
 }
@@ -17,7 +17,7 @@

 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';
@@ -51,7 +51,6 @@ 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';
@@ -63,7 +62,6 @@ 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 +69,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';
@@ -83,10 +82,9 @@ import { ConfirmDialogExampleComponent } from './components/confirm-dialog/confi
 import { FormCloudDemoComponent } from './components/app-layout/cloud/form-demo/cloud-form-demo.component';
 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';
@@ -171,6 +169,7 @@ registerLocaleData(localeSv);
        SharedLinkViewComponent,
        FormLoadingComponent,
        DemoPermissionComponent,
+        DemoErrorComponent,
        FormLoadingComponent,
        ReportIssueComponent,
        TreeViewSampleComponent,
@@ -179,6 +178,7 @@ registerLocaleData(localeSv);
        TasksCloudDemoComponent,
        ProcessesCloudDemoComponent,
        TaskDetailsCloudDemoComponent,
+        TaskHeaderCloudDemoComponent,
        CloudViewerComponent,
        ProcessDetailsCloudDemoComponent,
        StartTaskCloudDemoComponent,
@@ -196,8 +196,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,
@@ -57,6 +57,8 @@ import { ProcessDetailsCloudDemoComponent } from './components/cloud/process-det
 import { TemplateDemoComponent } from './components/template-list/template-demo.component';
 import { FormCloudDemoComponent } from './components/app-layout/cloud/form-demo/cloud-form-demo.component';
 import { ConfirmDialogExampleComponent } from './components/confirm-dialog/confirm-dialog-example.component';
+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 },
@@ -166,7 +168,6 @@ export const appRoutes: Routes = [
                path: 'cloud',
                canActivate: [AuthGuardSsoRoleService],
                data: { roles: ['ACTIVITI_USER'], redirectUrl: '/error/403' },
-
                children: [
                    {
                        path: '',
@@ -176,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'
@@ -412,19 +417,30 @@ export const appRoutes: Routes = [
                canActivate: [AuthGuardBpm],
                loadChildren: 'app/components/process-list-demo/process-list.module#AppProcessListModule'
            },
-            {
-                path: 'error/:id',
-                component: ErrorContentComponent
-            },
            {
                path: 'error/no-authorization',
                component: ErrorContentComponent
-            },
-            {
-                path: '**',
-                redirectTo: 'error/404'
            }
        ]
+    },
+    {
+        path: 'error',
+        component: AppLayoutComponent,
+        children: [
+            {
+                path: '',
+                redirectTo: '/error/404',
+                pathMatch: 'full'
+            },
+            {
+                path: ':id',
+                component: DemoErrorComponent
+            }
+        ]
+    },
+    {
+        path: '**',
+        redirectTo: 'error/404'
    }
 ];

@@ -1,5 +1,12 @@
-<adf-about
-    [githubUrlCommitAlpha]="githubUrlCommitAlpha"
-    [version]="version"
-    [dependencies]="dependencies">
-</adf-about>
+<adf-about-github-link
+    [url]="url"
+    [version]="version">
+</adf-about-github-link>
+
+<adf-about-product-version>
+</adf-about-product-version>
+
+<adf-about-application-modules
+    [dependencies]="dependencies"
+    [showExtensions]="showExtensions">
+</adf-about-application-modules>
@@ -25,9 +25,10 @@ import { name, version, commit, dependencies } from '../../../../../package.json
 })
 export class AboutComponent {

-    githubUrlCommitAlpha = `https://github.com/Alfresco/${name}/commits/${commit}`;
+    url = `https://github.com/Alfresco/${name}/commits/${commit}`;
    version = version;
    dependencies = dependencies;
+    showExtensions = true;

    constructor() {

@@ -2,17 +2,17 @@
    [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" [color]="color" [position]="position"
-                (clicked)=toggleMenu($event)>
+                [tooltip]="tooltip | translate" [showSidenavToggle]="showMenu" [expandedSidenav]="!isMenuMinimized()"
+                [color]="color" [position]="position" (clicked)=toggleMenu($event)>

-                <div class="adf-app-layout-menu-spacer"></div>
+                <div class="app-layout-menu-spacer"></div>

                <app-search-bar fxFlex="0 1 auto"></app-search-bar>

-                <div class="adf-header-delimiexpandedSidenavter"></div>
+                <div class="app-header-delimiexpandedSidenavter"></div>

                <adf-userinfo [menuPositionX]="'before'" [menuPositionY]="'above'">
                </adf-userinfo>
@@ -21,7 +21,7 @@
                <button data-automation-id="language-menu-button" mat-icon-button [matMenuTriggerFor]="langMenu">
                    <mat-icon>language</mat-icon>
                </button>
-                <mat-menu #langMenu="matMenu" class="adf-menu">
+                <mat-menu #langMenu="matMenu" class="app-menu">
                    <adf-language-menu></adf-language-menu>
                </mat-menu>

@@ -33,13 +33,13 @@

    <adf-sidenav-layout-navigation>
        <ng-template let-isMenuMinimized="isMenuMinimized">
-            <mat-nav-list class="adf-sidenav-linklist">
+            <mat-nav-list class="app-sidenav-linklist">
                <ng-container *ngFor="let link of links">
                    <ng-container *ngIf="link.children">
-                        <mat-list-item (click)="trigger.openMenu()" [attr.data-automation-id]="link.title | translate" class="adf-sidenav-link">
+                        <mat-list-item (click)="trigger.openMenu()" [attr.data-automation-id]="link.title | translate" class="app-sidenav-link">
                            <mat-icon matListIcon>{{link.icon}}</mat-icon>
                            <span matLine *ngIf="!isMenuMinimized()">{{link.title | translate }}</span>
-                            <mat-icon class="adf-sidenav-link__expand-button" [matMenuTriggerData]="{links: link.children}"
+                            <mat-icon class="app-sidenav-link__expand-button" [matMenuTriggerData]="{links: link.children}"
                                rippleTrigger mat-icon-button #trigger="matMenuTrigger"
                                [matMenuTriggerFor]="nestedMenu">arrow_right</mat-icon>
                        </mat-list-item>
@@ -47,15 +47,15 @@

                    <ng-container *ngIf="!link.children">
                        <mat-list-item [routerLink]="link.href"
-                            routerLinkActive="adf-sidenav-link--active" [routerLinkActiveOptions]="{ exact: true }"
-                            [attr.data-automation-id]="link.title | translate" class="adf-sidenav-link">
+                            routerLinkActive="app-sidenav-link--active" [routerLinkActiveOptions]="{ exact: true }"
+                            [attr.data-automation-id]="link.title | translate" class="app-sidenav-link">
                            <mat-icon matListIcon >{{link.icon}}</mat-icon>
                            <span matLine *ngIf="!isMenuMinimized()">{{link.title | translate }}</span>
                        </mat-list-item>
                    </ng-container>
                </ng-container>

-                <mat-list-item adf-logout [enableRedirect]="enableRedirect" redirectUri="/logout" class="adf-sidenav-link" data-automation-id="Logout" >
+                <mat-list-item adf-logout [enableRedirect]="enableRedirect" redirectUri="/logout" class="app-sidenav-link" data-automation-id="Logout" >
                    <mat-icon matListIcon>exit_to_app</mat-icon>
                    <span matLine *ngIf="!isMenuMinimized()">Logout</span>
                </mat-list-item>
@@ -76,9 +76,9 @@
 <mat-menu #nestedMenu="matMenu" xPosition="after" class="nestedMenu">
    <ng-template matMenuContent let-links="links">
        <button mat-menu-item *ngFor="let link of links"
-            class="adf-sidenav-link"
+            class="app-sidenav-link"
            [attr.data-automation-id]="link.title | translate"
-            routerLinkActive="adf-sidenav-link--active"
+            routerLinkActive="app-sidenav-link--active"
            [routerLink]="link.href"
            [routerLinkActiveOptions]="{ exact: true }">

@@ -1,4 +1,4 @@
-@mixin adf-app-layout-theme($theme) {
+@mixin app-layout-theme($theme) {
    $primary: map-get($theme, primary);
    $minimumAppWidth: 320px;

@@ -14,17 +14,17 @@
        }
    }

-    .adf-app-layout {
+    .app-layout {
        display: flex;
        flex: 1;
        min-width: $minimumAppWidth;
        height: 100%;

-        .adf-sidenav-link--active {
+        .app-sidenav-link--active {
            color: mat-color($primary);
        }

-        .adf-sidenav-link {
+        .app-sidenav-link {
            .mat-list-text {
                font-size: 14px;
                white-space: nowrap;
@@ -33,7 +33,7 @@
            }
        }

-        .mat-nav-list .mat-list-item.adf-sidenav-link {
+        .mat-nav-list .mat-list-item.app-sidenav-link {
            height: 40px;
        }

@@ -47,7 +47,7 @@
            display: none;
        }

-        .adf-menu {
+        .app-menu {
            padding-top: 0;
        }
    }
@@ -63,7 +63,7 @@
        }
    }

-    [dir='rtl'] .adf-sidenav-link__expand-button {
+    [dir='rtl'] .app-sidenav-link__expand-button {
        transform: rotateY(180deg);
    }
 }
@@ -25,7 +25,7 @@ import { takeUntil } from 'rxjs/operators';
    templateUrl: 'app-layout.component.html',
    styleUrls: ['app-layout.component.scss'],
    host: {
-        'class': 'adf-app-layout'
+        'class': 'app-layout'
    },
    encapsulation: ViewEncapsulation.None
 })
@@ -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' },
@@ -2,7 +2,7 @@

    <mat-tab-group>
        <mat-tab label="Form" class="form-cloud-render">
-            <div class="adf-form-container">
+            <div class="app-form-container">
                <adf-cloud-form
                    [showRefreshButton]="false"
                    [form]="form"
@@ -11,7 +11,7 @@
                </adf-cloud-form>
            </div>

-            <div class="adf-console" #console>
+            <div class="app-console" #console>
                <h3>Error log:</h3>
                <p *ngFor="let error of errorFields">Error {{ error.name }} {{error.validationSummary.message |
                    translate}}</p>
@@ -20,20 +20,20 @@
        <mat-tab label="Editor" class="form-cloud-editor">
            <ngx-monaco-editor
                id="adf-form-config-editor"
-                class="adf-form-config-editor"
+                class="app-form-config-editor"
                [options]="editorOptions"
                [(ngModel)]="formConfig"
                (onInit)="onInitFormEditor($event)">
            </ngx-monaco-editor>
-            <div class="adf-form-editor-buttons">
-                <button mat-raised-button id="adf-form-config-save" (click)="onSaveFormConfig()" color="primary">Save
+            <div class="app-form-editor-buttons">
+                <button mat-raised-button id="app-form-config-save" (click)="onSaveFormConfig()" color="primary">Save
                    form config
                </button>
-                <button mat-raised-button id="adf-form-config-clear" (click)="onClearFormConfig()" color="primary">Clear
+                <button mat-raised-button id="app-form-config-clear" (click)="onClearFormConfig()" color="primary">Clear
                    form config
                </button>
            </div>
-            <div class="adf-upload-config-button">
+            <div class="app-upload-config-button">
                <a mat-raised-button color="primary" >
                    <mat-icon>file_upload</mat-icon>
                    <label for="upload-config-file">Upload JSON File</label>
@@ -1,17 +1,17 @@
-.adf-form-container {
+.app-form-container {
    padding: 10px;
 }

-.adf-main-content {
+.app-main-content {
    padding: 0 15px;
 }

-.adf-card-view {
+.app-card-view {
    width: 30%;
    display: inline-block;
 }

-.adf-console {
+.app-console {
    width: 60%;
    display: inline-block;
    vertical-align: top;
@@ -31,16 +31,16 @@
    }
 }

-.adf-form-config-editor {
+.app-form-config-editor {
    height: 500px !important;
 }

-.adf-form-editor-buttons {
+.app-form-editor-buttons {
    display: flex;
    justify-content: space-evenly;
 }

-.adf-upload-config-button {
+.app-upload-config-button {
    display: flex;
    justify-content: center;

@@ -16,8 +16,8 @@
 */

 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { FormFieldModel, NotificationService, FormRenderingService, CoreAutomationService } from '@alfresco/adf-core';
-import { FormCloud, FormCloudService, UploadCloudWidgetComponent } from '@alfresco/adf-process-services-cloud';
+import { FormFieldModel, NotificationService, CoreAutomationService, FormModel } from '@alfresco/adf-core';
+import { FormCloudService } from '@alfresco/adf-process-services-cloud';
 import { Subscription } from 'rxjs';

@Component({
@@ -26,7 +26,7 @@ import { Subscription } from 'rxjs';
 })
 export class FormCloudDemoComponent implements OnInit, OnDestroy {

-    form: FormCloud;
+    form: FormModel;
    errorFields: FormFieldModel[] = [];
    formConfig: string;
    editor: any;
@@ -43,10 +43,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[]) {
@@ -8,7 +8,7 @@
    <h2>1. Standalone (fixed size)</h2>
    <small>Component is used in the fixed-width layout</small>

-    <div class="adf-breadcrumb-container-restricted">
+    <div class="app-breadcrumb-container-restricted">
        <adf-breadcrumb root="APP.PERSONAL-FILES" [target]="documentList" [folderNode]="documentList.folderNode">
        </adf-breadcrumb>
    </div>
@@ -57,7 +57,7 @@
        Buttons do nothing and are present for layout purposes.
    </small>

-    <adf-toolbar class="adf-full-content-toolbar">
+    <adf-toolbar class="app-full-content-toolbar">
        <adf-toolbar-title fxFlex="0 1 auto">
            <adf-breadcrumb root="APP.PERSONAL-FILES" [target]="documentList" [folderNode]="documentList.folderNode">
            </adf-breadcrumb>
@@ -79,11 +79,11 @@
    <h2>6. Dropdown Breadcrumb</h2>

    <adf-dropdown-breadcrumb fxHide fxShow.lt-sm="true"
-                             class="adf-files-breadcrumb"
+                             class="app-files-breadcrumb"
                             [target]="documentList">
    </adf-dropdown-breadcrumb>

-    <div class="adf-content">
+    <div class="app-content">
        <adf-document-list #documentList currentFolderId="-my-">
        </adf-document-list>
    </div>
@@ -1,13 +1,13 @@
-.adf-breadcrumb-container-restricted {
+.app-breadcrumb-container-restricted {
    width: 800px;
    max-width: 800px;
    border: 1px solid lightgray;
 }

-.adf-content {
+.app-content {
    margin: 10px 0;
 }

-.adf-full-content-toolbar .adf-toolbar-title .adf-breadcrumb {
+.app-full-content-toolbar .app-toolbar-title .app-breadcrumb {
    width: 0;
 }
@@ -1,7 +1,7 @@
-<div class="adf-main-content">
+<div class="app-main-content">
    <h1>CardView Component</h1>

-    <mat-card class="adf-card-view">
+    <mat-card class="app-card-view">
        <adf-card-view
            [properties]="properties"
            [editable]="true"
@@ -10,30 +10,30 @@
        </adf-card-view>
    </mat-card>

-    <div class="adf-console" #console>
+    <div class="app-console" #console>
        <h3>Changes log:</h3>
        <p *ngFor="let log of logs">{{ log }}</p>
    </div>

 </div>

-<p class="adf-toggle">
+<p class="app-toggle">
    <mat-slide-toggle
-        id="adf-toggle-editable"
+        id="app-toggle-editable"
        [color]="'primary'"
        (change)="toggleEditable()"
        [checked]="isEditable">
        Editable
    </mat-slide-toggle><br>
    <mat-slide-toggle
-        id="adf-toggle-clear-date"
+        id="app-toggle-clear-date"
        [color]="'primary'"
        (change)="toggleClearDate()"
        [checked]="showClearDateAction">
        Show clear date icon
    </mat-slide-toggle><br>
    <mat-slide-toggle
-        id="adf-toggle-none-option"
+        id="app-toggle-none-option"
        [color]="'primary'"
        (change)="toggleNoneOption()"
        [checked]="showNoneOption">
@@ -1,13 +1,13 @@
-.adf-main-content {
+.app-main-content {
    padding: 0 15px;
 }

-.adf-card-view {
+.app-card-view {
    width: 30%;
    display: inline-block;
 }

-.adf-console {
+.app-console {
    width: 60%;
    display: inline-block;
    vertical-align: top;
@@ -28,7 +28,8 @@ import {
    CardViewUpdateService,
    CardViewMapItemModel,
    UpdateNotification,
-    DecimalNumberPipe
+    DecimalNumberPipe,
+    CardViewArrayItemModel
 } from '@alfresco/adf-core';
 import { of, Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -148,6 +149,19 @@ export class CardViewComponent implements OnInit, OnDestroy {
                clickCallBack: () => {
                    this.respondToCardClick();
                }
+            }),
+            new CardViewArrayItemModel({
+                label: 'CardView Array of items',
+                value: of([
+                    { icon: 'directions_bike', value: 'Zlatan' },
+                    { icon: 'directions_bike', value: 'Lionel Messi'},
+                    { value: 'Mohamed', directions_bike: 'save'},
+                    { value: 'Ronaldo'}
+                ]),
+                key: 'array',
+                icon: 'edit',
+                default: 'Empty',
+                noOfItemsToDisplay: 2
            })
        ];
    }
@@ -1,8 +1,8 @@
 <adf-toolbar>
  <div fxLayout="column" fxLayoutAlign="center">
    <div fxLayout="row">
-      <div class="adf-app-crumb">{{appName + ' >'}} </div>
-      <div class="adf-filter-crumb"> {{filterName | translate}}</div>
+      <div class="app-crumb">{{appName + ' >'}} </div>
+      <div class="app-filter-crumb"> {{filterName | translate}}</div>
    </div>
  </div>
 </adf-toolbar>
@@ -1,8 +1,8 @@
-.adf-app-crumb {
+.app-app-crumb {
  opacity: 0.5;
 }

-.adf-filter-crumb {
+.app-filter-crumb {
  opacity: 0.8;
  margin-left: 5px;
 }
@@ -1,3 +1,3 @@
-adf-cloud-task-filters .adf-filters__entry, adf-cloud-process-filters .adf-filters__entry {
+app-cloud-task-filters .app-filters__entry, app-cloud-process-filters .app-filters__entry {
  padding-left: 0 !important;
 }
@@ -1,4 +1,4 @@
-<mat-tab-group fxFill class="adf-cloud-layout-tab-body">
+<mat-tab-group fxFill class="app-cloud-layout-tab-body">
  <mat-tab label="{{'PS_CLOUD_TAB.APPS_TAB' | translate}}">
    <div fxFill fxLayout>
      <adf-sidenav-layout fxFlex [sidenavMin]="70" [sidenavMax]="270" [stepOver]="780">
@@ -1,7 +1,7 @@
-.adf-cloud-layout-overflow {
+.app-cloud-layout-overflow {
  overflow: auto;
 }

-.adf-cloud-layout-tab-body .mat-tab-body-wrapper {
+.app-cloud-layout-tab-body .mat-tab-body-wrapper {
  height: 100%;
 }
@@ -1,4 +1,4 @@
-<mat-tab-group fxFill class="adf-cloud-layout-tab-body">
+<mat-tab-group fxFill class="app-cloud-layout-tab-body">
    <mat-tab label="{{'PS_CLOUD_TAB.APPS_TAB' | translate}}">
      <div fxFill fxLayout>
        <adf-sidenav-layout fxFlex [sidenavMin]="70" [sidenavMax]="270" [stepOver]="780">
@@ -21,11 +21,11 @@ import { CloudLayoutService } from '../services/cloud-layout.service';

@Component({
    templateUrl: './community-cloud.component.html',
-    styles: [`.adf-cloud-layout-overflow {
+    styles: [`.app-cloud-layout-overflow {
        overflow: auto;
      }

-      .adf-cloud-layout-tab-body .mat-tab-body-wrapper {
+      .app-cloud-layout-tab-body .mat-tab-body-wrapper {
        height: 100% !important;
      }
      `],
@@ -33,8 +33,6 @@ import { CloudLayoutService } from '../services/cloud-layout.service';
 })
 export class CommunityCloudComponent  {

-    appName: string = '';
-
    constructor(
        private router: Router,
        private route: ActivatedRoute,
@@ -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)">
@@ -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>;

@@ -3,22 +3,20 @@
    <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="adf-process-cloud-container">
+<div class="app-process-cloud-container">

    <adf-cloud-task-list
        fxFlex
-        class="adf-cloud-layout-overflow"
-        [appName]="''"
+        class="app-cloud-layout-overflow"
        [processInstanceId]="processInstanceId"
        (rowClick)="onRowClick($event)"
        #taskCloud>
    </adf-cloud-task-list>

    <adf-cloud-process-header
-        class="adf-process-cloud-header"
-        [appName]="''"
+        class="app-process-cloud-header"
        [processInstanceId]="processInstanceId">
    </adf-cloud-process-header>
 </div>
@@ -1,4 +1,4 @@
-.adf {
+.app {
    &-process-cloud-container {
        display: flex;
    }
@@ -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() {
@@ -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,8 +10,7 @@
    <div fxLayout="column" fxFlex fxLayoutAlign="space-between" *ngIf="editedFilter">
        <adf-cloud-process-list #processCloud
            fxFlex
-            [appName]="''"
-            class="adf-cloud-layout-overflow"
+            class="app-cloud-layout-overflow"
            [initiator]="editedFilter.initiator"
            [processDefinitionId]="editedFilter.processDefinitionId"
            [processDefinitionKey]="editedFilter.processDefinitionKey"
@@ -44,9 +44,7 @@ export class CommunityProcessesCloudDemoComponent implements OnInit, OnDestroy {
    @ViewChild('processFiltersCloud')
    processFiltersCloud: ProcessFiltersCloudComponent;

-    appName: string = '';
    isFilterLoaded: boolean;
-
    filterId: string = '';
    sortArray: any = [];
    selectedRow: any;
@@ -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;
@@ -1,6 +1,5 @@
 <adf-cloud-start-process
    [name]="processName"
-    [appName]="''"
    (error)="openSnackMessage($event)"
    (success)="onStartProcessSuccess()"
    (cancel)="onCancelStartProcess()">
@@ -1,5 +1,4 @@
 <adf-cloud-start-task
-    [appName]="''"
    (error)="openSnackMessage($event)"
    (success)="onStartTaskSuccess()"
    (cancel)="onCancelStartTask()">
@@ -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,8 +10,7 @@
    <div fxLayout="column" fxFlex fxLayoutAlign="space-between" *ngIf="editedFilter">
        <adf-cloud-task-list #taskCloud
            fxFlex
-            [appName]="''"
-            class="adf-cloud-layout-overflow"
+            class="app-cloud-layout-overflow"
            [processDefinitionId]="editedFilter.processDefinitionId"
            [processInstanceId]="editedFilter.processInstanceId"
            [name]="editedFilter.taskName"
@@ -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>
@@ -1,5 +1,5 @@

-.adf {
+.app {

    &-task-detail-container {
        display: flex;
@@ -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() {
@@ -1,4 +1,4 @@
-<mat-card class="adf-section">
+<mat-card class="app-section">
    <mat-card-title>
        {{ 'APP_LAYOUT.PEOPLE_CLOUD' | translate}}
    </mat-card-title>
@@ -6,56 +6,70 @@
    <mat-card-content>
        <br>
        <mat-radio-group (change)="onChangePeopleMode($event)">
-            <mat-radio-button checked="true" class="adf-people-single-mode" data-automation-id="adf-people-single-mode" value="{{ peopleSingleMode }}">{{
+            <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="adf-people-multiple-mode" data-automation-id="adf-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="people-control-options">
+        <div class="app-people-control-options">
            <mat-radio-group (change)="onChangePeopleFilterMode($event)">
-                <mat-radio-button checked="true" class="adf-people-single-mode" value="appName">{{
+                <mat-radio-button checked="true" class="app-people-single-mode" value="appName">{{
                    'PEOPLE_GROUPS_CLOUD.APP_FILTER_MODE' | translate }}</mat-radio-button>
-                <mat-radio-button class="adf-people-multiple-mode" data-automation-id="adf-people-filter-role" value="role">{{
+                <mat-radio-button class="app-people-multiple-mode" data-automation-id="app-people-filter-role" value="role">{{
                    'PEOPLE_GROUPS_CLOUD.ROLE_FILTER_MODE' | translate }}</mat-radio-button>
            </mat-radio-group>
-            <mat-form-field *ngIf="!isPeopleAppNameSelected()" class="adf-preselect-value">
+            <mat-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="adf-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="adf-preselect-value">
+            <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="adf-people-app-input" />
+                <input matInput (input)="setPeopleAppName($event.target?.value)" data-automation-id="app-people-app-input" />
            </mat-form-field>
-            <mat-form-field class="adf-preselect-value-full">
+            <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="adf-people-preselect-input" />
+                <input matInput (input)="setPeoplePreselectValue($event.target?.value)"  data-automation-id="app-people-preselect-input" />
            </mat-form-field>
-            <mat-checkbox class="adf-preselect-value" (change)="onChangePeopleValidation($event)">{{
+            <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="adf-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>

-<mat-card class="adf-section">
+<mat-card class="app-section">
    <mat-card-title>
        {{ 'APP_LAYOUT.GROUPS_CLOUD' | translate}}
    </mat-card-title>
@@ -63,43 +77,75 @@
    <mat-card-content>
        <br>
        <mat-radio-group (change)="onChangeGroupsMode($event)">
-            <mat-radio-button checked="true" class="adf-people-single-mode" data-automation-id="adf-group-single-mode" value="{{ groupSingleMode }}">{{
+            <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="adf-people-multiple-mode" data-automation-id="adf-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="groups-control-options">
+        <div class="app-groups-control-options">
            <mat-radio-group (change)="onChangeGroupsFilterMode($event)">
-                <mat-radio-button checked="true" class="adf-people-single-mode" value="appName">{{
+                <mat-radio-button checked="true" class="app-people-single-mode" value="appName">{{
                    'PEOPLE_GROUPS_CLOUD.APP_FILTER_MODE' | translate }}</mat-radio-button>
-                <mat-radio-button class="adf-people-multiple-mode" data-automation-id="adf-group-filter-role" value="role">{{
+                <mat-radio-button class="app-people-multiple-mode" data-automation-id="app-group-filter-role" value="role">{{
                    'PEOPLE_GROUPS_CLOUD.ROLE_FILTER_MODE' | translate }}</mat-radio-button>
            </mat-radio-group>
-            <mat-form-field *ngIf="!isGroupAppNameSelected()" class="adf-preselect-value">
+            <mat-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="adf-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="adf-preselect-value">
+            <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="adf-group-app-input"/>
+                <input matInput
+                    (input)="setGroupAppName($event.target?.value)"
+                    data-automation-id="app-group-app-input"/>
            </mat-form-field>
-            <mat-form-field class="adf-preselect-value-full">
+            <mat-form-field class="app-preselect-value-full">
                <mat-label>Preselect: {{ DEFAULT_GROUP_PLACEHOLDER }}</mat-label>
-                <input matInput (input)="setGroupsPreselectValue($event)" data-automation-id="adf-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="adf-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>
@@ -1,4 +1,4 @@
-.adf {
+.app {
    &-section {
        mat-card-title {
            font-size:18px;
@@ -14,7 +14,7 @@

        mat-card-content {

-            .adf-preselect-value {
+            .app-preselect-value {
                margin-right: 15px;
                min-width: 25%;

@@ -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;
-    }
 }
@@ -1,15 +1,14 @@
-
 <button data-automation-id="go-back" mat-icon-button (click)="onGoBack()">
    <mat-icon>arrow_back</mat-icon> Go Back
 </button>

 <h4 data-automation-id="process-details-header">Simple page to show the process instance: {{ processInstanceId }} of the app: {{ appName }}</h4>

-<div class="adf-process-cloud-container">
+<div class="app-process-cloud-container">

    <adf-cloud-task-list
        fxFlex
-        class="adf-cloud-layout-overflow"
+        class="app-cloud-layout-overflow"
        [appName]="appName"
        [processInstanceId]="processInstanceId"
        (rowClick)="onRowClick($event)"
@@ -17,9 +16,8 @@
    </adf-cloud-task-list>

    <adf-cloud-process-header
-        class="adf-process-cloud-header"
+        class="app-process-cloud-header"
        [appName]="appName"
        [processInstanceId]="processInstanceId">
    </adf-cloud-process-header>
 </div>
-
@@ -1,4 +1,4 @@
- .adf {
+ .app {
    &-process-cloud-container {
        display: flex;
    }
@@ -11,4 +11,5 @@
        margin-left: 10px;
        width: 25%;
    }
+
 }
@@ -11,7 +11,7 @@
    <div fxLayout="column" fxFlex fxLayoutAlign="space-between" *ngIf="editedFilter">
        <adf-cloud-process-list #processCloud
            fxFlex
-            class="adf-cloud-layout-overflow"
+            class="app-cloud-layout-overflow"
            [appName]="editedFilter.appName"
            [initiator]="editedFilter.initiator"
            [processDefinitionId]="editedFilter.processDefinitionId"
@@ -24,7 +24,13 @@
            [lastModifiedTo]="editedFilter.lastModifiedTo"
            [sorting]="sortArray"
            [selectionMode]="selectionMode"
+            [stickyHeader]="true"
+            [showActions]="actionMenu"
+            [showContextMenu]="contextMenu"
            [multiselect]="multiselect"
+            (showRowActionsMenu)="onShowRowActionsMenu($event)"
+            (showRowContextMenu)="onShowRowContextMenu($event)"
+            (executeRowAction)="onExecuteRowAction($event)"
            (rowClick)="onRowClick($event)"
            (rowsSelected)="onRowsSelected($event)">
        </adf-cloud-process-list>
@@ -35,10 +41,28 @@
            (prevPage)="resetSelectedRows()">
        </adf-pagination>
        <div *ngIf="testingMode">
-            Selected rows:
-            <ul>
-                <li *ngFor="let row of selectedRows">{{ row.id }}</li>
-            </ul>
+            <div *ngIf="multiselect">
+                {{ 'SETTINGS_CLOUD.SELECTED_ROWS' | translate }}:
+                <ul>
+                    <li *ngFor="let row of selectedRows">{{ row.id }}</li>
+                </ul>
+            </div>
+            <div *ngIf="actionMenu">
+                <span>{{ 'SETTINGS_CLOUD.ACTION.ACTION_MENU' | translate }}:</span>
+                <br>
+                <div *ngIf="selectedAction">
+                    <span>{{ 'SETTINGS_CLOUD.ACTION.PROCESS_ID' | translate }}: {{ selectedAction.id }}</span><br>
+                    <span>{{ 'SETTINGS_CLOUD.ACTION.ACTION_TYPE' | translate }}: {{ selectedAction.actionType }}</span>
+                </div>
+            </div>
+            <div *ngIf="contextMenu">
+                <span>{{ 'SETTINGS_CLOUD.ACTION.CONTEX_MENU' | translate }}:</span>
+                <br>
+                <div *ngIf="selectedContextAction">
+                    <span>{{ 'SETTINGS_CLOUD.ACTION.PROCESS_ID' | translate }}: {{ selectedContextAction.id }}</span><br>
+                    <span>{{ 'SETTINGS_CLOUD.ACTION.ACTION_TYPE' | translate }}: {{ selectedContextAction.actionType }}</span>
+                </div>
+            </div>
        </div>
    </div>
 </div>
@@ -24,7 +24,7 @@ import {
 } from '@alfresco/adf-process-services-cloud';

 import { ActivatedRoute, Router } from '@angular/router';
-import { UserPreferencesService, AppConfigService } from '@alfresco/adf-core';
+import { UserPreferencesService, AppConfigService, DataCellEvent } from '@alfresco/adf-core';
 import { CloudLayoutService, CloudServiceSettings } from './services/cloud-layout.service';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -55,11 +55,17 @@ export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
    selectionMode: string;
    selectedRows: string[] = [];
    testingMode: boolean;
+    actionMenu: boolean;
+    contextMenu: boolean;
+    actions: any[] = [];
+    selectedAction: { id: number, name: string, actionType: string};
+    selectedContextAction: { id: number, name: string, actionType: string};
    processFilterProperties: any  = { filterProperties: [], sortProperties: [], actions: [] };
    processDetailsRedirection: boolean;

    editedFilter: ProcessFilterCloudModel;

+    private performAction$ = new Subject<any>();
    private onDestroy$ = new Subject<boolean>();

    constructor(
@@ -89,6 +95,7 @@ export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
        this.cloudLayoutService.settings$
            .pipe(takeUntil(this.onDestroy$))
            .subscribe(settings => this.setCurrentSettings(settings));
+        this.performContextActions();
    }

    ngOnDestroy() {
@@ -102,6 +109,9 @@ export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
            this.testingMode = settings.testingMode;
            this.selectionMode = settings.selectionMode;
            this.processDetailsRedirection = settings.processDetailsRedirection;
+            this.actionMenu = settings.actionMenu;
+            this.contextMenu = settings.contextMenu;
+            this.actions = settings.actions;
        }
    }

@@ -140,4 +150,41 @@ export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
        this.resetSelectedRows();
        this.selectedRows = nodes.map((node) => node.obj.entry);
    }
+
+    onShowRowActionsMenu(event: DataCellEvent) {
+        event.value.actions = this.actions;
+    }
+
+    onShowRowContextMenu(event: DataCellEvent) {
+        event.value.actions = this.actions.map((action) => {
+            return {
+                data: event.value.row['obj'],
+                model: action,
+                subject: this.performAction$
+
+            };
+        });
+    }
+
+    onExecuteRowAction(row: any) {
+        const value = row.value.row['obj'].entry;
+        const action = row.value.action;
+        this.selectedAction = {id: value.id, name: value.name, actionType: action.title};
+    }
+
+    performContextActions() {
+        this.performAction$
+          .pipe(takeUntil(this.onDestroy$))
+          .subscribe((action: any) => {
+            if (action) {
+              this.onExecuteContextAction(action);
+            }
+          });
+    }
+
+    onExecuteContextAction(contextAction: any) {
+        const value = contextAction.data.entry;
+        const action = contextAction.model;
+        this.selectedContextAction = {id: value.id, name: value.name, actionType: action.title};
+    }
 }
@@ -20,10 +20,13 @@ import { BehaviorSubject } from 'rxjs';

 export interface CloudServiceSettings {
    multiselect: boolean;
+    actionMenu: boolean;
+    contextMenu: boolean;
    testingMode: boolean;
    taskDetailsRedirection: boolean;
    processDetailsRedirection: boolean;
    selectionMode: string;
+    actions: any[];
 }

 export interface FilterSettings {
@@ -32,6 +35,17 @@ export interface FilterSettings {
    key?: string;
 }

+export class ActionMenuModel {
+    constructor(
+        public key: string,
+        public icon: string,
+        public title: string,
+        public visible?: boolean,
+        public disabled?: boolean
+      ) {  }
+
+}
+
@Injectable({
    providedIn: 'root'
 })
@@ -39,10 +53,13 @@ export class CloudLayoutService {

    private settings: CloudServiceSettings = {
        multiselect: false,
+        actionMenu: false,
+        contextMenu: false,
        testingMode: false,
        taskDetailsRedirection: true,
        processDetailsRedirection: true,
-        selectionMode: 'single'
+        selectionMode: 'single',
+        actions: []
    };

    taskFilter$ = new BehaviorSubject<FilterSettings>({index: 0});
@@ -1,7 +1,13 @@
-<div fxFlex fxLayout="column" class="adf-settings-container">
+<div fxFlex fxLayout="column" class="app-settings-container">
    <mat-slide-toggle [color]="'primary'" [checked]="multiselect" (change)="toggleMultiselect()" data-automation-id="multiSelection">
        {{ 'SETTINGS_CLOUD.MULTISELECTION' | translate }}
    </mat-slide-toggle>
+    <mat-slide-toggle [color]="'primary'" [checked]="actionMenu" (change)="toggleActionMenu()" data-automation-id="actionmenu">
+        {{ 'SETTINGS_CLOUD.ACTION.ACTION_MENU' | translate }}
+    </mat-slide-toggle>
+    <mat-slide-toggle [color]="'primary'" [checked]="contextMenu" (change)="toggleContextMenu()" data-automation-id="contextmenu">
+        {{ 'SETTINGS_CLOUD.ACTION.CONTEX_MENU' | translate }}
+    </mat-slide-toggle>
    <mat-slide-toggle [color]="'primary'" [checked]="testingMode" (change)="toggleTestingMode()" data-automation-id="testingMode">
        {{ 'SETTINGS_CLOUD.TESTING_MODE' | translate }}
    </mat-slide-toggle>
@@ -21,4 +27,45 @@
            </mat-option>
        </mat-select>
    </mat-form-field>
+    <mat-card *ngIf="actionMenu || contextMenu">
+        <mat-card-header>
+          <mat-card-title>{{ 'SETTINGS_CLOUD.ACTION.ACTION_TITLE' | translate }}</mat-card-title>
+        </mat-card-header>
+        <mat-card-content>
+            <form [formGroup]="actionMenuForm" fxLayout="row" fxLayoutAlign="space-around center" fxLayoutGap="20px">
+                <mat-form-field fxFlex="23%">
+                    <input matInput formControlName="key" placeholder="{{ 'SETTINGS_CLOUD.ACTION.KEY' | translate }}">
+                </mat-form-field>
+
+                <mat-form-field fxFlex="23%">
+                    <input matInput formControlName="title" placeholder="{{ 'SETTINGS_CLOUD.ACTION.TITLE' | translate }}">
+                </mat-form-field>
+
+                <mat-form-field fxFlex="23%">
+                    <input matInput formControlName="icon" placeholder="{{ 'SETTINGS_CLOUD.ACTION.ICON' | translate }}"I>
+                </mat-form-field>
+                <mat-checkbox formControlName="visible">
+                    {{ 'SETTINGS_CLOUD.ACTION.ACTION_VISIBLE' | translate }}
+                </mat-checkbox>
+                <mat-checkbox formControlName="disabled">
+                    {{ 'SETTINGS_CLOUD.ACTION.ACTION_DISABLE' | translate }}
+                </mat-checkbox>
+                <button mat-raised-button (click)="addAction()">
+                        {{ 'SETTINGS_CLOUD.ACTION.ADD_BUTTON' | translate }}
+                </button>
+            </form>
+            <div *ngIf="actions.length > 0">
+                <mat-chip-list #chipList>
+                    <mat-chip *ngFor="let action of actions" [removable]="true">
+                        {{action.title}}
+                        <mat-icon
+                            matChipRemove
+                            (click)="removeAction(action)">
+                            cancel
+                        </mat-icon>
+                    </mat-chip>
+                </mat-chip-list>
+            </div>
+        </mat-card-content>
+    </mat-card>
 </div>
@@ -1,7 +1,7 @@
-.adf-settings-container {
+.app-settings-container {
    padding: 20px 30px;
 }

-.adf-settings-container mat-form-field {
+.app-settings-container mat-form-field {
    max-width: 200px;
 }
@@ -16,9 +16,10 @@
 */

 import { Component, OnInit, OnDestroy } from '@angular/core';
-import { CloudLayoutService } from '../services/cloud-layout.service';
+import { CloudLayoutService, ActionMenuModel } from '../services/cloud-layout.service';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
+import { FormGroup, FormControl } from '@angular/forms';

@Component({
    selector: 'app-cloud-settings',
@@ -29,6 +30,9 @@ export class CloudSettingsComponent implements OnInit, OnDestroy {
    private onDestroy$ = new Subject<boolean>();

    multiselect: boolean;
+    actionMenu: boolean;
+    contextMenu: boolean;
+    actions: ActionMenuModel[] = [];
    selectionMode: string;
    testingMode: boolean;
    taskDetailsRedirection: boolean;
@@ -40,6 +44,14 @@ export class CloudSettingsComponent implements OnInit, OnDestroy {
        { value: 'multiple', title: 'Multiple' }
    ];

+    actionMenuForm = new FormGroup({
+        key: new FormControl(''),
+        title: new FormControl(''),
+        icon: new FormControl(''),
+        visible: new FormControl(true),
+        disabled: new FormControl(false)
+      });
+
    constructor(private cloudLayoutService: CloudLayoutService) { }

    ngOnInit() {
@@ -61,6 +73,9 @@ export class CloudSettingsComponent implements OnInit, OnDestroy {
            this.selectionMode = settings.selectionMode;
            this.taskDetailsRedirection = settings.taskDetailsRedirection;
            this.processDetailsRedirection = settings.processDetailsRedirection;
+            this.actionMenu = settings.actionMenu;
+            this.contextMenu = settings.contextMenu;
+            this.actions = settings.actions;
        }
    }

@@ -88,9 +103,35 @@ export class CloudSettingsComponent implements OnInit, OnDestroy {
        this.setSetting();
    }

+    toggleActionMenu() {
+        this.actionMenu = !this.actionMenu;
+        this.setSetting();
+    }
+
+    toggleContextMenu() {
+        this.contextMenu = !this.contextMenu;
+        this.setSetting();
+    }
+
+    addAction() {
+        this.actions.push(<ActionMenuModel> this.actionMenuForm.value);
+        this.actionMenuForm.get('key').reset();
+        this.actionMenuForm.get('title').reset();
+        this.actionMenuForm.get('icon').reset();
+        this.setSetting();
+    }
+
+    removeAction(removedAction: ActionMenuModel) {
+        this.actions = this.actions.filter((action: ActionMenuModel) => action.key !== removedAction.key);
+        this.setSetting();
+    }
+
    setSetting() {
        this.cloudLayoutService.setCurrentSettings({
            multiselect: this.multiselect,
+            actionMenu: this.actionMenu,
+            contextMenu: this.contextMenu,
+            actions: this.actions,
            testingMode: this.testingMode,
            selectionMode: this.selectionMode,
            taskDetailsRedirection: this.taskDetailsRedirection,
@@ -20,6 +20,7 @@ import { CommonModule } from '@angular/common';
 import { CloudSettingsComponent } from './cloud-settings.component';
 import { MatDialogModule, MatInputModule, MatSelectModule, MatSlideToggleModule } from '@angular/material';
 import { CoreModule } from '@alfresco/adf-core';
+import { FlexLayoutModule } from '@angular/flex-layout';

@NgModule({
    imports: [
@@ -28,7 +29,8 @@ import { CoreModule } from '@alfresco/adf-core';
        MatDialogModule,
        MatInputModule,
        MatSelectModule,
-        MatSlideToggleModule
+        MatSlideToggleModule,
+        FlexLayoutModule
    ],
    declarations: [ CloudSettingsComponent ],
    exports: [ CommonModule, CloudSettingsComponent]
@@ -5,5 +5,6 @@
    [variables]="variables"
    (error)="openSnackMessage($event)"
    (success)="onStartProcessSuccess()"
+    (formContentClicked)="onFormContentClicked($event)"
    (cancel)="onCancelStartProcess()">
 </adf-cloud-start-process>
@@ -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);
+    }
 }
@@ -8,8 +8,7 @@
                [taskId]="taskId"
                (cancelClick)="goBack()"
                (taskCompleted)="onTaskCompleted()"
-                (taskClaimed)="onTaskClaimed()"
-                (taskUnclaimed)="onTaskUnclaimed()"
+                (formContentClicked)="onFormContentClicked($event)"
                (formSaved)="onFormSaved()">
            </adf-cloud-task-form>
        </div>
@@ -1,5 +1,5 @@

-.adf {
+.app {

    &-task-detail-container {
        display: flex;
@@ -19,6 +19,7 @@ import { Component, ViewChild } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { NotificationService } from '@alfresco/adf-core';
 import { TaskHeaderCloudComponent } from '@alfresco/adf-process-services-cloud';
+import { PreviewService } from 'app/services/preview.service';

@Component({
    templateUrl: './task-details-cloud-demo.component.html',
@@ -35,7 +36,8 @@ export class TaskDetailsCloudDemoComponent {
    constructor(
        private route: ActivatedRoute,
        private router: Router,
-        private notificationService: NotificationService
+        private notificationService: NotificationService,
+        private previewService: PreviewService
        ) {
        this.route.params.subscribe((params) => {
            this.taskId = params.taskId;
@@ -58,16 +60,8 @@ export class TaskDetailsCloudDemoComponent {
        this.goBack();
    }

-    onTaskClaimed() {
-        this.taskHeader.ngOnInit();
-    }
-
-    onTaskUnclaimed() {
-        this.taskHeader.ngOnInit();
-    }
-
-    onFormContentClicked(resourceId) {
-        this.router.navigate([`/cloud/${this.appName}/task-details/${this.taskId}/files/${resourceId.nodeId}/view`]);
+    onFormContentClicked(resourceClicked: any) {
+        this.previewService.showResource(resourceClicked.nodeId);
    }

    onFormSaved() {
@@ -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>
@@ -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;
+    }
+}
@@ -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;
+    }
+}
@@ -11,7 +11,7 @@
    <div fxLayout="column" fxFlex fxLayoutAlign="space-between" *ngIf="editedFilter">
        <adf-cloud-task-list #taskCloud
            fxFlex
-            class="adf-cloud-layout-overflow"
+            class="app-cloud-layout-overflow"
            [appName]="editedFilter.appName"
            [processDefinitionId]="editedFilter.processDefinitionId"
            [processInstanceId]="editedFilter.processInstanceId"
@@ -27,8 +27,15 @@
            [createdDate]="editedFilter.createdDate"
            [dueDate]="editedFilter.dueDate"
            [sorting]="sortArray"
+            [standalone]="editedFilter.standalone"
            [multiselect]="multiselect"
            [selectionMode]="selectionMode"
+            [stickyHeader]="true"
+            [showActions]="actionMenu"
+            [showContextMenu]="contextMenu"
+            (showRowActionsMenu)="onShowRowActionsMenu($event)"
+            (showRowContextMenu)="onShowRowContextMenu($event)"
+            (executeRowAction)="onExecuteRowAction($event)"
            (rowClick)="onRowClick($event)"
            (rowsSelected)="onRowsSelected($event)"
            #taskCloud>
@@ -40,10 +47,28 @@
            (prevPage)="resetSelectedRows()">
        </adf-pagination>
        <div *ngIf="testingMode">
-            Selected rows:
-            <ul>
-                <li *ngFor="let row of selectedRows" [attr.data-automation-id]="row.id">{{ row.name }}</li>
-            </ul>
+            <div *ngIf="multiselect">
+                {{ 'SETTINGS_CLOUD.SELECTED_ROWS' | translate }}:
+                <ul>
+                    <li *ngFor="let row of selectedRows" [attr.data-automation-id]="row.id">{{ row.name }}</li>
+                </ul>
+            </div>
+            <div *ngIf="actionMenu">
+                <span>{{ 'SETTINGS_CLOUD.ACTION.ACTION_MENU' | translate }}:</span>
+                <br>
+                <div *ngIf="selectedAction">
+                    <span [attr.data-automation-id]="selectedAction.id">{{ 'SETTINGS_CLOUD.ACTION.TASK_ID' | translate }}: {{ selectedAction.id }}</span><br>
+                    <span [attr.data-automation-id]="selectedAction.actionType">{{ 'SETTINGS_CLOUD.ACTION.ACTION_TYPE' | translate }}: {{ selectedAction.actionType }}</span>
+                </div>
+            </div>
+            <div *ngIf="contextMenu">
+                <span>{{ 'SETTINGS_CLOUD.ACTION.CONTEX_MENU' | translate }}:</span>
+                <br>
+                <div *ngIf="selectedContextAction">
+                    <span [attr.data-automation-id]="selectedContextAction.id">{{ 'SETTINGS_CLOUD.ACTION.TASK_ID' | translate }}: {{ selectedContextAction.id }}</span><br>
+                    <span [attr.data-automation-id]="selectedContextAction.actionType">{{ 'SETTINGS_CLOUD.ACTION.ACTION_TYPE' | translate }}: {{ selectedContextAction.actionType }}</span>
+                </div>
+            </div>
        </div>
    </div>
 </div>
@@ -17,7 +17,7 @@

 import { Component, ViewChild, OnInit, OnDestroy } from '@angular/core';
 import { TaskListCloudComponent, TaskListCloudSortingModel, TaskFilterCloudModel } from '@alfresco/adf-process-services-cloud';
-import { UserPreferencesService, AppConfigService } from '@alfresco/adf-core';
+import { UserPreferencesService, AppConfigService, DataCellEvent } from '@alfresco/adf-core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { CloudLayoutService } from './services/cloud-layout.service';
 import { Subject } from 'rxjs';
@@ -48,10 +48,16 @@ export class TasksCloudDemoComponent implements OnInit, OnDestroy {
    filterId;
    multiselect: boolean;
    selectedRows: string[] = [];
+    actionMenu: boolean;
+    contextMenu: boolean;
+    actions: any[] = [];
+    selectedAction: { id: number, name: string, actionType: string};
+    selectedContextAction: { id: number, name: string, actionType: string};
    testingMode: boolean;
    selectionMode: string;
    taskDetailsRedirection: boolean;

+    private performAction$ = new Subject<any>();
    private onDestroy$ = new Subject<boolean>();

    constructor(
@@ -82,6 +88,7 @@ export class TasksCloudDemoComponent implements OnInit, OnDestroy {
        this.cloudLayoutService.settings$
            .pipe(takeUntil(this.onDestroy$))
            .subscribe(settings => this.setCurrentSettings(settings));
+        this.performContextActions();
    }

    ngOnDestroy() {
@@ -95,6 +102,9 @@ export class TasksCloudDemoComponent implements OnInit, OnDestroy {
            this.testingMode = settings.testingMode;
            this.selectionMode = settings.selectionMode;
            this.taskDetailsRedirection = settings.taskDetailsRedirection;
+            this.actionMenu = settings.actionMenu;
+            this.contextMenu = settings.contextMenu;
+            this.actions = settings.actions;
        }
    }

@@ -128,4 +138,41 @@ export class TasksCloudDemoComponent implements OnInit, OnDestroy {
            this.router.navigate([`/cloud/${this.appName}/tasks/`], { queryParams: filterAction.filter });
        }
    }
+
+    onShowRowActionsMenu(event: DataCellEvent) {
+        event.value.actions = this.actions;
+    }
+
+    onShowRowContextMenu(event: DataCellEvent) {
+        event.value.actions = this.actions.map((action) => {
+            return {
+                data: event.value.row['obj'],
+                model: action,
+                subject: this.performAction$
+
+            };
+        });
+    }
+
+    onExecuteRowAction(row: any) {
+        const value = row.value.row['obj'].entry;
+        const action = row.value.action;
+        this.selectedAction = {id: value.id, name: value.name, actionType: action.title};
+    }
+
+    performContextActions() {
+        this.performAction$
+          .pipe(takeUntil(this.onDestroy$))
+          .subscribe((action: any) => {
+            if (action) {
+              this.onExecuteContextAction(action);
+            }
+          });
+    }
+
+    onExecuteContextAction(contextAction: any) {
+        const value = contextAction.data.entry;
+        const action = contextAction.model;
+        this.selectedContextAction = {id: value.id, name: value.name, actionType: action.title};
+    }
 }
@@ -1,5 +1,5 @@
 <div>
-    <mat-nav-list class="adf-list-confgurations">
+    <mat-nav-list class="app-list-confgurations">

        <mat-list-item  (click)="appConfigClick()">
            <a matLine id="adf-app-conf">App Config Editor</a>
@@ -32,12 +32,12 @@

    <div>
        <ngx-monaco-editor id="adf-code-configuration-editor"
-                           class="adf-file-editor"
+                           class="app-file-editor"
                           [options]="editorOptions"
                           [(ngModel)]="code"
                           (onInit)="onInit($event)">
        </ngx-monaco-editor>
-        <div class="adf-list-confgurations-buttons">
+        <div class="app-list-confgurations-buttons">
            <button mat-raised-button id="adf-configuration-save" (click)="onSave()" color="primary">
                Save
            </button>
@@ -1,15 +1,15 @@
-.adf-file-editor {
+.app-file-editor {
    height: 500px;
    width: 65%;
    float: left;
 }

-.adf-list-confgurations {
+.app-list-configurations {
    float: left;
    width: 30%;
 }

-.adf-list-confgurations-buttons {
+.app-list-configurations-buttons {
    width: 200px;
    margin-left:  30%;
    float: left;
@@ -8,13 +8,13 @@
                    <h2>Plain picker</h2>
                </mat-panel-title>
                <mat-panel-description>
-                    <label class="adf-content-node-selector-demo-basic-label">
+                    <label class="app-content-node-selector-demo-basic-label">
                        dropdownHideMyFiles: {{dropdownHideMyFiles}}
                    </label>
                </mat-panel-description>
            </mat-expansion-panel-header>

-            <div class="adf-content-node-selector-demo-basic-table">
+            <div class="app-content-node-selector-demo-basic-table">
                <adf-content-node-selector-panel
                    [currentFolderId]="'-root-'">
                </adf-content-node-selector-panel>
@@ -26,13 +26,13 @@
                    <h2>Hide My files</h2>
                </mat-panel-title>
                <mat-panel-description>
-                    <label class="adf-content-node-selector-demo-basic-label">
+                    <label class="app-content-node-selector-demo-basic-label">
                        My Files site will be hided from dropdown
                    </label>
                </mat-panel-description>
            </mat-expansion-panel-header>

-            <div class="adf-content-node-selector-demo-basic-table">
+            <div class="app-content-node-selector-demo-basic-table">
                <adf-content-node-selector-panel
                    [currentFolderId]="'-root-'"
                    [dropdownHideMyFiles]="true">
@@ -45,7 +45,7 @@
                    <h2>Custom Site List</h2>
                </mat-panel-title>
                <mat-panel-description>
-                    <label class="adf-content-node-selector-demo-basic-label">
+                    <label class="app-content-node-selector-demo-basic-label">
                        Adding a custom site list
                    </label>
                </mat-panel-description>
@@ -54,7 +54,7 @@
            <div>
                <mat-list>
                    <h3 mat-subheader>Add Site</h3>
-                    <form class="adf-content-node-selector-demo-example-form">
+                    <form class="app-content-node-selector-demo-example-form">
                        <mat-form-field>
                            <label>Site Guid</label>
                            <input matInput [(ngModel)]="customSideGuid" [ngModelOptions]="{standalone: true}">
@@ -79,7 +79,7 @@
            </div>


-            <div class="adf-content-node-selector-demo-basic-table">
+            <div class="app-content-node-selector-demo-basic-table">
                <adf-content-node-selector-panel
                    [currentFolderId]="'-root-'"
                    [dropdownSiteList]="customSites">
@@ -92,7 +92,7 @@
                        <h2>Row Filtering</h2>
                    </mat-panel-title>
                    <mat-panel-description>
-                        <label class="adf-content-node-selector-demo-basic-label">
+                        <label class="app-content-node-selector-demo-basic-label">
                            Will automatically filter the row on the list
                        </label>
                    </mat-panel-description>
@@ -105,7 +105,7 @@
                    Slide Folders
                </mat-slide-toggle>

-                <div class="adf-content-node-selector-demo-basic-table">
+                <div class="app-content-node-selector-demo-basic-table">
                    <adf-content-node-selector-panel
                        [rowFilter]="rowFilterFunction"
                        [currentFolderId]="'-root-'">
@@ -118,7 +118,7 @@
                        <h2>Exclude Site Content</h2>
                    </mat-panel-title>
                    <mat-panel-description>
-                        <label class="adf-content-node-selector-demo-basic-label">
+                        <label class="app-content-node-selector-demo-basic-label">
                            The exclude site content is filtered out from the list
                        </label>
                    </mat-panel-description>
@@ -137,7 +137,7 @@
                    Show Folders
                </mat-slide-toggle>

-                <div class="adf-content-node-selector-demo-basic-table">
+                <div class="app-content-node-selector-demo-basic-table">
                    <adf-content-node-selector-panel
                        [rowFilter]="rowFilterFunction"
                        [excludeSiteContent]="excludeSiteContentList"
@@ -151,7 +151,7 @@
                        <h2>Custom Image Resolving</h2>
                    </mat-panel-title>
                    <mat-panel-description>
-                        <label class="adf-content-node-selector-demo-basic-label">
+                        <label class="app-content-node-selector-demo-basic-label">
                            A function to manage the way folder/file icons and thumbnails are resolved
                        </label>
                    </mat-panel-description>
@@ -161,7 +161,7 @@
                    Add Custom Images Resolver
                </mat-slide-toggle>

-                <div class="adf-content-node-selector-demo-basic-table">
+                <div class="app-content-node-selector-demo-basic-table">
                    <adf-content-node-selector-panel
                        [imageResolver]="customImageResolver"
                        [currentFolderId]="'-root-'">
@@ -174,12 +174,12 @@
                    <h2>Set Page Size</h2>
                </mat-panel-title>
                <mat-panel-description>
-                    <label class="adf-content-node-selector-demo-basic-label">
+                    <label class="app-content-node-selector-demo-basic-label">
                        Number of items shown per page in the list. actual page {{actualPageSize}}
                    </label>
                </mat-panel-description>
            </mat-expansion-panel-header>
-            <div class="adf-content-node-selector-demo-basic-table">
+            <div class="app-content-node-selector-demo-basic-table">
                <adf-content-node-selector-panel
                    [currentFolderId]="'-root-'"
                    [pageSize]="actualPageSize"
@@ -193,14 +193,14 @@
                    <h2>Is Valid Selection Function </h2>
                </mat-panel-title>
                <mat-panel-description>
-                    <label class="adf-content-node-selector-demo-basic-label">
+                    <label class="app-content-node-selector-demo-basic-label">
                        Function used to decide if the selected node has permission to be selected
                    </label>
                </mat-panel-description>
            </mat-expansion-panel-header>
            <label>Only folder starting with the letter 'a' or 'A' are valid selections</label>
            <label>Actual Selection is : {{validSelection}}</label>
-            <div class="adf-content-node-selector-demo-basic-table">
+            <div class="app-content-node-selector-demo-basic-table">
                <adf-content-node-selector-panel
                    (select)="onNodeSelect($event)"
                    [isSelectionValid]="customIsValidFunction"
@@ -214,13 +214,13 @@
                    <h2>BreadCrumb Transform Function </h2>
                </mat-panel-title>
                <mat-panel-description>
-                    <label class="adf-content-node-selector-demo-basic-label">
+                    <label class="app-content-node-selector-demo-basic-label">
                        Transformation to be performed on the chosen/folder node before building the breadcrumb UI
                    </label>
                </mat-panel-description>
            </mat-expansion-panel-header>
            <label>Folder starting with letter 'd' or 'D' won't be displayed in the breadcrumb dropdown</label>
-            <div class="adf-content-node-selector-demo-basic-table">
+            <div class="app-content-node-selector-demo-basic-table">
                <adf-content-node-selector-panel
                    [breadcrumbTransform]="customBreadcrumbFunction"
                    [currentFolderId]="'-root-'">
@@ -1,4 +1,4 @@
-.adf-content-node-selector-demo {
+.app-content-node-selector-demo {

    &-main {
        display: flex;
@@ -18,7 +18,7 @@
 import { Component, ViewEncapsulation } from '@angular/core';
 import { SitePaging, SiteEntry, MinimalNodeEntryEntity } from '@alfresco/js-api';
 import { ContentNodeDialogService, ShareDataRow, RowFilter } from '@alfresco/adf-content-services';
-import { DataRow, DataColumn, ThumbnailService } from '@alfresco/adf-core';
+import { ThumbnailService } from '@alfresco/adf-core';

@Component({
    templateUrl: './content-node-selector.component.html',
@@ -95,7 +95,7 @@ export class ContentNodeSelectorComponent {
        return showNode;
    }

-    customImageResolverExample(row: DataRow, col: DataColumn) {
+    customImageResolverExample() {
        return this.thumbnailService.getMimeTypeIcon('video/quicktime');
    }

@@ -16,7 +16,7 @@
        [data]="dataForCopy">
        <data-columns>
            <data-column key="id" title="Id" [copyContent]="true"></data-column>
-            <data-column key="name" title="Name" class="adf-full-width name-column" [copyContent]="false"></data-column>
+            <data-column key="name" title="Name" class="app-full-width name-column" [copyContent]="false"></data-column>
            <data-column key="createdBy" title="Created By"></data-column>
            <data-column key="json" type="json" title="Json" [copyContent]="true"></data-column>
        </data-columns>
@@ -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 {

@@ -18,9 +18,10 @@
        [selectionMode]="selectionMode"
        [multiselect]="multiselect"
        [actions]="true"
+        [resolverFn]="resolver"
        rowStyleClass="custom-row-style"
-        (showRowActionsMenu)="onShowRowActionsMenu($event)" (executeRowAction)="onExecuteRowAction($event)"
-        (row-click)="onRowClick($event)" (row-dblclick)="onRowDblClick($event)">
+        (showRowActionsMenu)="onShowRowActionsMenu($event)"
+        (executeRowAction)="onExecuteRowAction($event)">
        <!-- HTML column definition demo -->
        <!--
        <data-columns>
@@ -28,7 +29,11 @@
            <data-column key="id" title="Id"></data-column>
            <data-column key="createdOn" title="Created"></data-column>
            <data-column key="name" title="Name" class="adf-full-width name-column"></data-column>
-            <data-column key="createdBy.name" title="Created By"></data-column>
+            <data-column type="text" key="createdBy.name" title="Created By"></data-column>
+            <data-column type="text" key="users" title="Users"></data-column>
+            <data-column key="status" title="Status">
+                <ng-template let-value="value">{{value | json }}</ng-template>
+            </data-column>
        </data-columns>
        -->
    </adf-datatable>
@@ -16,8 +16,16 @@
 */

 import { Component, Input } from '@angular/core';
-import { LogService, DataColumn, DataRow } from '@alfresco/adf-core';
-import { DataCellEvent, DataRowActionEvent, DataSorting, ObjectDataColumn, ObjectDataRow, ObjectDataTableAdapter } from '@alfresco/adf-core';
+import {
+    DataCellEvent,
+    DataColumn,
+    DataRow,
+    DataRowActionEvent,
+    DataSorting,
+    ObjectDataColumn,
+    ObjectDataRow,
+    ObjectDataTableAdapter
+} from '@alfresco/adf-core';

 export class FilteredDataAdapter extends ObjectDataTableAdapter {

@@ -71,10 +79,24 @@ export class DataTableComponent {
        email: 'admin@alfresco.com'
    };

-    constructor(private logService: LogService) {
+    constructor() {
        this.reset();
    }

+    resolver(row: DataRow, col: DataColumn): any {
+        const value = row.getValue(col.key);
+        if (col.key === 'users') {
+            return (value || []).map(user => `${user.firstName} ${user.lastName}`).toString();
+        }
+
+        if (col.key === 'status') {
+            const users = row.getValue('users');
+            return (value || []).map((status, index) => ({ 'name': `${users[index].firstName} ${users[index].lastName}`, status }));
+        }
+
+        return value;
+    }
+
    /* spellchecker: disable */
    reset() {
        this.data = new FilteredDataAdapter(
@@ -90,7 +112,21 @@ export class DataTableComponent {
                    createdOn: new Date(2016, 6, 2, 15, 8, 1),
                    createdBy: this._createdBy,
                    icon: 'material-icons://folder_open',
-                    json: null
+                    json: null,
+                    users: [
+                        {
+                            firstName: 'Super',
+                            lastName: 'Man'
+                        },
+                        {
+                            firstName: 'Iron',
+                            lastName: 'Man'
+                        }
+                    ],
+                    status: [
+                        'I am here to save the world.. By world means AMERICA',
+                        'That nobody is John Wick…'
+                    ]
                },
                {
                    id: 2,
@@ -98,7 +134,21 @@ export class DataTableComponent {
                    createdOn: new Date(2016, 6, 2, 15, 8, 2),
                    createdBy: this._createdBy,
                    icon: 'material-icons://accessibility',
-                    json: null
+                    json: null,
+                    users: [
+                        {
+                            firstName: 'Mister',
+                            lastName: 'Bean'
+                        },
+                        {
+                            firstName: 'Doctor',
+                            lastName: 'Strange'
+                        }
+                    ],
+                    status: [
+                        'I am here to save the world.. By world means AMERICA',
+                        'That nobody is John Wick…'
+                    ]
                },
                {
                    id: 3,
@@ -106,7 +156,21 @@ export class DataTableComponent {
                    createdOn: new Date(2016, 6, 2, 15, 8, 3),
                    createdBy: this._createdBy,
                    icon: 'material-icons://alarm',
-                    json: null
+                    json: null,
+                    users: [
+                        {
+                            firstName: 'Thunder',
+                            lastName: 'Thor'
+                        },
+                        {
+                            firstName: 'Marvel',
+                            lastName: 'Avenger'
+                        }
+                    ],
+                    status: [
+                        'I am here to save the world.. By world means AMERICA',
+                        'That nobody is John Wick…'
+                    ]
                },
                {
                    id: 4,
@@ -120,10 +184,45 @@ export class DataTableComponent {
                        createdOn: new Date(2016, 6, 2, 15, 8, 4),
                        createdBy: {
                            name: 'Felipe',
-                            lastname: 'Melo'
+                            lastName: 'Melo'
                        },
                        icon: 'material-icons://alarm'
-                    }
+                    },
+                    users: [
+                        {
+                            firstName: 'Spider',
+                            lastName: 'Man'
+                        },
+                        {
+                            firstName: '17',
+                            lastName: 'Again'
+                        }
+                    ],
+                    status: [
+                        'I am here to save the world.. By world means AMERICA',
+                        'That nobody is John Wick…'
+                    ]
+                },
+                {
+                    id: 5,
+                    name: 'I am using custom resolver',
+                    createdOn: new Date(2016, 6, 2, 15, 8, 4),
+                    createdBy: this._createdBy,
+                    icon: 'material-icons://person_outline',
+                    users: [
+                        {
+                            firstName: 'Captain',
+                            lastName: 'America'
+                        },
+                        {
+                            firstName: 'John',
+                            lastName: 'Wick'
+                        }
+                    ],
+                    status: [
+                        'I am here to save the world.. By world means AMERICA',
+                        'That nobody is John Wick…'
+                    ]
                }
            ],
            [
@@ -132,7 +231,9 @@ export class DataTableComponent {
                { type: 'date', key: 'createdOn', title: 'Created On', sortable: true, cssClass: 'adf-ellipsis-cell adf-expand-cell-2' },
                { type: 'text', key: 'name', title: 'Name', cssClass: 'adf-ellipsis-cell', sortable: true },
                { type: 'text', key: 'createdBy.name', title: 'Created By', sortable: true, cssClass: ''},
-                { type: 'json', key: 'json', title: 'Json', cssClass: 'adf-expand-cell-2'}
+                { type: 'json', key: 'json', title: 'Json', cssClass: 'adf-expand-cell-2'},
+                { type: 'text', key: 'users', title: 'Users', cssClass: 'adf-expand-cell-2'},
+                { type: 'json', key: 'status', title: 'Status', cssClass: 'adf-expand-cell-2'}
            ]
        );

@@ -209,19 +310,9 @@ export class DataTableComponent {

    onExecuteRowAction(event: DataRowActionEvent) {
        const args = event.value;
-        this.logService.log(args.row);
-        this.logService.log(args.action);
        window.alert(`My custom action: ${args.action.title}`);
    }

-    onRowClick(event) {
-        this.logService.log(event);
-    }
-
-    onRowDblClick(event) {
-        this.logService.log(event);
-    }
-
    toggleStickyHeader() {
        this.stickyHeader = !this.stickyHeader;
    }
@@ -55,7 +55,7 @@ export class ExtensionPresetsComponent implements OnInit, OnDestroy {
        this.onDestroy$.complete();
    }

-    trackById(index: number, obj: { id: string }) {
+    trackById(_: number, obj: { id: string }) {
        return obj.id;
    }
 }
--- a/Show More
+++ b/Show More