3.3.0 update (#4867)

* * Added content-services as peer dependency into process-cloud-services (#4863)

* updated translation files 3.3.0

* fix form variables

* fix test

.gitignore

@@ -3,22 +3,13 @@ node_modules
 bundles
 workspace.xml
 .idea/
+.env.*
 dist/
+e2e/.env.cloud
 tmp
 e2e-output/
-e2e/downloads/
-ng2-components/coverage/
-!systemjs.config.js
-demo-shell-ng2/app/components/router/
-ng2-components/ng2-alfresco-userinfo-old/demo/src/app/
-ng2-components/ng2-alfresco-userinfo-old/src/services/bpm-user.service.spec.ts
-ng2-components/ng2-alfresco-userinfo-old/src/services/ecm-user.service.spec.ts
-src/environments/
-/ng2-components/ng2-example-webpack/
-/ng2-components/config/coverage/
+/e2e/downloads/
 *.npmrc
-/demo-shell-ng2/ng2-components/
-.happypack/
 .history
 /ng2-components/ng2-alfresco-core/prebuilt-themes/
 .ng_pkg_build/

.travis.yml

@@ -6,7 +6,7 @@ dist: trusty
 sudo: required
 node_js:
  # Use the explicit NodeJS LTS version 8.9.4 to avoid any automatic upgrade of the version.
-  - '8.9.4'
+  - '10.16.0'
 
 install:
     echo "no install"
@@ -15,17 +15,17 @@ branches:
   only:
   - master
   - development
+  - /.*old-env.*/
+  - /.*next-release.*/
+  - /.*beta.*/
+  - /.*greenkeeper.*/
 
 # TRAVIS_PULL_REQUEST == false means is running on dev branch and is not a PR
 stages:
-  - name: Warm Up Cache
-    if: branch = master
   - name: Warm Up Cache & Lint & Build Dist
-    if: branch != master
   - name: Unit test
   - name: e2e Test
-  - name: Create Docker PR
-  - name: Deploy Docker PR
+  - name: Deploy PR
 
 addons:
     chrome: stable
@@ -39,160 +39,53 @@ before_install:
     - sh -e /etc/init.d/xvfb start
     - sleep 3 # give xvfb some time to start
 
-branches:
-  only:
-  - master
-  - development
-
 jobs:
     include:
-        - stage: Warm Up Cache
-          script:
-          - ./scripts/npm-build-all.sh || exit 1
         - stage: Warm Up Cache & Lint & Build Dist
+          name:  Warm Up Cache & Lint & Build Dist
           script:
-          - ./scripts/update-version.sh -gnu -alpha || exit 1
-          - npm install
-          - ./scripts/lint.sh || exit 1
-          - npm run spellcheck || exit 1
-          - npm run stylelint || exit 1
-          - rm -rf tmp && (./scripts/smart-build.sh -b $TRAVIS_BRANCH || exit 1;);
-          - npm run build:dist || exit 1
-          - ./scripts/license-list-generator.sh
+             ./scripts/travis/build/build.sh
         - stage: Unit test
+          name: Unit test content
+          script:  ./scripts/travis/unit-test/content.sh
+        - stage: Unit test
+          name: Unit test core extension demo
+          script: ./scripts/travis/unit-test/core-extension-demo.sh
+        - 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.*
+          script: ./scripts/travis/update/update-children.sh
+        - stage: e2e Test
           name: core
+          script: ./scripts/travis/e2e/core-e2e.sh
+        - stage: e2e Test
+          name:  content
           script:
-            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b $TRAVIS_BRANCH)";
-            if [[ $AFFECTED_LIBS =~ "core$" || $TRAVIS_PULL_REQUEST == "false" ]];
-            then
-                ng test core --watch=false || exit 1;
-            fi
-        - stage: Unit test
-          name: extensions
+            ./scripts/travis/e2e/content-services-e2e.sh
+        - stage: e2e Test
+          name:  search
           script:
-            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b $TRAVIS_BRANCH)";
-            if [[ $AFFECTED_LIBS =~ "extensions$" || $TRAVIS_PULL_REQUEST == "false"  ]];
-            then
-                ng test extensions --watch=false || exit 1;
-            fi
-        - stage: Unit test
-          name: process-services
+              ./scripts/travis/e2e/search-e2e.sh
+        - stage: e2e Test
+          name: process
           script:
-            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b $TRAVIS_BRANCH)";
-            if [[ $AFFECTED_LIBS =~ "process-services$" || $TRAVIS_PULL_REQUEST == "false"  ]];
-            then
-                ng test process-services --watch=false || exit 1;
-            fi
-        - stage: Unit test
-          name: insights
+              ./scripts/travis/e2e/process-services-e2e.sh
+        - stage: e2e Test
+          name: process Cloud
           script:
-            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b $TRAVIS_BRANCH)";
-            if [[ $AFFECTED_LIBS =~ "insights$" || $TRAVIS_PULL_REQUEST == "false"  ]];
-            then
-                ng test insights --watch=false || exit 1;
-            fi
-        - stage: Unit test
-          name: content-services
-          script:
-            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b $TRAVIS_BRANCH)";
-            if [[ $AFFECTED_LIBS =~ "content-services$" || $TRAVIS_PULL_REQUEST == "false"  ]];
-            then
-                ng test content-services --watch=false || exit 1;
-            fi
-        - stage: Unit test
-          name: process-services-cloud
-          script:
-            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b $TRAVIS_BRANCH)";
-            if [[ $AFFECTED_LIBS =~ "process-services-cloud$" || $TRAVIS_PULL_REQUEST == "false"  ]];
-            then
-                ng test process-services-cloud --watch=false || exit 1;
-            fi
-        - stage: Unit test
-          name: demo-shell
-          script:   if ([ "$TRAVIS_BRANCH" = "master" ]); then
-                            (./scripts/start.sh -t -ss || exit 1;);
-                       else
-                            (./scripts/start.sh -dev -t -ss -vjsapi alpha || exit 1;);
-                    fi
-        - stage: Update children projects dependency #Update generator-ng2-alfresco-app
-          if: tag =~ .*beta.*
-          script: ./scripts/update-project.sh -gnu -t $GITHUB_TOKEN -n generator-ng2-alfresco-app
-        - stage: Update children projects dependency # Test Update alfresco-content-app
-          if: tag =~ .*beta.*
-          script: ./scripts/update-project.sh -gnu -t $GITHUB_TOKEN -n alfresco-content-app
-        - stage: Update children projects dependency # Test Update adf-app-manager-ui
-          if: tag =~ .*beta.*
-          script: ./scripts/update-project.sh -gnu -t $GITHUB_TOKEN -n adf-app-manager-ui
-        - stage: Update children projects dependency # Test Update aalfresco-ng2-components
-          if: tag =~ .*beta.*
-          script: ./scripts/update-project.sh -gnu -t $GITHUB_TOKEN -n alfresco-ng2-components
-        - stage: Update children projects dependency # Test Update alfresco-modeler-app
-          if: tag =~ .*beta.*
-          script: ./scripts/update-project.sh -gnu -t $GITHUB_TOKEN -n alfresco-modeler-app
-        - stage: e2e Test # Test core
-          name: core
-          script:
-            AFFECTED_E2E="$(./scripts/affected-folder.sh -b $TRAVIS_BRANCH -f "e2e")";
-            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b $TRAVIS_BRANCH)";
-            if [[ $AFFECTED_LIBS =~ "core$" || $AFFECTED_E2E = "e2e" || $TRAVIS_PULL_REQUEST == "false"  ]];
-            then
-                (./scripts/test-e2e-lib.sh -host localhost:4200 --host_sso "$E2E_HOST_SSO" --host_bpm "$E2E_HOST_BPM" --host_identity "$E2E_HOST_IDENTITY" -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b --folder core --skip-lint --use-dist || exit 1;);
-            fi
-        - stage: e2e Test # Test process-services
-          name: process-services
-          script:
-            AFFECTED_E2E="$(./scripts/affected-folder.sh -b $TRAVIS_BRANCH -f "e2e")";
-            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b $TRAVIS_BRANCH)";
-            if [[ $AFFECTED_LIBS =~ "process-services$" || $AFFECTED_E2E = "e2e" || $TRAVIS_PULL_REQUEST == "false"  ]];
-            then
-                (./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b --folder process-services --skip-lint --use-dist || exit 1;);
-            fi
-        - stage: e2e Test # Test content-services
-          name: content-services
-          script:
-            AFFECTED_E2E="$(./scripts/affected-folder.sh -b $TRAVIS_BRANCH -f "e2e")";
-            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b $TRAVIS_BRANCH)";
-            if [[ $AFFECTED_LIBS =~ "content-services$" || $AFFECTED_E2E = "e2e" || $TRAVIS_PULL_REQUEST == "false"  ]];
-            then
-                (./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b --folder content-services --skip-lint --use-dist || exit 1;);
-            fi
-        - stage: e2e Test # Test search
-          name: search
-          script:
-            AFFECTED_E2E="$(./scripts/affected-folder.sh -b $TRAVIS_BRANCH -f "e2e")";
-            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b $TRAVIS_BRANCH)";
-            if [[ $AFFECTED_LIBS =~ "content-services$" || $AFFECTED_E2E = "e2e" || $TRAVIS_PULL_REQUEST == "false"  ]];
-            then
-                (./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b --folder search --skip-lint --use-dist  || exit 1;);
-            fi
-        - stage: e2e Test # Test process-services-cloud
-          name: process-services-cloud
-          script:
-            AFFECTED_E2E="$(./scripts/affected-folder.sh -b $TRAVIS_BRANCH -f "e2e")";
-            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b $TRAVIS_BRANCH)";
-            if [[ $AFFECTED_LIBS =~ "process-services-cloud$" || $AFFECTED_E2E = "e2e" || $TRAVIS_PULL_REQUEST == "false"  ]];
-            then
-                (./scripts/test-e2e-lib.sh -host localhost:4200 --host_sso "$E2E_HOST_SSO" --host_bpm "$E2E_HOST_BPM" --host_identity "$E2E_HOST_IDENTITY" -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b --folder process-services-cloud --skip-lint --use-dist  || exit 1;);
-            fi
-        - stage: e2e Test # Test insights
-          name: insights
-          script:
-            AFFECTED_E2E="$(./scripts/affected-folder.sh -b $TRAVIS_BRANCH -f "e2e")";
-            AFFECTED_LIBS="$(./scripts/affected-libs.sh -b $TRAVIS_BRANCH)";
-            if [[ $AFFECTED_LIBS =~ "process-services-cloud$" || $AFFECTED_E2E = "e2e" || $TRAVIS_PULL_REQUEST == "false"  ]];
-            then
-                (./scripts/test-e2e-lib.sh -host localhost:4200 -proxy "$E2E_HOST" -u "$E2E_USERNAME" -p "$E2E_PASSWORD" -e $E2E_EMAIL -b --folder insights --skip-lint --use-dist  || exit 1;);
-            fi
-        - stage: Create Docker PR
-          script: node ./scripts/move-dist-folder.js --base-href $TRAVIS_BUILD_NUMBER && (./scripts/pr-publish.sh -n $TRAVIS_BUILD_NUMBER -r $REPO_DOCKER -u $USERNAME_DOCKER -p $PASSWORD_DOCKER || exit 1)
-        - stage: Deploy Docker PR
-          script: node --no-deprecation ./scripts/pr-deploy.js -n $TRAVIS_BUILD_NUMBER -u $RANCHER_TOKEN -p $RANCHER_SECRET -s $REPO_RANCHER --image "docker:$REPO_DOCKER/adf/demo-shell:$TRAVIS_BUILD_NUMBER" --env $ENVIRONMENT_NAME -r $ENVIRONMENT_URL || exit 1
+              ./scripts/travis/e2e/process-services-cloud-e2e.sh
 
 # Send coverage data to codecov
 after_success:
     bash <(curl -s https://codecov.io/bash) -X gcov
 
-
 cache:
   directories:
   - node_modules

Dockerfile

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

INTRODUCTION.md

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

angular.json

@@ -516,7 +516,7 @@
         "e2e": {
           "builder": "@angular-devkit/build-angular:protractor",
           "options": {
-            "protractorConfig": "./protractor.conf.js",
+            "protractorConfig": "./protractor.conf.ts",
             "devServerTarget": "lib-e2e-test:serve"
           }
         },
@@ -540,7 +540,7 @@
         "build": {
           "builder": "@angular-devkit/build-ng-packagr:build",
           "options": {
-            "tsConfig": "lib/core/tsconfig.json",
+            "tsConfig": "lib/core/tsconfig.lib.json",
             "project": "lib/core/ng-package.json"
           },
           "configurations": {
@@ -553,7 +553,7 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "lib/core/test.ts",
-            "tsConfig": "lib/core/tsconfig.json",
+            "tsConfig": "lib/core/tsconfig.spec.json",
             "karmaConfig": "lib/core/karma.conf.js",
             "codeCoverage": true,
             "sourceMap": true
@@ -563,8 +563,8 @@
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": [
-              "lib/core/tsconfig.json",
-              "lib/core/tsconfig.json"
+              "lib/core/tsconfig.lib.json",
+              "lib/core/tsconfig.lib.json"
             ],
             "exclude": [
               "**/node_modules/**"
@@ -582,7 +582,7 @@
         "build": {
           "builder": "@angular-devkit/build-ng-packagr:build",
           "options": {
-            "tsConfig": "lib/content-services/tsconfig.json",
+            "tsConfig": "lib/content-services/tsconfig.lib.json",
             "project": "lib/content-services/ng-package.json"
           },
           "configurations": {
@@ -595,7 +595,7 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "lib/content-services/test.ts",
-            "tsConfig": "lib/content-services/tsconfig.json",
+            "tsConfig": "lib/content-services/tsconfig.spec.json",
             "karmaConfig": "lib/content-services/karma.conf.js",
             "codeCoverage": true,
             "sourceMap": true
@@ -605,8 +605,8 @@
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": [
-              "lib/content-services/tsconfig.json",
-              "lib/content-services/tsconfig.json"
+              "lib/content-services/tsconfig.lib.json",
+              "lib/content-services/tsconfig.lib.json"
             ],
             "exclude": [
               "**/node_modules/**"
@@ -624,7 +624,7 @@
         "build": {
           "builder": "@angular-devkit/build-ng-packagr:build",
           "options": {
-            "tsConfig": "lib/process-services/tsconfig.json",
+            "tsConfig": "lib/process-services/tsconfig.lib.json",
             "project": "lib/process-services/ng-package.json"
           },
           "configurations": {
@@ -637,7 +637,7 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "lib/process-services/test.ts",
-            "tsConfig": "lib/process-services/tsconfig.json",
+            "tsConfig": "lib/process-services/tsconfig.spec.json",
             "karmaConfig": "lib/process-services/karma.conf.js",
             "codeCoverage": true,
             "sourceMap": true
@@ -647,8 +647,8 @@
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": [
-              "lib/process-services/tsconfig.json",
-              "lib/process-services/tsconfig.json"
+              "lib/process-services/tsconfig.lib.json",
+              "lib/process-services/tsconfig.lib.json"
             ],
             "exclude": [
               "**/node_modules/**"
@@ -708,7 +708,7 @@
         "build": {
           "builder": "@angular-devkit/build-ng-packagr:build",
           "options": {
-            "tsConfig": "lib/insights/tsconfig.json",
+            "tsConfig": "lib/extensions/tsconfig.lib.json",
             "project": "lib/insights/ng-package.json"
           },
           "configurations": {
@@ -721,7 +721,7 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "lib/insights/test.ts",
-            "tsConfig": "lib/insights/tsconfig.json",
+            "tsConfig": "lib/extensions/tsconfig.spec.json",
             "karmaConfig": "lib/insights/karma.conf.js",
             "codeCoverage": true,
             "sourceMap": true
@@ -731,8 +731,8 @@
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": [
-              "lib/insights/tsconfig.json",
-              "lib/insights/tsconfig.json"
+              "lib/insights/tsconfig.lib.json",
+              "lib/insights/tsconfig.lib.json"
             ],
             "exclude": [
               "**/node_modules/**"
@@ -777,6 +777,41 @@
           }
         }
       }
+    },
+    "testing": {
+      "root": "lib/testing",
+      "sourceRoot": "lib/testing/src",
+      "projectType": "library",
+      "prefix": "adf",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-ng-packagr:build",
+          "options": {
+            "tsConfig": "lib/testing/tsconfig.lib.json",
+            "project": "lib/testing/ng-package.json"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "lib/testing/src/test.ts",
+            "tsConfig": "lib/testing/tsconfig.spec.json",
+            "karmaConfig": "lib/testing/karma.conf.js"
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "lib/testing/tsconfig.lib.json",
+              "lib/testing/tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
     }
   },
   "defaultProject": "dist"

cspell.json

@@ -123,7 +123,10 @@
     "BASESHAREURL",
     "hardend",
     "filedata",
-    "uncheck"
+    "uncheck",
+    "subfolders",
+    "ECMBPM",
+    "processwithvariables"
   ],
   "dictionaries": [
     "html",

demo-shell/package.json

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

demo-shell/resources/i18n/ar.json

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

demo-shell/resources/i18n/cs.json

@@ -0,0 +1,325 @@
+{
+  "APP": {
+    "INFO_DRAWER": {
+      "TITLE": "Podrobnosti",
+      "COMMENTS": "Poznámky",
+      "PROPERTIES": "Vlastnosti",
+      "VERSIONS": "Verze"
+    },
+    "HOME": {
+      "TITLE": "Součásti Angular pro produkty Alfresco",
+      "DOCUMENTATION": "Dokumentace"
+    },
+    "LOGOUT": {
+      "TITLE": "Stránka pro odhlášení",
+      "SUB_TITLE": "Byli jste odhlášeni",
+      "LOGIN": "Přihlášení",
+      "HOME": "Domů"
+    },
+    "ADF_VERSION_MANAGER": {
+      "ALLOW_DELETE": "Povolit odstranění",
+      "SHOW_COMMENTS": "Zobrazit komentáře k verzím",
+      "ALLOW_DOWNLOAD": "Povolit stažení verze",
+      "READ_ONLY": "Pouze ke čtení",
+      "COMMENTS": "Zobrazit komentáře"
+    },
+    "PERSONAL-FILES": "Osobní soubory",
+    "WARN-MULTIPLE-UPLOADS": "Zobrazit upozornění v případě hromadného odesílání",
+    "CUSTOM-PERMISSION-MESSAGE": "Povolit přizpůsobené oznámení o oprávnění",
+    "MEDIUM-TIME-FORMAT": "Povolit střední formát času v seznamu dokumentů",
+    "SEARCH": {
+      "RADIO": {
+        "NONE": "Žádné",
+        "ALL": "Vše",
+        "FOLDER": "Složka",
+        "DOCUMENT": "Dokument"
+      }
+    }
+  },
+  "title": "Vítejte",
+  "VERSION": {
+    "NO_PERMISSION": "Nemáte potřebná oprávnění pro správu verzí tohoto obsahu",
+    "NO_PERMISSION_EVENT": "Nemáte oprávnění „${event.permission}“ potřebná k použití akce „${event.action}“ pro „${event.type}“",
+    "CHOOSE_FILE": "Vyberte soubor, jehož verze si chcete prohlédnout",
+    "DIALOG": {
+      "CLOSE": "Zavřít",
+      "TITLE": "Spravovat verze"
+    }
+  },
+  "METADATA": {
+    "DIALOG": {
+      "CLOSE": "Zavřít",
+      "TITLE": "Metadata"
+    }
+  },
+  "APP_LAYOUT": {
+    "APP": "Aplikace",
+    "APP_NAME": "Ukázková aplikace ADF",
+    "HOME": "Domů",
+    "NODE-SELECTOR": "Selektor uzlu",
+    "SITES": "Místa",
+    "CONTENT_SERVICES": "Content Services",
+    "BREADCRUMB": "Popis cesty",
+    "NOTIFICATIONS": "Upozornění",
+    "TASK_LIST": "Seznam úkolů",
+    "PROCESS_LIST": "Seznam procesů",
+    "PROCESS_CLOUD": "Activiti Cloud",
+    "CARD_VIEW": "Zobrazení karty",
+    "PROCESS_SERVICES": "Process Services",
+    "LOGIN": "Přihlášení",
+    "CUSTOM_SOURCES": "Vlastní zdroje",
+    "DATATABLE": "Datová tabulka",
+    "DATATABLE_LAZY": "Datová tabulka (jednoduchá)",
+    "DOCUMENT_LIST": "Seznam dokumentů",
+    "TEMPLATE": "Šablona",
+    "FORM": "Formulář",
+    "FORM_LIST": "Seznam formulářů",
+    "FORM_LOADING": "Načítání formuláře",
+    "UPLOADER": "Nástroj pro odesílání",
+    "WEBSCRIPT": "Webový skript",
+    "TAG": "Tag",
+    "TRASHCAN": "Koš",
+    "SOCIAL": "Sociální",
+    "SETTINGS": "Nastavení",
+    "CONFIG-EDITOR": "Editor konfigurace",
+    "OVERLAY_VIEWER": "Zobrazení překrytí",
+    "ABOUT": "O aplikaci",
+    "SEARCH": "Rozšířené hledání",
+    "EXTENDED_SEARCH_QUERY_BODY": "Rozšířené hledání s textem dotazu",
+    "WORD_TO_SEARCH": "Hledat slovo",
+    "SEARCH_CREATED_BY": "Vytvořil(a)",
+    "SEARCH_SERVICE_APPROACH": "Označením této možnosti zakážete vstupní vlastnost a ke konfiguraci použijete službu",
+    "HEADER_DATA": "Data záhlaví",
+    "TREE_VIEW": "Stromová struktura",
+    "ICONS": "Ikony",
+    "PEOPLE_GROUPS_CLOUD": "Cloud osob/skupin",
+    "PEOPLE_CLOUD": "Součást cloudu osob",
+    "GROUPS_CLOUD": "Součást cloudu skupin",
+    "CONFIRM-DIALOG": "Dialogové okno s potvrzením",
+    "COMMUNITY": "Community"
+  },
+  "TRASHCAN": {
+    "ACTIONS": {
+      "DELETE_PERMANENT": "Trvale odstranit",
+      "RESTORE": "Obnovit"
+    },
+    "EMPTY_STATE": {
+      "TITLE": "Koš je prázdný",
+      "FIRST_TEXT": "Odstraněné položky se přesunou do koše.",
+      "SECOND_TEXT": "Vysypáním koše můžete položky trvale odstranit."
+    }
+  },
+  "DOCUMENT_LIST": {
+    "MULTISELECT_CHECKBOXES": "Hromadný výběr (pomocí zaškrtávacích polí)",
+    "THUMBNAILS": "Povolit miniatury",
+    "ALLOW_DROP_FILES": "Povolit přetažení souborů do složky",
+    "MULTIPLE_FILE_UPLOAD": "Odeslání více souborů",
+    "FOLDER_UPLOAD": "Odeslat složku",
+    "CUSTOM_FILTER": "Vlastní filtr rozšíření",
+    "MAX_SIZE": "Filtr max. velikosti",
+    "ENABLE_VERSIONING": "Povolit více verzí",
+    "DESCRIPTION_UPLOAD": "Povolit odeslání",
+    "ENABLE_INFINITE_SCROLL": "Povolit nekonečné procházení",
+    "MULTISELECT_DESCRIPTION": "Pomocí klávesy Ctrl (Windows) nebo Cmd (Mac) můžete přepínat výběr více položek",
+    "RECENT": {
+      "EMPTY_STATE": {
+        "TITLE": "Seznam nedávných souborů je prázdný"
+      },
+      "TITLE": "Nedávné soubory"
+    },
+    "COLUMNS": {
+      "DISPLAY_NAME": "Zobrazované jméno",
+      "IS_LOCKED": "Zamknout",
+      "TAG": "Tag",
+      "NODE_ID": "ID uzlu",
+      "CREATED_BY": "Vytvořil(a)",
+      "CREATED_ON": "Vytvořeno",
+      "CREATED": "Vytvořeno",
+      "SIZE": "Velikost",
+      "DELETED_ON": "Odstraněno",
+      "DELETED_BY": "Odstranil(a)"
+    },
+    "TOOLBAR": {
+      "CARDVIEW": "Režim zobrazení karet",
+      "SHARE_EDIT": "Upravit nastavení",
+      "NEW_FOLDER": "Nová složka",
+      "EDIT_FOLDER": "Upravit složku",
+      "DOWNLOAD": "Stáhnout",
+      "DELETE": "Odstranit",
+      "FAVORITES": "Přidat mezi oblíbené",
+      "SHARE": "Sdílet",
+      "THEME": "Vybrat motiv",
+      "SHOW_VERSION": "Zobrazit verzi",
+      "HIDE_VERSION": "Skrýt verzi",
+      "LISTVIEW": "Režim zobrazení seznamu",
+      "CREATE_LIBRARY": "Vytvořit knihovnu"
+    },
+    "ACTIONS": {
+      "VERSIONS": "Spravovat verze",
+      "LOCK": "Zamknout",
+      "METADATA": "Informace",
+      "DOWNLOAD": "Stáhnout",
+      "PERMISSION": "Oprávnění",
+      "FOLDER": {
+        "COPY": "Kopírovat",
+        "MOVE": "Přesunout",
+        "DELETE": "Odstranit"
+      },
+      "DOCUMENT": {
+        "COPY": "Kopírovat",
+        "MOVE": "Přesunout",
+        "DELETE": "Odstranit",
+        "PROCESS_ACTION": "Zahájit proces"
+      }
+    }
+  },
+  "DATATABLE": {
+    "RESET_DEFAULT": "Obnovit výchozí",
+    "ADD_ROW": "Přidat řádek",
+    "REPLACE_ROWS": "Nahradit řádky",
+    "REPLACE_COLUMNS": "Nahradit sloupce",
+    "LOAD_NODE": "Načíst uzel",
+    "MULTISELECT": "Hromadný výběr",
+    "MULTISELECT_DESCRIPTION": "Pomocí klávesy Ctrl (Windows) nebo Cmd (Mac) můžete přepínat výběr více položek"
+  },
+  "ANALYTICS_REPORT": {
+    "NO_REPORT_MESSAGE": "Nebyly zvoleny žádné zprávy. Vyberte zprávu ze seznamu"
+  },
+  "PS-TAB": {
+    "TASKS-TAB": "Úkoly",
+    "PROCESSES-TAB": "Proces",
+    "REPORTS-TAB": "Protokoly",
+    "SETTINGS-TAB": "Nastavení",
+    "START-TASK": "Zahájit úkol",
+    "START-PROCESS": "Zahájit proces",
+    "PROCESS-AUDIT-LOG": "Protokol auditu pro proces",
+    "TASK-AUDIT-LOG": "Protokol auditu pro úkol",
+    "TASK-SHOW-HEADER": "Zobrazit záhlaví podrobností"
+  },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "Aplikace",
+    "SETTINGS_TAB": "Nastavení"
+  },
+  "FORM-LIST": {
+    "STORE": "Uložit",
+    "RESTORE": "Obnovit"
+  },
+  "FORM-LOADING": {
+    "FORM_DATA": "Data formuláře",
+    "FORM_DATA_MESSAGE": "Zadejte hodnoty do formuláře",
+    "TYPEAHEAD_PLACEHOLDER": "Začněte psát",
+    "RADIO_PLACEHOLDER": "Přepínač",
+    "SELECT_PLACEHOLDER": "Rozevírací seznam"
+  },
+  "LOGIN": {
+    "CONTENT_SERVICES": "Content Services",
+    "PROCESS_SERVICES": "Process Services",
+    "LOGIN_FOOTER": "Zápatí přihlašování",
+    "SHOW_REMEMBERME": "Zobrazit tlačítko „Zapamatovat přihlášení“",
+    "SHOW_SUCCESS_ROUTE": "Zobrazit okna pro úspěšné přihlášení",
+    "CUSTOM_LOGO": "Vlastní logo"
+  },
+  "SEARCH": {
+    "RESULTS": "Výsledky hledání",
+    "NO_RESULT": "Nebyly nalezeny žádné výsledky",
+    "FACET_FIELDS": {
+      "TYPE": "1:Typ",
+      "SIZE": "2:Velikost",
+      "CREATOR": "3:Autor",
+      "MODIFIER": "4:Upravil(a)",
+      "CREATED": "5:Vytvořeno"
+    },
+    "FACET_QUERIES": {
+      "MY_FACET_QUERIES": "Moje dotazy na aspekty",
+      "CREATED_THIS_YEAR": "1.Vytvořeno tento rok",
+      "MIMETYPE": "2.Typ: HTML",
+      "XTRASMALL": "3.Velikost: extra malé",
+      "SMALL": "3.Velikost: malé",
+      "MEDIUM": "3.Velikost: střední",
+      "LARGE": "3.Velikost: velké",
+      "XTRALARGE": "3.Velikost: extra velké",
+      "XXTRALARGE": "3.Velikost: XX velké"
+    }
+  },
+  "SOCIAL": {
+    "LIKE": "Komponenta pro Líbí se mi",
+    "RATING": "Komponenta pro Hodnocení"
+  },
+  "TAG": {
+    "LIST": "Uvádět tagy Content Services",
+    "INSERT": "Vložit ID uzlu",
+    "NODE_LIST": "Řadit tagy dle ID uzlu"
+  },
+  "DEMO_PERMISSION": {
+    "INHERIT_PERMISSION_BUTTON": "Dědění oprávnění",
+    "INHERITED_PERMISSIONS_BUTTON": "Oprávnění bylo zděděno"
+  },
+  "TASK_LIST_DEMO": {
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Vložit ID aplikace",
+      "APP_ID_TYPE_ERROR": "ID aplikace musí být číslo",
+      "NUMBER_TYPE_ERROR": "Hodnota musí být číslo",
+      "NUMBER_GREATER_THAN": "Hodnota musí být rovna nebo větší než {{ value }}"
+    },
+    "TOOLTIP_MESSAGE": {
+      "START_INPUT": "Počáteční strana"
+    }
+  },
+  "PROCESS_LIST_DEMO": {
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Vložit ID aplikace",
+      "APP_ID_TYPE_ERROR": "ID aplikace musí být číslo",
+      "NUMBER_GREATER_THAN": "Hodnota musí být rovna nebo větší než {{ value }}"
+    }
+  },
+  "GROUP-TITLE1-TRANSLATION-KEY": "Vlastní překlad názvu 1",
+  "GROUP-TITLE2-TRANSLATION-KEY": "Vlastní překlad názvu 2",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "Disk ACS plný",
+      "DESCRIPTION": "Obsah přesahuje celkovou kvótu úložiště nastavenou pro síť nebo systém",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Zpět domů"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "Cloudová ukázka seznamu procesů",
+    "CUSTOMIZE_FILTERS": "Přizpůsobit filtr"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Přizpůsobit filtr"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "Volba jedné položky",
+    "MULTI": "Volba více položek",
+    "PRESELECTED_VALUE": "Předvolená hodnota: ",
+    "ROLE": "Role: ",
+    "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"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Hromadný výběr",
+    "TESTING_MODE": "Testovací režim",
+    "SELECTION_MODE": "Režim výběru",
+    "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"
+  }
+}

demo-shell/resources/i18n/da.json

@@ -0,0 +1,325 @@
+{
+  "APP": {
+    "INFO_DRAWER": {
+      "TITLE": "Detaljer",
+      "COMMENTS": "Kommentarer",
+      "PROPERTIES": "Egenskaber",
+      "VERSIONS": "Versioner"
+    },
+    "HOME": {
+      "TITLE": "Angular-komponenter til Alfresco",
+      "DOCUMENTATION": "Dokumentation"
+    },
+    "LOGOUT": {
+      "TITLE": "Side til at logge af",
+      "SUB_TITLE": "Du er nu logget af",
+      "LOGIN": "Log ind",
+      "HOME": "Hjem"
+    },
+    "ADF_VERSION_MANAGER": {
+      "ALLOW_DELETE": "Tillad sletning",
+      "SHOW_COMMENTS": "Vis kommentarer til versioner",
+      "ALLOW_DOWNLOAD": "Aktivér versionsdownload",
+      "READ_ONLY": "Skrivebeskyttet",
+      "COMMENTS": "Vis kommentarer"
+    },
+    "PERSONAL-FILES": "Personlige filer",
+    "WARN-MULTIPLE-UPLOADS": "Vis advarsler for flere uploads.",
+    "CUSTOM-PERMISSION-MESSAGE": "Tillad meddelelse om brugerdefineret tilladelse",
+    "MEDIUM-TIME-FORMAT": "Tillad mellemlangt tidsformat for dokumentliste",
+    "SEARCH": {
+      "RADIO": {
+        "NONE": "Ingen",
+        "ALL": "Alle",
+        "FOLDER": "Mappe",
+        "DOCUMENT": "Dokument"
+      }
+    }
+  },
+  "title": "Velkommen",
+  "VERSION": {
+    "NO_PERMISSION": "Du har ikke tilladelse til at administrere versioner af dette indhold",
+    "NO_PERMISSION_EVENT": "Du har ikke tilladelsen ${event.permission} til at ${event.action} ${event.type}",
+    "CHOOSE_FILE": "Vælg en fil for at få vist dens versioner",
+    "DIALOG": {
+      "CLOSE": "Luk",
+      "TITLE": "Administrer versioner"
+    }
+  },
+  "METADATA": {
+    "DIALOG": {
+      "CLOSE": "Luk",
+      "TITLE": "Metadata"
+    }
+  },
+  "APP_LAYOUT": {
+    "APP": "App",
+    "APP_NAME": "ADF-demoapp",
+    "HOME": "Hjem",
+    "NODE-SELECTOR": "Nodevælger",
+    "SITES": "Websteder",
+    "CONTENT_SERVICES": "Indholdstjenester",
+    "BREADCRUMB": "Brødkrumme",
+    "NOTIFICATIONS": "Meddelelser",
+    "TASK_LIST": "Opgaveliste",
+    "PROCESS_LIST": "Procesliste",
+    "PROCESS_CLOUD": "Activiti Cloud",
+    "CARD_VIEW": "Kortvisning",
+    "PROCESS_SERVICES": "Process Services",
+    "LOGIN": "Log ind",
+    "CUSTOM_SOURCES": "Brugerdefinerede kilder",
+    "DATATABLE": "Datatabel",
+    "DATATABLE_LAZY": "Datatabel (Lazy)",
+    "DOCUMENT_LIST": "Dokumentliste",
+    "TEMPLATE": "Skabelon",
+    "FORM": "Formular",
+    "FORM_LIST": "Formularliste",
+    "FORM_LOADING": "Formular indlæses",
+    "UPLOADER": "Uploader",
+    "WEBSCRIPT": "Webscript",
+    "TAG": "Tag",
+    "TRASHCAN": "Papirkurv",
+    "SOCIAL": "Social",
+    "SETTINGS": "Indstillinger",
+    "CONFIG-EDITOR": "Konfigurationseditor",
+    "OVERLAY_VIEWER": "Overlejringsfremviser",
+    "ABOUT": "Om",
+    "SEARCH": "Udvidet søgning",
+    "EXTENDED_SEARCH_QUERY_BODY": "Udvidet søgning med forespørgselstekst",
+    "WORD_TO_SEARCH": "Søg efter ord",
+    "SEARCH_CREATED_BY": "Oprettet af",
+    "SEARCH_SERVICE_APPROACH": "Vælg dette felt for at deaktivere inputegenskaben og konfigurere ved hjælp af tjenesten",
+    "HEADER_DATA": "Headerdata",
+    "TREE_VIEW": "Trævisning",
+    "ICONS": "Ikoner",
+    "PEOPLE_GROUPS_CLOUD": "Person/gruppecloud",
+    "PEOPLE_CLOUD": "Personcloudkomponent",
+    "GROUPS_CLOUD": "Gruppecloudkomponent",
+    "CONFIRM-DIALOG": "Bekræftelsesdialogboks",
+    "COMMUNITY": "Community"
+  },
+  "TRASHCAN": {
+    "ACTIONS": {
+      "DELETE_PERMANENT": "Slet permanent",
+      "RESTORE": "Gendan"
+    },
+    "EMPTY_STATE": {
+      "TITLE": "Papirkurven er tom",
+      "FIRST_TEXT": "De elementer, du sletter, flyttes til papirkurven.",
+      "SECOND_TEXT": "Tøm papirkurven for at slette elementerne permanent."
+    }
+  },
+  "DOCUMENT_LIST": {
+    "MULTISELECT_CHECKBOXES": "Vælg flere (med afkrydsningsfelter)",
+    "THUMBNAILS": "Aktivér miniaturevisninger",
+    "ALLOW_DROP_FILES": "Aktivér Slip filer i en mappe",
+    "MULTIPLE_FILE_UPLOAD": "Upload af flere filer",
+    "FOLDER_UPLOAD": "Upload af mappe",
+    "CUSTOM_FILTER": "Filter for brugerdefinerede udvidelser",
+    "MAX_SIZE": "Filtrer efter maksimal størrelse",
+    "ENABLE_VERSIONING": "Aktivér versionering",
+    "DESCRIPTION_UPLOAD": "Tillad upload",
+    "ENABLE_INFINITE_SCROLL": "Aktivér uendelig rulning",
+    "MULTISELECT_DESCRIPTION": "Brug Kommando (Mac) eller Ctrl (Windows) for at vælge flere elementer",
+    "RECENT": {
+      "EMPTY_STATE": {
+        "TITLE": "Listen over de seneste filer er tom"
+      },
+      "TITLE": "Seneste filer"
+    },
+    "COLUMNS": {
+      "DISPLAY_NAME": "Visningsnavn",
+      "IS_LOCKED": "Lås",
+      "TAG": "Tag",
+      "NODE_ID": "Node-id",
+      "CREATED_BY": "Oprettet af",
+      "CREATED_ON": "Oprettet den",
+      "CREATED": "Oprettet",
+      "SIZE": "Størrelse",
+      "DELETED_ON": "Slettet",
+      "DELETED_BY": "Slettet af"
+    },
+    "TOOLBAR": {
+      "CARDVIEW": "Kortvisning",
+      "SHARE_EDIT": "Rediger indstillinger",
+      "NEW_FOLDER": "Ny mappe",
+      "EDIT_FOLDER": "Rediger mappe",
+      "DOWNLOAD": "Download",
+      "DELETE": "Slet",
+      "FAVORITES": "Angiv som favorit",
+      "SHARE": "Del",
+      "THEME": "Vælg et tema",
+      "SHOW_VERSION": "Vis version",
+      "HIDE_VERSION": "Skjul version",
+      "LISTVIEW": "Listevisning",
+      "CREATE_LIBRARY": "Opret bibliotek"
+    },
+    "ACTIONS": {
+      "VERSIONS": "Administrer versioner",
+      "LOCK": "Lås",
+      "METADATA": "Oplysninger",
+      "DOWNLOAD": "Download",
+      "PERMISSION": "Tilladelse",
+      "FOLDER": {
+        "COPY": "Kopiér",
+        "MOVE": "Flyt",
+        "DELETE": "Slet"
+      },
+      "DOCUMENT": {
+        "COPY": "Kopiér",
+        "MOVE": "Flyt",
+        "DELETE": "Slet",
+        "PROCESS_ACTION": "Start proces"
+      }
+    }
+  },
+  "DATATABLE": {
+    "RESET_DEFAULT": "Nulstil til standard",
+    "ADD_ROW": "Tilføj række",
+    "REPLACE_ROWS": "Erstat rækker",
+    "REPLACE_COLUMNS": "Erstat kolonner",
+    "LOAD_NODE": "Indlæs node",
+    "MULTISELECT": "Vælg flere",
+    "MULTISELECT_DESCRIPTION": "Brug Kommando (Mac) eller Ctrl (Windows) for at vælge flere elementer"
+  },
+  "ANALYTICS_REPORT": {
+    "NO_REPORT_MESSAGE": "Du skal vælge en rapport på listen til venstre"
+  },
+  "PS-TAB": {
+    "TASKS-TAB": "Opgaver",
+    "PROCESSES-TAB": "Proces",
+    "REPORTS-TAB": "Rapporter",
+    "SETTINGS-TAB": "Indstillinger",
+    "START-TASK": "Start opgave",
+    "START-PROCESS": "Start proces",
+    "PROCESS-AUDIT-LOG": "Procesovervågningslog",
+    "TASK-AUDIT-LOG": "Opgaveovervågningslog",
+    "TASK-SHOW-HEADER": "Vis detaljer for header"
+  },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "App",
+    "SETTINGS_TAB": "Indstillinger"
+  },
+  "FORM-LIST": {
+    "STORE": "Gem",
+    "RESTORE": "Gendan"
+  },
+  "FORM-LOADING": {
+    "FORM_DATA": "Formulardata",
+    "FORM_DATA_MESSAGE": "Indtast værdier for at udfylde formularen",
+    "TYPEAHEAD_PLACEHOLDER": "Automatisk fuldførelse",
+    "RADIO_PLACEHOLDER": "Alternativknap",
+    "SELECT_PLACEHOLDER": "Rulleliste"
+  },
+  "LOGIN": {
+    "CONTENT_SERVICES": "Indholdstjenester",
+    "PROCESS_SERVICES": "Process Services",
+    "LOGIN_FOOTER": "Sidefod til login",
+    "SHOW_REMEMBERME": "Vis Husk mig",
+    "SHOW_SUCCESS_ROUTE": "Vis succesrute",
+    "CUSTOM_LOGO": "Brugerdefineret logo"
+  },
+  "SEARCH": {
+    "RESULTS": "Søgeresultater",
+    "NO_RESULT": "Der blev ikke fundet nogen resultater",
+    "FACET_FIELDS": {
+      "TYPE": "1: Type",
+      "SIZE": "2: Størrelse",
+      "CREATOR": "3: Opretter",
+      "MODIFIER": "4: Modifikator",
+      "CREATED": "5: Oprettet"
+    },
+    "FACET_QUERIES": {
+      "MY_FACET_QUERIES": "Mine facetforespørgsler",
+      "CREATED_THIS_YEAR": "1. Oprettet i år",
+      "MIMETYPE": "2. Type: HTML",
+      "XTRASMALL": "3. Størrelse: xtra small",
+      "SMALL": "4. Størrelse: small",
+      "MEDIUM": "5. Størrelse: medium",
+      "LARGE": "6. Størrelse: large",
+      "XTRALARGE": "7. Størrelse: xtra large",
+      "XXTRALARGE": "8. Størrelse: XX large"
+    }
+  },
+  "SOCIAL": {
+    "LIKE": "Synes om-komponent",
+    "RATING": "Bedømmelse-komponent"
+  },
+  "TAG": {
+    "LIST": "Vis indholdstjenester for tags",
+    "INSERT": "Indsæt node-id",
+    "NODE_LIST": "Tagliste efter node-id"
+  },
+  "DEMO_PERMISSION": {
+    "INHERIT_PERMISSION_BUTTON": "Nedarv tilladelse",
+    "INHERITED_PERMISSIONS_BUTTON": "Tilladelsen er nedarvet"
+  },
+  "TASK_LIST_DEMO": {
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Indsæt app-id",
+      "APP_ID_TYPE_ERROR": "App-id'et skal være et tal",
+      "NUMBER_TYPE_ERROR": "Værdien skal være et tal",
+      "NUMBER_GREATER_THAN": "Værdien skal være større end eller lig med {{ value }}"
+    },
+    "TOOLTIP_MESSAGE": {
+      "START_INPUT": "Startside"
+    }
+  },
+  "PROCESS_LIST_DEMO": {
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Indsæt app-id",
+      "APP_ID_TYPE_ERROR": "App-id'et skal være et tal",
+      "NUMBER_GREATER_THAN": "Værdien skal være større end eller lig med {{ value }}"
+    }
+  },
+  "GROUP-TITLE1-TRANSLATION-KEY": "Brugerdefineret titel oversættelse et",
+  "GROUP-TITLE2-TRANSLATION-KEY": "Brugerdefineret titel oversættelse to",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "ACS-disken er fuld",
+      "DESCRIPTION": "Indholdet overskrider den generelle lagerkvotegrænse, der er konfigureret for netværket eller systemet",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Tilbage til forsiden"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "CLOUDDEMO AF PROCESLISTE",
+    "CUSTOMIZE_FILTERS": "Tilpas dit filter"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Tilpas dit filter"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "Enkeltvalg",
+    "MULTI": "Multivalg",
+    "PRESELECTED_VALUE": "Forudvælg: ",
+    "ROLE": "Roller: ",
+    "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"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Multivalg",
+    "TESTING_MODE": "Testtilstand",
+    "SELECTION_MODE": "Valgtilstand",
+    "TASK_DETAILS_REDIRECTION": "Vis opgavedetaljer på opgave ved at klikke",
+    "PROCESS_DETAILS_REDIRECTION": "Vis behandlingsdetaljer for processen ved at klikke"
+  }
+}

demo-shell/resources/i18n/de.json

@@ -53,15 +53,17 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "Anwendung",
     "APP_NAME": "ADF-Demoanwendung",
     "HOME": "Startseite",
     "NODE-SELECTOR": "Node-Auswahl",
+    "SITES": "Sites",
     "CONTENT_SERVICES": "Content Services",
     "BREADCRUMB": "Breadcrumb",
     "NOTIFICATIONS": "Benachrichtigungen",
     "TASK_LIST": "Aufgabenliste",
     "PROCESS_LIST": "Prozessliste",
-    "PROCESS_CLOUD": "Prozess-Cloud",
+    "PROCESS_CLOUD": "Activiti Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Anmelden",
@@ -92,7 +94,9 @@
     "ICONS": "Symbole",
     "PEOPLE_GROUPS_CLOUD": "Personen-/Gruppen-Cloud",
     "PEOPLE_CLOUD": "Personen-Cloud-Komponente",
-    "GROUPS_CLOUD": "Gruppen-Cloud-Komponente"
+    "GROUPS_CLOUD": "Gruppen-Cloud-Komponente",
+    "CONFIRM-DIALOG": "Bestätigungsdialog",
+    "COMMUNITY": "Community"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -290,9 +294,14 @@
     "CUSTOMIZE_FILTERS": "Ihren Filter anpassen"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "Einzeln",
-    "MULTI": "Mehrfach",
-    "PRESELECTED_VALUE": "Vorausgewählter Wert"
+    "SINGLE": "Einzelauswahl",
+    "MULTI": "Mehrfachauswahl",
+    "PRESELECTED_VALUE": "Vorauswahl: ",
+    "ROLE": "Rollen: ",
+    "APP_NAME": "Anwendungsname",
+    "APP_FILTER_MODE": "Nach Anwendungsname filtern",
+    "ROLE_FILTER_MODE": "Nach Rolle filtern",
+    "PRESELECT_VALIDATION": "Vorauswahl-Prüfung"
   },
   "ABOUT": {
     "TITLE": "Plugins",
@@ -309,6 +318,8 @@
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Mehrfachauswahl",
     "TESTING_MODE": "Testmodus",
-    "SELECTION_MODE": "Auswahlmodus"
+    "SELECTION_MODE": "Auswahlmodus",
+    "TASK_DETAILS_REDIRECTION": "Bei Klicken auf Aufgabe Aufgabendetails einblenden",
+    "PROCESS_DETAILS_REDIRECTION": "Bei Klicken auf Prozess Prozessdetails anzeigen"
   }
 }

demo-shell/resources/i18n/en.json

@@ -53,9 +53,11 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "App",
     "APP_NAME": "ADF Demo Application",
     "HOME": "Home",
     "NODE-SELECTOR": "Node Selector",
+    "SITES": "Sites",
     "CONTENT_SERVICES": "Content Services",
     "BREADCRUMB": "Breadcrumb",
     "NOTIFICATIONS": "Notifications",
@@ -76,6 +78,7 @@
     "UPLOADER": "Uploader",
     "WEBSCRIPT": "Webscript",
     "TAG": "Tag",
+    "DATE": "Date",
     "TRASHCAN": "Trashcan",
     "SOCIAL": "Social",
     "SETTINGS": "Settings",
@@ -92,7 +95,9 @@
     "ICONS": "Icons",
     "PEOPLE_GROUPS_CLOUD": "People/Group Cloud",
     "PEOPLE_CLOUD": "People Cloud Component",
-    "GROUPS_CLOUD": "Groups Cloud Component"
+    "GROUPS_CLOUD": "Groups Cloud Component",
+    "CONFIRM-DIALOG": "Confirmation Dialog",
+    "COMMUNITY": "Community"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -293,7 +298,11 @@
     "SINGLE": "Single Selection",
     "MULTI": "Multiple Selection",
     "PRESELECTED_VALUE": "Preselect: ",
-    "ROLE": "Roles: "
+    "ROLE": "Roles: ",
+    "APP_NAME": "Application Name",
+    "APP_FILTER_MODE": "Filter by application name",
+    "ROLE_FILTER_MODE": "Filter by role",
+    "PRESELECT_VALIDATION": "Preselect validation"
   },
   "ABOUT": {
     "TITLE": "Plugins",
@@ -308,8 +317,10 @@
     }
   },
   "SETTINGS_CLOUD": {
-      "MULTISELECTION": "Multiselection",
-      "TESTING_MODE": "Testing Mode",
-      "SELECTION_MODE": "Selection Mode"
+    "MULTISELECTION": "Multiselection",
+    "TESTING_MODE": "Testing Mode",
+    "SELECTION_MODE": "Selection Mode",
+    "TASK_DETAILS_REDIRECTION": "Display task details on task click",
+    "PROCESS_DETAILS_REDIRECTION": "Display process details on process click"
   }
 }

demo-shell/resources/i18n/es.json

@@ -53,15 +53,17 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "Aplicación",
     "APP_NAME": "Aplicación ADF Demo",
     "HOME": "Inicio",
     "NODE-SELECTOR": "Selector de nodo",
+    "SITES": "Sitios",
     "CONTENT_SERVICES": "Content Services",
     "BREADCRUMB": "Ruta de navegación",
     "NOTIFICATIONS": "Notificaciones",
     "TASK_LIST": "Lista de tareas",
     "PROCESS_LIST": "Lista de procesos",
-    "PROCESS_CLOUD": "Procesos en la nube",
+    "PROCESS_CLOUD": "Activiti Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Iniciar sesión",
@@ -92,7 +94,9 @@
     "ICONS": "Iconos",
     "PEOPLE_GROUPS_CLOUD": "Personas/Grupos en la nube",
     "PEOPLE_CLOUD": "Componente en la nube de personas",
-    "GROUPS_CLOUD": "Componente en la nube de grupos"
+    "GROUPS_CLOUD": "Componente en la nube de grupos",
+    "CONFIRM-DIALOG": "Cuadro de diálogo de confirmación",
+    "COMMUNITY": "Community"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -290,9 +294,14 @@
     "CUSTOMIZE_FILTERS": "Personalice su filtro"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "Individual",
-    "MULTI": "Múltiple",
-    "PRESELECTED_VALUE": "Valor preseleccionado"
+    "SINGLE": "Selección individual",
+    "MULTI": "Selección múltiple",
+    "PRESELECTED_VALUE": "Preseleccionar: ",
+    "ROLE": "Funciones: ",
+    "APP_NAME": "Nombre de la aplicación",
+    "APP_FILTER_MODE": "Filtrar por nombre de la aplicación",
+    "ROLE_FILTER_MODE": "Filtrar por función",
+    "PRESELECT_VALIDATION": "Preseleccionar validación"
   },
   "ABOUT": {
     "TITLE": "Complementos",
@@ -309,6 +318,8 @@
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Selección múltiple",
     "TESTING_MODE": "Modo de prueba",
-    "SELECTION_MODE": "Modo de selección"
+    "SELECTION_MODE": "Modo de selección",
+    "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"
   }
 }

demo-shell/resources/i18n/fi.json

@@ -0,0 +1,325 @@
+{
+  "APP": {
+    "INFO_DRAWER": {
+      "TITLE": "Tiedot",
+      "COMMENTS": "Kommentit",
+      "PROPERTIES": "Ominaisuudet",
+      "VERSIONS": "Versiot"
+    },
+    "HOME": {
+      "TITLE": "Angular-komponentit Alfrescolle",
+      "DOCUMENTATION": "Dokumentaatio"
+    },
+    "LOGOUT": {
+      "TITLE": "Uloskirjautumissivu",
+      "SUB_TITLE": "Olet nyt kirjautunut ulos",
+      "LOGIN": "Kirjaudu sisään",
+      "HOME": "Aloitussivu"
+    },
+    "ADF_VERSION_MANAGER": {
+      "ALLOW_DELETE": "Salli poistaminen",
+      "SHOW_COMMENTS": "Näytä kommentit versioissa",
+      "ALLOW_DOWNLOAD": "Ota version lataaminen käyttöön",
+      "READ_ONLY": "Vain luku",
+      "COMMENTS": "Näytä kommentit"
+    },
+    "PERSONAL-FILES": "Omat tiedostot",
+    "WARN-MULTIPLE-UPLOADS": "Näytä varoitus useille latauksille.",
+    "CUSTOM-PERMISSION-MESSAGE": "Muokkaa omaa oikeusilmoitusta",
+    "MEDIUM-TIME-FORMAT": "Ota Medium-aikamuoto käyttöön asiakirjaluettelossa",
+    "SEARCH": {
+      "RADIO": {
+        "NONE": "Ei mitään",
+        "ALL": "Kaikki",
+        "FOLDER": "Kansio",
+        "DOCUMENT": "Asiakirja"
+      }
+    }
+  },
+  "title": "Tervetuloa",
+  "VERSION": {
+    "NO_PERMISSION": "Sinulla ei ole oikeutta hallita tämän sisällön versioita",
+    "NO_PERMISSION_EVENT": "Sinulla ei ole oikeutta ${event.permission} tapahtumalle ${event.action} tapahtumatyypissä ${event.type}",
+    "CHOOSE_FILE": "Jos haluat nähdä tiedoston versiot, valitse haluamasi tiedosto",
+    "DIALOG": {
+      "CLOSE": "Sulje",
+      "TITLE": "Hallitse versioita"
+    }
+  },
+  "METADATA": {
+    "DIALOG": {
+      "CLOSE": "Sulje",
+      "TITLE": "Metatiedot"
+    }
+  },
+  "APP_LAYOUT": {
+    "APP": "Sovellus",
+    "APP_NAME": "ADF-demosovellus",
+    "HOME": "Aloitussivu",
+    "NODE-SELECTOR": "Solmuvalitsin",
+    "SITES": "Sivustot",
+    "CONTENT_SERVICES": "Content Services",
+    "BREADCRUMB": "Siirtymispolku",
+    "NOTIFICATIONS": "Ilmoitukset",
+    "TASK_LIST": "Tehtäväluettelo",
+    "PROCESS_LIST": "Prosessiluettelo",
+    "PROCESS_CLOUD": "Prosessipilvi",
+    "CARD_VIEW": "Korttinäkymä",
+    "PROCESS_SERVICES": "Process Services",
+    "LOGIN": "Kirjaudu sisään",
+    "CUSTOM_SOURCES": "Omat lähteet",
+    "DATATABLE": "Tietotaulukko",
+    "DATATABLE_LAZY": "Tietotaulukko (Lazy)",
+    "DOCUMENT_LIST": "Asiakirjaluettelo",
+    "TEMPLATE": "Malli",
+    "FORM": "Lomake",
+    "FORM_LIST": "Lomakeluettelo",
+    "FORM_LOADING": "Lomakelataus",
+    "UPLOADER": "Lataustoiminto",
+    "WEBSCRIPT": "Verkkokomentosarja",
+    "TAG": "Tunniste",
+    "TRASHCAN": "Roskakori",
+    "SOCIAL": "Sosiaalinen",
+    "SETTINGS": "Asetukset",
+    "CONFIG-EDITOR": "Määrityseditori",
+    "OVERLAY_VIEWER": "Peittokatselutoiminto",
+    "ABOUT": "Tietoja",
+    "SEARCH": "Laajennettu haku",
+    "EXTENDED_SEARCH_QUERY_BODY": "Laajennettu haku kyselyn rungon avulla",
+    "WORD_TO_SEARCH": "Hakusana",
+    "SEARCH_CREATED_BY": "Tekijä:",
+    "SEARCH_SERVICE_APPROACH": "Jos haluat poistaa käytöstä annetun ominaisuuden ja määrittää palvelun avulla, valitse tämä",
+    "HEADER_DATA": "Otsikkotiedot",
+    "TREE_VIEW": "Puunäkymä",
+    "ICONS": "Kuvakkeet",
+    "PEOPLE_GROUPS_CLOUD": "Ihmispilvi/Ryhmäpilvi",
+    "PEOPLE_CLOUD": "Ihmispilvi-komponentti",
+    "GROUPS_CLOUD": "Ryhmäpilvi-komponentti",
+    "CONFIRM-DIALOG": "Vahvistusvalintaikkuna",
+    "COMMUNITY": "Community"
+  },
+  "TRASHCAN": {
+    "ACTIONS": {
+      "DELETE_PERMANENT": "Poista pysyvästi",
+      "RESTORE": "Palauta"
+    },
+    "EMPTY_STATE": {
+      "TITLE": "Roskakori on tyhjä",
+      "FIRST_TEXT": "Poistamasi kohteet siirretään roskakoriin.",
+      "SECOND_TEXT": "Jos haluat poistaa kohteet pysyvästi, tyhjennä roskakori."
+    }
+  },
+  "DOCUMENT_LIST": {
+    "MULTISELECT_CHECKBOXES": "Monivalinta (valintaruuduilla)",
+    "THUMBNAILS": "Ota pikkukuvat käyttöön",
+    "ALLOW_DROP_FILES": "Ota tiedostojen kansioon pudottaminen käyttöön",
+    "MULTIPLE_FILE_UPLOAD": "Useiden tiedostojen lataaminen",
+    "FOLDER_UPLOAD": "Kansion lataaminen",
+    "CUSTOM_FILTER": "Mukautettu tiedostomuotosuodatin",
+    "MAX_SIZE": "Enimmäiskoon suodatin",
+    "ENABLE_VERSIONING": "Ota versionhallinta käyttöön",
+    "DESCRIPTION_UPLOAD": "Ota lataus käyttöön",
+    "ENABLE_INFINITE_SCROLL": "Ota rajaton vieritys käyttöön",
+    "MULTISELECT_DESCRIPTION": "Voit valita useita kohteita Cmd- (Mac) tai Ctrl-näppäimen (Windows) avulla",
+    "RECENT": {
+      "EMPTY_STATE": {
+        "TITLE": "Viimeisimpien tiedostojen luettelo on tyhjä"
+      },
+      "TITLE": "Viimeisimmät tiedostot"
+    },
+    "COLUMNS": {
+      "DISPLAY_NAME": "Näyttönimi",
+      "IS_LOCKED": "Lukitse",
+      "TAG": "Tunniste",
+      "NODE_ID": "Solmutunnus",
+      "CREATED_BY": "Tekijä:",
+      "CREATED_ON": "Luotu",
+      "CREATED": "Luotu",
+      "SIZE": "Koko",
+      "DELETED_ON": "Poistettu",
+      "DELETED_BY": "Poistaja:"
+    },
+    "TOOLBAR": {
+      "CARDVIEW": "Korttinäkymätila",
+      "SHARE_EDIT": "Muokkaa asetuksia",
+      "NEW_FOLDER": "Uusi kansio",
+      "EDIT_FOLDER": "Muokkaa kansiota",
+      "DOWNLOAD": "Lataa",
+      "DELETE": "Poista",
+      "FAVORITES": "Lisää suosikkeihin",
+      "SHARE": "Jaa",
+      "THEME": "Valitse teema",
+      "SHOW_VERSION": "Näytä versio",
+      "HIDE_VERSION": "Piilota versio",
+      "LISTVIEW": "Luettelonäkymätila",
+      "CREATE_LIBRARY": "Luo kirjasto"
+    },
+    "ACTIONS": {
+      "VERSIONS": "Hallitse versioita",
+      "LOCK": "Lukitse",
+      "METADATA": "Tiedot",
+      "DOWNLOAD": "Lataa",
+      "PERMISSION": "Oikeus",
+      "FOLDER": {
+        "COPY": "Kopioi",
+        "MOVE": "Siirrä",
+        "DELETE": "Poista"
+      },
+      "DOCUMENT": {
+        "COPY": "Kopioi",
+        "MOVE": "Siirrä",
+        "DELETE": "Poista",
+        "PROCESS_ACTION": "Käynnistä prosessi"
+      }
+    }
+  },
+  "DATATABLE": {
+    "RESET_DEFAULT": "Palauta oletukseen",
+    "ADD_ROW": "Lisää rivi",
+    "REPLACE_ROWS": "Korvaa rivejä",
+    "REPLACE_COLUMNS": "Korvaa sarakkeita",
+    "LOAD_NODE": "Lataa solmu",
+    "MULTISELECT": "Monivalinta",
+    "MULTISELECT_DESCRIPTION": "Voit valita useita kohteita Cmd- (Mac) tai Ctrl-näppäimen (Windows) avulla"
+  },
+  "ANALYTICS_REPORT": {
+    "NO_REPORT_MESSAGE": "Yhtään raporttia ei ole valittuna. Valitse raportti luettelosta."
+  },
+  "PS-TAB": {
+    "TASKS-TAB": "Tehtävät",
+    "PROCESSES-TAB": "Prosessi",
+    "REPORTS-TAB": "Raportit",
+    "SETTINGS-TAB": "Asetukset",
+    "START-TASK": "Aloita tehtävä",
+    "START-PROCESS": "Käynnistä prosessi",
+    "PROCESS-AUDIT-LOG": "Prosessitarkastusloki",
+    "TASK-AUDIT-LOG": "Tehtävätarkastusloki",
+    "TASK-SHOW-HEADER": "Näytä tieto-otsikko"
+  },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "Sovellus",
+    "SETTINGS_TAB": "Asetukset"
+  },
+  "FORM-LIST": {
+    "STORE": "Tallenna",
+    "RESTORE": "Palauta"
+  },
+  "FORM-LOADING": {
+    "FORM_DATA": "Lomaketiedot",
+    "FORM_DATA_MESSAGE": "Anna lomakkeeseen lisättävät arvot",
+    "TYPEAHEAD_PLACEHOLDER": "Typeahead",
+    "RADIO_PLACEHOLDER": "Valintanappi",
+    "SELECT_PLACEHOLDER": "Avattava valikko"
+  },
+  "LOGIN": {
+    "CONTENT_SERVICES": "Content Services",
+    "PROCESS_SERVICES": "Process Services",
+    "LOGIN_FOOTER": "Kirjautumisalatunniste",
+    "SHOW_REMEMBERME": "Näytä Muista minut -toiminto",
+    "SHOW_SUCCESS_ROUTE": "Näytä onnistumispolku",
+    "CUSTOM_LOGO": "Oma logo"
+  },
+  "SEARCH": {
+    "RESULTS": "Hakutulokset",
+    "NO_RESULT": "Tuloksia ei löydy",
+    "FACET_FIELDS": {
+      "TYPE": "1: tyyppi",
+      "SIZE": "2: koko",
+      "CREATOR": "3: tekijä",
+      "MODIFIER": "4: muokkaaja",
+      "CREATED": "5: luotu"
+    },
+    "FACET_QUERIES": {
+      "MY_FACET_QUERIES": "Omat kyselyt",
+      "CREATED_THIS_YEAR": "1. Luotu tänä vuonna",
+      "MIMETYPE": "2. Tyyppi: HTML",
+      "XTRASMALL": "3. Koko: XS",
+      "SMALL": "4. Koko: S",
+      "MEDIUM": "5. Koko: M",
+      "LARGE": "6. Koko: L",
+      "XTRALARGE": "7. Koko: XL",
+      "XXTRALARGE": "8. Koko: XXL"
+    }
+  },
+  "SOCIAL": {
+    "LIKE": "Tykkäyskomponentti",
+    "RATING": "Arviokomponentti"
+  },
+  "TAG": {
+    "LIST": "Luettelotunnisteet – Content Services",
+    "INSERT": "Lisää solmutunnus",
+    "NODE_LIST": "Tunnisteluettelo solmutunnuksen mukaan"
+  },
+  "DEMO_PERMISSION": {
+    "INHERIT_PERMISSION_BUTTON": "Peri oikeus",
+    "INHERITED_PERMISSIONS_BUTTON": "Oikeus peritty"
+  },
+  "TASK_LIST_DEMO": {
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Lisää sovellustunnus",
+      "APP_ID_TYPE_ERROR": "Sovellustunnuksen täytyy olla numero",
+      "NUMBER_TYPE_ERROR": "Arvon täytyy olla numero",
+      "NUMBER_GREATER_THAN": "Arvon täytyy olla yhtä suuri tai suurempi kuin {{ value }}"
+    },
+    "TOOLTIP_MESSAGE": {
+      "START_INPUT": "Aloitussivu"
+    }
+  },
+  "PROCESS_LIST_DEMO": {
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Lisää sovellustunnus",
+      "APP_ID_TYPE_ERROR": "Sovellustunnuksen täytyy olla numero",
+      "NUMBER_GREATER_THAN": "Arvon täytyy olla yhtä suuri tai suurempi kuin {{ value }}"
+    }
+  },
+  "GROUP-TITLE1-TRANSLATION-KEY": "Oma otsikkokäännös yksi",
+  "GROUP-TITLE2-TRANSLATION-KEY": "Oma otsikkokäännös kaksi",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "ACS-levy täynnä",
+      "DESCRIPTION": "Sisältö ylittää verkolle tai järjestelmälle määritetyn tallennustilan kokonaisrajoituksen",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Takaisin aloitussivulle"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "Muokkaa suodatinta"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Muokkaa suodatinta"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "Yksittäinen valinta",
+    "MULTI": "Monivalinta",
+    "PRESELECTED_VALUE": "Esivalittu: ",
+    "ROLE": "Roolit: ",
+    "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"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Monivalinta",
+    "TESTING_MODE": "Testaustila",
+    "SELECTION_MODE": "Valintatila",
+    "TASK_DETAILS_REDIRECTION": "Näytä tehtävätiedot tehtävää napsauttamalla",
+    "PROCESS_DETAILS_REDIRECTION": "Näyttää prosessin tiedot prosessia napsautettaessa"
+  }
+}

demo-shell/resources/i18n/fr.json

@@ -53,9 +53,11 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "Application",
     "APP_NAME": "Application Démo ADF",
     "HOME": "Accueil",
     "NODE-SELECTOR": "Sélecteur de nœud",
+    "SITES": "Sites",
     "CONTENT_SERVICES": "Content Services",
     "BREADCRUMB": "Fil d'Ariane",
     "NOTIFICATIONS": "Notifications",
@@ -92,7 +94,9 @@
     "ICONS": "Icônes",
     "PEOPLE_GROUPS_CLOUD": "Cloud des personnes/groupes",
     "PEOPLE_CLOUD": "Composant cloud des personnes",
-    "GROUPS_CLOUD": "Composant cloud des groupes"
+    "GROUPS_CLOUD": "Composant cloud des groupes",
+    "CONFIRM-DIALOG": "Boîte de dialogue de confirmation",
+    "COMMUNITY": "Communauté"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -290,9 +294,14 @@
     "CUSTOMIZE_FILTERS": "Personnaliser votre filtre"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "Simple",
-    "MULTI": "Multi",
-    "PRESELECTED_VALUE": "Valeur présélectionnée"
+    "SINGLE": "Sélection unique",
+    "MULTI": "Sélection multiple",
+    "PRESELECTED_VALUE": "Présélection : ",
+    "ROLE": "Rôles : ",
+    "APP_NAME": "Nom de l'application",
+    "APP_FILTER_MODE": "Filtrer par nom d'application",
+    "ROLE_FILTER_MODE": "Filtrer par rôle",
+    "PRESELECT_VALIDATION": "Validation présélectionnée"
   },
   "ABOUT": {
     "TITLE": "Plugins",
@@ -309,6 +318,8 @@
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Multisélection",
     "TESTING_MODE": "Mode de test",
-    "SELECTION_MODE": "Mode de sélection"
+    "SELECTION_MODE": "Mode de sélection",
+    "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"
   }
 }

demo-shell/resources/i18n/it.json

@@ -53,15 +53,17 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "Applicazione",
     "APP_NAME": "Applicazione demo ADF",
     "HOME": "Home",
     "NODE-SELECTOR": "Selezione nodo",
+    "SITES": "Siti",
     "CONTENT_SERVICES": "Content Services",
     "BREADCRUMB": "Breadcrumb",
     "NOTIFICATIONS": "Notifiche",
     "TASK_LIST": "Elenco attività",
     "PROCESS_LIST": "Elenco processi",
-    "PROCESS_CLOUD": "Cloud processo",
+    "PROCESS_CLOUD": "Activiti Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Login",
@@ -92,7 +94,9 @@
     "ICONS": "Icone",
     "PEOPLE_GROUPS_CLOUD": "Cloud persone/gruppi",
     "PEOPLE_CLOUD": "Componente Cloud persone",
-    "GROUPS_CLOUD": "Componente Cloud gruppi"
+    "GROUPS_CLOUD": "Componente Cloud gruppi",
+    "CONFIRM-DIALOG": "Finestra di conferma",
+    "COMMUNITY": "Community"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -290,9 +294,14 @@
     "CUSTOMIZE_FILTERS": "Personalizza il filtro"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "Singolo",
-    "MULTI": "Multiplo",
-    "PRESELECTED_VALUE": "Valore preselezionato"
+    "SINGLE": "Selezione singola",
+    "MULTI": "Selezione multipla",
+    "PRESELECTED_VALUE": "Preselezione: ",
+    "ROLE": "Ruoli: ",
+    "APP_NAME": "Nome applicazione",
+    "APP_FILTER_MODE": "Filtra per nome applicazione",
+    "ROLE_FILTER_MODE": "Filtra per ruolo",
+    "PRESELECT_VALIDATION": "Convalida preselezione"
   },
   "ABOUT": {
     "TITLE": "Plug-in",
@@ -309,6 +318,8 @@
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Selezione multipla",
     "TESTING_MODE": "Modalità di test",
-    "SELECTION_MODE": "Modalità di selezione"
+    "SELECTION_MODE": "Modalità di selezione",
+    "TASK_DETAILS_REDIRECTION": "Mostra dettagli compito dopo clic su compito",
+    "PROCESS_DETAILS_REDIRECTION": "Mostra i dettagli dopo il clic sul processo"
   }
 }

demo-shell/resources/i18n/ja.json

@@ -53,15 +53,17 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "アプリ",
     "APP_NAME": "ADF デモアプリケーション",
     "HOME": "ホーム",
     "NODE-SELECTOR": "ノードセレクター",
+    "SITES": "サイト",
     "CONTENT_SERVICES": "Content Services",
     "BREADCRUMB": "階層リンク",
     "NOTIFICATIONS": "通知",
     "TASK_LIST": "タスクリスト",
     "PROCESS_LIST": "プロセスリスト",
-    "PROCESS_CLOUD": "Process Cloud",
+    "PROCESS_CLOUD": "Activiti Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "ログイン",
@@ -92,7 +94,9 @@
     "ICONS": "アイコン",
     "PEOPLE_GROUPS_CLOUD": "メンバー/グループのクラウド",
     "PEOPLE_CLOUD": "メンバーのクラウドコンポーネント",
-    "GROUPS_CLOUD": "グループのクラウドコンポーネント"
+    "GROUPS_CLOUD": "グループのクラウドコンポーネント",
+    "CONFIRM-DIALOG": "確認ダイアログ",
+    "COMMUNITY": "Community"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -290,9 +294,14 @@
     "CUSTOMIZE_FILTERS": "フィルタのカスタマイズ"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "1 人",
-    "MULTI": "複数人",
-    "PRESELECTED_VALUE": "事前選択値"
+    "SINGLE": "1 つ選択",
+    "MULTI": "複数選択",
+    "PRESELECTED_VALUE": "事前選択: ",
+    "ROLE": "役割: ",
+    "APP_NAME": "アプリケーション名",
+    "APP_FILTER_MODE": "アプリケーション名でフィルタ",
+    "ROLE_FILTER_MODE": "役割でフィルタ",
+    "PRESELECT_VALIDATION": "事前選択の検証"
   },
   "ABOUT": {
     "TITLE": "プラグイン",
@@ -309,6 +318,8 @@
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "複数選択",
     "TESTING_MODE": "テストモード",
-    "SELECTION_MODE": "選択モード"
+    "SELECTION_MODE": "選択モード",
+    "TASK_DETAILS_REDIRECTION": "タスクのクリック時にタスクの詳細を表示",
+    "PROCESS_DETAILS_REDIRECTION": "プロセスのクリックでプロセスの詳細を表示"
   }
 }

demo-shell/resources/i18n/nb.json

@@ -53,9 +53,11 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "App",
     "APP_NAME": "ADF-demoprogam",
     "HOME": "Hjem",
     "NODE-SELECTOR": "Nodevelger",
+    "SITES": "Områder",
     "CONTENT_SERVICES": "Content Services",
     "BREADCRUMB": "Søkebane",
     "NOTIFICATIONS": "Varsler",
@@ -92,7 +94,9 @@
     "ICONS": "Ikoner",
     "PEOPLE_GROUPS_CLOUD": "Person-/gruppesky",
     "PEOPLE_CLOUD": "Personsky-komponent",
-    "GROUPS_CLOUD": "Gruppesky-kompontent"
+    "GROUPS_CLOUD": "Gruppesky-kompontent",
+    "CONFIRM-DIALOG": "Bekreftelsesdialog",
+    "COMMUNITY": "Community"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -290,9 +294,14 @@
     "CUSTOMIZE_FILTERS": "Tilpass filteret ditt"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "Enkel",
-    "MULTI": "Flere",
-    "PRESELECTED_VALUE": "Forhåndsvalgt verdi"
+    "SINGLE": "Ett valg",
+    "MULTI": "Flere valg",
+    "PRESELECTED_VALUE": "Forhåndsvelg: ",
+    "ROLE": "Roller: ",
+    "APP_NAME": "Programnavn",
+    "APP_FILTER_MODE": "Filtrer etter programnavn",
+    "ROLE_FILTER_MODE": "Filtrer etter rolle",
+    "PRESELECT_VALIDATION": "Forhåndsvelg validering"
   },
   "ABOUT": {
     "TITLE": "Plugin-moduler",
@@ -309,6 +318,8 @@
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Flervalg",
     "TESTING_MODE": "Testmodus",
-    "SELECTION_MODE": "Valgmodus"
+    "SELECTION_MODE": "Valgmodus",
+    "TASK_DETAILS_REDIRECTION": "Vis oppgavedetaljer ved oppgaveklikk",
+    "PROCESS_DETAILS_REDIRECTION": "Vis prosessdetaljer ved prosessklikk"
   }
 }

demo-shell/resources/i18n/nl.json

@@ -53,15 +53,17 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "App",
     "APP_NAME": "ADF-demotoepassing",
     "HOME": "Home",
     "NODE-SELECTOR": "Selectiefunctie voor node",
+    "SITES": "Sites",
     "CONTENT_SERVICES": "Content Services",
     "BREADCRUMB": "Navigatiepad",
     "NOTIFICATIONS": "Meldingen",
     "TASK_LIST": "Lijst met taken",
     "PROCESS_LIST": "Lijst met processen",
-    "PROCESS_CLOUD": "Process Cloud",
+    "PROCESS_CLOUD": "Activiti Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Aanmelden",
@@ -92,7 +94,9 @@
     "ICONS": "Pictogrammen",
     "PEOPLE_GROUPS_CLOUD": "Personen-/groepencloud",
     "PEOPLE_CLOUD": "Component Personencloud",
-    "GROUPS_CLOUD": "Component Groepencloud"
+    "GROUPS_CLOUD": "Component Groepencloud",
+    "CONFIRM-DIALOG": "Bevestigingsdialoogvenster",
+    "COMMUNITY": "Community"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -290,9 +294,14 @@
     "CUSTOMIZE_FILTERS": "Uw filter aanpassen"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "Eén",
-    "MULTI": "Multi",
-    "PRESELECTED_VALUE": "Vooraf geselecteerde waarde"
+    "SINGLE": "Enkelvoudige selectie",
+    "MULTI": "Meervoudige selectie",
+    "PRESELECTED_VALUE": "Voorselecteren: ",
+    "ROLE": "Rollen: ",
+    "APP_NAME": "Toepassingsnaam",
+    "APP_FILTER_MODE": "Filteren op toepassingsnaam",
+    "ROLE_FILTER_MODE": "Filteren op rol",
+    "PRESELECT_VALIDATION": "Validatie voorselecteren"
   },
   "ABOUT": {
     "TITLE": "Plug-ins",
@@ -309,6 +318,8 @@
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Multiselectie",
     "TESTING_MODE": "Testmodus",
-    "SELECTION_MODE": "Selectiemodus"
+    "SELECTION_MODE": "Selectiemodus",
+    "TASK_DETAILS_REDIRECTION": "Taakdetails weergeven bij klikken op taak",
+    "PROCESS_DETAILS_REDIRECTION": "Procesdetails weergeven bij klikken op proces"
   }
 }

demo-shell/resources/i18n/pl.json

@@ -0,0 +1,325 @@
+{
+  "APP": {
+    "INFO_DRAWER": {
+      "TITLE": "Szczegóły",
+      "COMMENTS": "Komentarze",
+      "PROPERTIES": "Właściwości",
+      "VERSIONS": "Wersje"
+    },
+    "HOME": {
+      "TITLE": "Składniki Angular dla Alfresco",
+      "DOCUMENTATION": "Dokumentacja"
+    },
+    "LOGOUT": {
+      "TITLE": "Strona wylogowywania",
+      "SUB_TITLE": "Wylogowanie przebiegło pomyślnie.",
+      "LOGIN": "Zaloguj",
+      "HOME": "Strona główna"
+    },
+    "ADF_VERSION_MANAGER": {
+      "ALLOW_DELETE": "Zezwól na usunięcie",
+      "SHOW_COMMENTS": "Pokaż komentarze do wersji",
+      "ALLOW_DOWNLOAD": "Włącz pobieranie wersji",
+      "READ_ONLY": "Tylko do odczytu",
+      "COMMENTS": "Pokaż komentarze"
+    },
+    "PERSONAL-FILES": "Pliki osobiste",
+    "WARN-MULTIPLE-UPLOADS": "Wyświetl ostrzeżenie dla wielu operacji przesyłania.",
+    "CUSTOM-PERMISSION-MESSAGE": "Włącz komunikat o niestandardowych uprawnieniach",
+    "MEDIUM-TIME-FORMAT": "Włącz format czasu nośnika dla listy dokumentów",
+    "SEARCH": {
+      "RADIO": {
+        "NONE": "Brak",
+        "ALL": "Wszystkie",
+        "FOLDER": "Folder",
+        "DOCUMENT": "Dokument"
+      }
+    }
+  },
+  "title": "Witaj",
+  "VERSION": {
+    "NO_PERMISSION": "Nie masz uprawnień do zarządzania wersjami tej zawartości",
+    "NO_PERMISSION_EVENT": "Nie masz uprawnienia ${event.permission} do akcji ${event.action} typu ${event.type}.",
+    "CHOOSE_FILE": "Wybierz plik, aby wyświetlić jego wersje.",
+    "DIALOG": {
+      "CLOSE": "Zamknij",
+      "TITLE": "Zarządzaj wersjami"
+    }
+  },
+  "METADATA": {
+    "DIALOG": {
+      "CLOSE": "Zamknij",
+      "TITLE": "Metadane"
+    }
+  },
+  "APP_LAYOUT": {
+    "APP": "Aplikacja",
+    "APP_NAME": "Wersja demonstracyjna aplikacji ADF",
+    "HOME": "Strona główna",
+    "NODE-SELECTOR": "Selektor węzłów",
+    "SITES": "Witryny",
+    "CONTENT_SERVICES": "Content Services",
+    "BREADCRUMB": "Ścieżka nawigacyjna",
+    "NOTIFICATIONS": "Powiadomienia",
+    "TASK_LIST": "Lista zadań",
+    "PROCESS_LIST": "Lista procesów",
+    "PROCESS_CLOUD": "Activiti Cloud",
+    "CARD_VIEW": "CardView",
+    "PROCESS_SERVICES": "Process Services",
+    "LOGIN": "Zaloguj",
+    "CUSTOM_SOURCES": "Źródła niestandardowe",
+    "DATATABLE": "Tabela danych",
+    "DATATABLE_LAZY": "Tabela danych (z opóźnieniem)",
+    "DOCUMENT_LIST": "Lista dokumentów",
+    "TEMPLATE": "Szablon",
+    "FORM": "Formularz",
+    "FORM_LIST": "Lista formularzy",
+    "FORM_LOADING": "Wczytywanie formularza",
+    "UPLOADER": "Program do przesyłania",
+    "WEBSCRIPT": "Skrypt internetowy",
+    "TAG": "Znacznik",
+    "TRASHCAN": "Kosz",
+    "SOCIAL": "Społecznościowy",
+    "SETTINGS": "Ustawienia",
+    "CONFIG-EDITOR": "Edytor konfiguracji",
+    "OVERLAY_VIEWER": "Przeglądarka nakładek",
+    "ABOUT": "Informacje",
+    "SEARCH": "Wyszukiwanie rozszerzone",
+    "EXTENDED_SEARCH_QUERY_BODY": "Wyszukiwanie rozszerzone z treścią zapytania",
+    "WORD_TO_SEARCH": "Szukany wyraz",
+    "SEARCH_CREATED_BY": "Utworzone przez",
+    "SEARCH_SERVICE_APPROACH": "Kliknij ten element, aby wyłączyć właściwość wejściową i skonfigurować korzystając z usługi",
+    "HEADER_DATA": "Dane nagłówka",
+    "TREE_VIEW": "Widok drzewa",
+    "ICONS": "Ikony",
+    "PEOPLE_GROUPS_CLOUD": "Chmura dla osób/grup",
+    "PEOPLE_CLOUD": "Składnik Chmura dla osób",
+    "GROUPS_CLOUD": "Składnik Chmura dla grup",
+    "CONFIRM-DIALOG": "Okno dialogowe potwierdzenia",
+    "COMMUNITY": "Community"
+  },
+  "TRASHCAN": {
+    "ACTIONS": {
+      "DELETE_PERMANENT": "Usuń trwale",
+      "RESTORE": "Przywróć"
+    },
+    "EMPTY_STATE": {
+      "TITLE": "Kosz jest pusty",
+      "FIRST_TEXT": "Usuwane elementy są przesyłane do kosza.",
+      "SECOND_TEXT": "Aby trwale usunąć elementy, opróżnij kosz."
+    }
+  },
+  "DOCUMENT_LIST": {
+    "MULTISELECT_CHECKBOXES": "Wybór wielokrotny (przy użyciu pól wyboru)",
+    "THUMBNAILS": "Włącz miniatury",
+    "ALLOW_DROP_FILES": "Włącz upuszczanie plików w folderze",
+    "MULTIPLE_FILE_UPLOAD": "Przesyłanie wielu plików",
+    "FOLDER_UPLOAD": "Przesyłanie folderu",
+    "CUSTOM_FILTER": "Niestandardowy filtr rozszerzeń",
+    "MAX_SIZE": "Filtr rozmiaru maksymalnego",
+    "ENABLE_VERSIONING": "Włącz kontrolę wersji",
+    "DESCRIPTION_UPLOAD": "Włącz przesyłanie",
+    "ENABLE_INFINITE_SCROLL": "Włącz nieograniczone przewijanie",
+    "MULTISELECT_DESCRIPTION": "Używaj klawiszy Cmd (system Mac) lub Ctrl (system Windows), aby przełączać wybieranie wielu elementów.",
+    "RECENT": {
+      "EMPTY_STATE": {
+        "TITLE": "Lista bieżących plików jest pusta."
+      },
+      "TITLE": "Bieżące pliki"
+    },
+    "COLUMNS": {
+      "DISPLAY_NAME": "Nazwa wyświetlana",
+      "IS_LOCKED": "Blokada",
+      "TAG": "Znacznik",
+      "NODE_ID": "Identyfikator węzła",
+      "CREATED_BY": "Utworzone przez",
+      "CREATED_ON": "Data utworzenia",
+      "CREATED": "Utworzono",
+      "SIZE": "Rozmiar",
+      "DELETED_ON": "Usunięte",
+      "DELETED_BY": "Usunięte przez"
+    },
+    "TOOLBAR": {
+      "CARDVIEW": "Tryb widoku karty",
+      "SHARE_EDIT": "Edytuj ustawienia",
+      "NEW_FOLDER": "Nowy folder",
+      "EDIT_FOLDER": "Edytuj folder",
+      "DOWNLOAD": "Pobierz",
+      "DELETE": "Usuń",
+      "FAVORITES": "Dodaj do ulubionych",
+      "SHARE": "Udostępnij",
+      "THEME": "Wybierz motyw",
+      "SHOW_VERSION": "Pokaż wersję",
+      "HIDE_VERSION": "Ukryj wersję",
+      "LISTVIEW": "Tryb widoku listy",
+      "CREATE_LIBRARY": "Utwórz bibliotekę"
+    },
+    "ACTIONS": {
+      "VERSIONS": "Zarządzaj wersjami",
+      "LOCK": "Blokada",
+      "METADATA": "Informacje",
+      "DOWNLOAD": "Pobierz",
+      "PERMISSION": "Uprawnienie",
+      "FOLDER": {
+        "COPY": "Kopiuj",
+        "MOVE": "Przenieś",
+        "DELETE": "Usuń"
+      },
+      "DOCUMENT": {
+        "COPY": "Kopiuj",
+        "MOVE": "Przenieś",
+        "DELETE": "Usuń",
+        "PROCESS_ACTION": "Rozpocznij proces"
+      }
+    }
+  },
+  "DATATABLE": {
+    "RESET_DEFAULT": "Resetuj do domyślnych",
+    "ADD_ROW": "Dodaj wiersz",
+    "REPLACE_ROWS": "Zastąp wiersze",
+    "REPLACE_COLUMNS": "Zastąp kolumny",
+    "LOAD_NODE": "Wczytaj węzeł",
+    "MULTISELECT": "Wybór wielokrotny",
+    "MULTISELECT_DESCRIPTION": "Używaj klawiszy Cmd (system Mac) lub Ctrl (system Windows), aby przełączać wybieranie wielu elementów."
+  },
+  "ANALYTICS_REPORT": {
+    "NO_REPORT_MESSAGE": "Nie wybrano raportu. Wybierz raport z listy."
+  },
+  "PS-TAB": {
+    "TASKS-TAB": "Zadania",
+    "PROCESSES-TAB": "Proces",
+    "REPORTS-TAB": "Raporty",
+    "SETTINGS-TAB": "Ustawienia",
+    "START-TASK": "Rozpocznij zadanie",
+    "START-PROCESS": "Rozpocznij proces",
+    "PROCESS-AUDIT-LOG": "Dziennik inspekcji procesu",
+    "TASK-AUDIT-LOG": "Dziennik inspekcji zadania",
+    "TASK-SHOW-HEADER": "Pokaż nagłówek szczegółów"
+  },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "Aplikacja",
+    "SETTINGS_TAB": "Ustawienia"
+  },
+  "FORM-LIST": {
+    "STORE": "Magazyn",
+    "RESTORE": "Przywróć"
+  },
+  "FORM-LOADING": {
+    "FORM_DATA": "Dane formularza",
+    "FORM_DATA_MESSAGE": "Wprowadź wartości, aby wypełnić formularz.",
+    "TYPEAHEAD_PLACEHOLDER": "Wpisywanie z wyprzedzeniem",
+    "RADIO_PLACEHOLDER": "Przycisk radiowy",
+    "SELECT_PLACEHOLDER": "Menu rozwijane"
+  },
+  "LOGIN": {
+    "CONTENT_SERVICES": "Content Services",
+    "PROCESS_SERVICES": "Process Services",
+    "LOGIN_FOOTER": "Stopka logowania",
+    "SHOW_REMEMBERME": "Pokaż opcję „Zapamiętaj mnie”",
+    "SHOW_SUCCESS_ROUTE": "Pokaż ścieżkę powodzenia",
+    "CUSTOM_LOGO": "Logo niestandardowe"
+  },
+  "SEARCH": {
+    "RESULTS": "Wyniki wyszukiwania",
+    "NO_RESULT": "Brak wyników",
+    "FACET_FIELDS": {
+      "TYPE": "1: Typ",
+      "SIZE": "2: Rozmiar",
+      "CREATOR": "3: Twórca",
+      "MODIFIER": "4: Modyfikator",
+      "CREATED": "5: Utworzono"
+    },
+    "FACET_QUERIES": {
+      "MY_FACET_QUERIES": "Moje zapytania dotyczące aspektu",
+      "CREATED_THIS_YEAR": "1. Utworzone w tym roku",
+      "MIMETYPE": "2. Typ: HTML",
+      "XTRASMALL": "3. Rozmiar: bardzo mały",
+      "SMALL": "4. Rozmiar: mały",
+      "MEDIUM": "5. Rozmiar: średni",
+      "LARGE": "6. Rozmiar: duży",
+      "XTRALARGE": "7. Rozmiar: bardzo duży",
+      "XXTRALARGE": "8. Rozmiar: wyjątkowo duży"
+    }
+  },
+  "SOCIAL": {
+    "LIKE": "Składnik Like",
+    "RATING": "Składnik Rating"
+  },
+  "TAG": {
+    "LIST": "Wyświetl znaczniki Content Services",
+    "INSERT": "Wstaw identyfikator węzła",
+    "NODE_LIST": "Lista znaczników według identyfikatora węzła"
+  },
+  "DEMO_PERMISSION": {
+    "INHERIT_PERMISSION_BUTTON": "Dziedzicz uprawnienie",
+    "INHERITED_PERMISSIONS_BUTTON": "Odziedziczone uprawnienie"
+  },
+  "TASK_LIST_DEMO": {
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Wstaw identyfikator aplikacji",
+      "APP_ID_TYPE_ERROR": "Identyfikator aplikacji musi być liczbą.",
+      "NUMBER_TYPE_ERROR": "Wartość musi być liczbą.",
+      "NUMBER_GREATER_THAN": "Wartość musi być większa od lub równa wartości {{ value }}"
+    },
+    "TOOLTIP_MESSAGE": {
+      "START_INPUT": "Strona początkowa"
+    }
+  },
+  "PROCESS_LIST_DEMO": {
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Wstaw identyfikator aplikacji",
+      "APP_ID_TYPE_ERROR": "Identyfikator aplikacji musi być liczbą.",
+      "NUMBER_GREATER_THAN": "Wartość musi być większa od lub równa wartości {{ value }}"
+    }
+  },
+  "GROUP-TITLE1-TRANSLATION-KEY": "Tytuł niestandardowy — tłumaczenie pierwsze",
+  "GROUP-TITLE2-TRANSLATION-KEY": "Tytuł niestandardowy — tłumaczenie drugie",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "Dysk ACS pełny",
+      "DESCRIPTION": "Zawartość przekracza limit łącznego przydziału miejsca w magazynie skonfigurowany w sieci lub systemie",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Powrót do strony głównej"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "Dostosuj swój filtr"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Dostosuj swój filtr"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "Wybór pojedynczy",
+    "MULTI": "Wybór wielokrotny",
+    "PRESELECTED_VALUE": "Wstępny wybór: ",
+    "ROLE": "Role: ",
+    "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"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Wybór wielokrotny",
+    "TESTING_MODE": "Tryb testowania",
+    "SELECTION_MODE": "Tryb wyboru",
+    "TASK_DETAILS_REDIRECTION": "Wyświetlaj szczegóły zadania po kliknięciu zadania",
+    "PROCESS_DETAILS_REDIRECTION": "Wyświetlaj szczegóły procesu po kliknięciu procesu"
+  }
+}

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

@@ -53,15 +53,17 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "Aplicativo",
     "APP_NAME": "Aplicativo Demo ADF",
     "HOME": "Página Inicial",
     "NODE-SELECTOR": "Seletor de nó",
+    "SITES": "Sites",
     "CONTENT_SERVICES": "Content Services",
     "BREADCRUMB": "Trilha de navegação",
     "NOTIFICATIONS": "Notificações",
     "TASK_LIST": "Lista de tarefas",
     "PROCESS_LIST": "Lista de processos",
-    "PROCESS_CLOUD": "Process Cloud",
+    "PROCESS_CLOUD": "Activiti Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Login",
@@ -92,7 +94,9 @@
     "ICONS": "Ícones",
     "PEOPLE_GROUPS_CLOUD": "Nuvem de Pessoas/Grupo",
     "PEOPLE_CLOUD": "Componente da Nuvem de Pessoas",
-    "GROUPS_CLOUD": "Componente da Nuvem de Grupos"
+    "GROUPS_CLOUD": "Componente da Nuvem de Grupos",
+    "CONFIRM-DIALOG": "Caixa de diálogo de confirmação",
+    "COMMUNITY": "Community"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -290,9 +294,14 @@
     "CUSTOMIZE_FILTERS": "Personalizar seu filtro"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "Único",
-    "MULTI": "Múltiplo",
-    "PRESELECTED_VALUE": "Valor pré-selecionado"
+    "SINGLE": "Seleção única",
+    "MULTI": "Seleção múltipla",
+    "PRESELECTED_VALUE": "Pré-seleção: ",
+    "ROLE": "Funções: ",
+    "APP_NAME": "Nome do aplicativo",
+    "APP_FILTER_MODE": "Filtrar por nome do aplicativo",
+    "ROLE_FILTER_MODE": "Filtrar por função",
+    "PRESELECT_VALIDATION": "Validação de pré-seleção"
   },
   "ABOUT": {
     "TITLE": "Plugins",
@@ -309,6 +318,8 @@
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Seleção Múltipla",
     "TESTING_MODE": "Modo de Teste",
-    "SELECTION_MODE": "Modo de Seleção"
+    "SELECTION_MODE": "Modo de Seleção",
+    "TASK_DETAILS_REDIRECTION": "Exibir detalhes da tarefa ao clicar na tarefa",
+    "PROCESS_DETAILS_REDIRECTION": "Exibir detalhes do processo ao clicar no processo"
   }
 }

demo-shell/resources/i18n/ru.json

@@ -12,7 +12,7 @@
     },
     "LOGOUT": {
       "TITLE": "Страница выхода из системы",
-      "SUB_TITLE": "Вы не вышли из системы",
+      "SUB_TITLE": "Вы вышли из системы",
       "LOGIN": "Войти",
       "HOME": "Домашняя"
     },
@@ -53,15 +53,17 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "Приложение",
     "APP_NAME": "Демонстрационное приложение ADF",
     "HOME": "Домашняя",
     "NODE-SELECTOR": "Селектор узлов",
+    "SITES": "Сайты",
     "CONTENT_SERVICES": "Content Services",
     "BREADCRUMB": "Иерархия",
     "NOTIFICATIONS": "Оповещения",
     "TASK_LIST": "Список задач",
     "PROCESS_LIST": "Список процессов",
-    "PROCESS_CLOUD": "Процесс в облаке",
+    "PROCESS_CLOUD": "Activiti Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "Войти",
@@ -92,7 +94,9 @@
     "ICONS": "Значки",
     "PEOPLE_GROUPS_CLOUD": "Облако пользователей/групп",
     "PEOPLE_CLOUD": "Компонент облака «Пользователи»",
-    "GROUPS_CLOUD": "Компонент облака «Группы»"
+    "GROUPS_CLOUD": "Компонент облака «Группы»",
+    "CONFIRM-DIALOG": "Диалоговое окно подтверждения",
+    "COMMUNITY": "Community"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -290,9 +294,14 @@
     "CUSTOMIZE_FILTERS": "Настройка фильтра"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "Один",
-    "MULTI": "Несколько",
-    "PRESELECTED_VALUE": "Предустановленное значение"
+    "SINGLE": "Единичный выбор",
+    "MULTI": "Групповой выбор",
+    "PRESELECTED_VALUE": "Предварительный выбор: ",
+    "ROLE": "Роли: ",
+    "APP_NAME": "Имя приложения",
+    "APP_FILTER_MODE": "Фильтровать по имени приложения",
+    "ROLE_FILTER_MODE": "Фильтровать по роли",
+    "PRESELECT_VALIDATION": "Проверка предварительного выбора"
   },
   "ABOUT": {
     "TITLE": "Подключаемые модули",
@@ -309,6 +318,8 @@
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Выбор нескольких",
     "TESTING_MODE": "Режим тестирования",
-    "SELECTION_MODE": "Режим выбора"
+    "SELECTION_MODE": "Режим выбора",
+    "TASK_DETAILS_REDIRECTION": "Отображать подробные сведения о задаче при нажатии на задачу",
+    "PROCESS_DETAILS_REDIRECTION": "Показывать сведения о процессе при нажатии на процессе"
   }
 }

demo-shell/resources/i18n/sv.json

@@ -0,0 +1,325 @@
+{
+  "APP": {
+    "INFO_DRAWER": {
+      "TITLE": "Detaljer",
+      "COMMENTS": "Kommentarer",
+      "PROPERTIES": "Egenskaper",
+      "VERSIONS": "Versioner"
+    },
+    "HOME": {
+      "TITLE": "Angular-komponenter till Alfresco",
+      "DOCUMENTATION": "Dokumentation"
+    },
+    "LOGOUT": {
+      "TITLE": "Utloggningssida",
+      "SUB_TITLE": "Du är nu utloggad",
+      "LOGIN": "Inloggning",
+      "HOME": "Hem"
+    },
+    "ADF_VERSION_MANAGER": {
+      "ALLOW_DELETE": "Tillåt radering",
+      "SHOW_COMMENTS": "Visa kommentarer om versioner",
+      "ALLOW_DOWNLOAD": "Aktivera version nedladdning",
+      "READ_ONLY": "Skrivskyddad",
+      "COMMENTS": "Visa kommentarer"
+    },
+    "PERSONAL-FILES": "Personliga filer",
+    "WARN-MULTIPLE-UPLOADS": "Visa varning för flera uppladningar",
+    "CUSTOM-PERMISSION-MESSAGE": "Aktivera anpassat behörighetersmeddelande",
+    "MEDIUM-TIME-FORMAT": "Aktivera mellantidsformat för dokumentlista",
+    "SEARCH": {
+      "RADIO": {
+        "NONE": "Ingen",
+        "ALL": "Alla",
+        "FOLDER": "Mapp",
+        "DOCUMENT": "Dokument"
+      }
+    }
+  },
+  "title": "Välkommen",
+  "VERSION": {
+    "NO_PERMISSION": "Du har inte behörighet att hantera versioner av det här innehållet",
+    "NO_PERMISSION_EVENT": "Du har inte ${event.permission} behörighet att ${event.action} ${event.type}",
+    "CHOOSE_FILE": "Välj en fil för att se dess versioner",
+    "DIALOG": {
+      "CLOSE": "Stäng",
+      "TITLE": "Hantera versioner"
+    }
+  },
+  "METADATA": {
+    "DIALOG": {
+      "CLOSE": "Stäng",
+      "TITLE": "Metadata"
+    }
+  },
+  "APP_LAYOUT": {
+    "APP": "Program",
+    "APP_NAME": "ADF-demoprogram",
+    "HOME": "Hem",
+    "NODE-SELECTOR": "Nodväljare",
+    "SITES": "Webbplatser",
+    "CONTENT_SERVICES": "Content Services",
+    "BREADCRUMB": "Brödsmula",
+    "NOTIFICATIONS": "Aviseringar",
+    "TASK_LIST": "Uppgiftslista",
+    "PROCESS_LIST": "Processlista",
+    "PROCESS_CLOUD": "Activiti Cloud",
+    "CARD_VIEW": "Kortvy",
+    "PROCESS_SERVICES": "Process Services",
+    "LOGIN": "Inloggning",
+    "CUSTOM_SOURCES": "Anpassade källor",
+    "DATATABLE": "Datatabell",
+    "DATATABLE_LAZY": "Datatabell (lat)",
+    "DOCUMENT_LIST": "Dokumentlista",
+    "TEMPLATE": "Mall",
+    "FORM": "Formulär",
+    "FORM_LIST": "Formulärlista",
+    "FORM_LOADING": "Formulär läses in",
+    "UPLOADER": "Uppladdad av",
+    "WEBSCRIPT": "Webbskript",
+    "TAG": "Tagg",
+    "TRASHCAN": "Papperskorg",
+    "SOCIAL": "Social",
+    "SETTINGS": "Inställningar",
+    "CONFIG-EDITOR": "Konfigurationseditor",
+    "OVERLAY_VIEWER": "Överdragsvisare",
+    "ABOUT": "Om",
+    "SEARCH": "Utvidgad sökning",
+    "EXTENDED_SEARCH_QUERY_BODY": "Utvidgad sökning med frågetext",
+    "WORD_TO_SEARCH": "Sökord",
+    "SEARCH_CREATED_BY": "Skapad av",
+    "SEARCH_SERVICE_APPROACH": "Kontrollera den här för att avaktivera indataegenskap och konfigurera genom att använda tjänsten",
+    "HEADER_DATA": "Sidhuvuddata",
+    "TREE_VIEW": "Trädvy",
+    "ICONS": "Ikoner",
+    "PEOPLE_GROUPS_CLOUD": "Personer/grupp moln",
+    "PEOPLE_CLOUD": "Personer moln-komponent",
+    "GROUPS_CLOUD": "Grupper moln-komponent",
+    "CONFIRM-DIALOG": "Dialogruta för bekräftelse",
+    "COMMUNITY": "Community"
+  },
+  "TRASHCAN": {
+    "ACTIONS": {
+      "DELETE_PERMANENT": "Radera permanent",
+      "RESTORE": "Återställ"
+    },
+    "EMPTY_STATE": {
+      "TITLE": "Papperskorgen är tom",
+      "FIRST_TEXT": "Objekt du raderar flyttas till papperskorgen.",
+      "SECOND_TEXT": "Töm papperskorgen för att radera objekt permanent"
+    }
+  },
+  "DOCUMENT_LIST": {
+    "MULTISELECT_CHECKBOXES": "Fleraval (med kryssrutor)",
+    "THUMBNAILS": "Aktivera miniatyrbilder",
+    "ALLOW_DROP_FILES": "Aktivera släpp filer i en mapp",
+    "MULTIPLE_FILE_UPLOAD": "Uppladdning av flera filer",
+    "FOLDER_UPLOAD": "Mappuppladdning",
+    "CUSTOM_FILTER": "Anpassade tilläggsfilter",
+    "MAX_SIZE": "Maxstorlek filter",
+    "ENABLE_VERSIONING": "Aktivera versionering",
+    "DESCRIPTION_UPLOAD": "Aktivera uppladdning",
+    "ENABLE_INFINITE_SCROLL": "Aktivera oändlig skrollning",
+    "MULTISELECT_DESCRIPTION": "Använd Cmd (Mac) eller Ctrl (Windows) för att växla val av flera objekt",
+    "RECENT": {
+      "EMPTY_STATE": {
+        "TITLE": "Listan med de senaste filerna är tom"
+      },
+      "TITLE": "De senaste filerna"
+    },
+    "COLUMNS": {
+      "DISPLAY_NAME": "Visa namn",
+      "IS_LOCKED": "Lås",
+      "TAG": "Tagg",
+      "NODE_ID": "Nod-ID",
+      "CREATED_BY": "Skapad av",
+      "CREATED_ON": "Skapad den",
+      "CREATED": "Skapad",
+      "SIZE": "Storlek",
+      "DELETED_ON": "Raderad",
+      "DELETED_BY": "Raderad av"
+    },
+    "TOOLBAR": {
+      "CARDVIEW": "Kortvyläge",
+      "SHARE_EDIT": "Redigera inställningar",
+      "NEW_FOLDER": "Ny mapp",
+      "EDIT_FOLDER": "Redigera mapp",
+      "DOWNLOAD": "Ladda ner",
+      "DELETE": "Radera",
+      "FAVORITES": "Lägg till favoriter",
+      "SHARE": "Dela",
+      "THEME": "Välj ett tema",
+      "SHOW_VERSION": "Visa version",
+      "HIDE_VERSION": "Dölj version",
+      "LISTVIEW": "Listvyläge",
+      "CREATE_LIBRARY": "Skapa bibliotek"
+    },
+    "ACTIONS": {
+      "VERSIONS": "Hantera versioner",
+      "LOCK": "Lås",
+      "METADATA": "Info",
+      "DOWNLOAD": "Ladda ner",
+      "PERMISSION": "Behörighet",
+      "FOLDER": {
+        "COPY": "Kopiera",
+        "MOVE": "Flytta",
+        "DELETE": "Radera"
+      },
+      "DOCUMENT": {
+        "COPY": "Kopiera",
+        "MOVE": "Flytta",
+        "DELETE": "Radera",
+        "PROCESS_ACTION": "Starta process"
+      }
+    }
+  },
+  "DATATABLE": {
+    "RESET_DEFAULT": "Återställ till standard",
+    "ADD_ROW": "Lägg till rad",
+    "REPLACE_ROWS": "Ersätt rader",
+    "REPLACE_COLUMNS": "Ersätt kolumner",
+    "LOAD_NODE": "Läs in nod",
+    "MULTISELECT": "Fleraval",
+    "MULTISELECT_DESCRIPTION": "Använd Cmd (Mac) eller Ctrl (Windows) för att växla val av flera objekt"
+  },
+  "ANALYTICS_REPORT": {
+    "NO_REPORT_MESSAGE": "Ingen rapport vald. Välj en rapport från listan"
+  },
+  "PS-TAB": {
+    "TASKS-TAB": "Uppgifter",
+    "PROCESSES-TAB": "Process",
+    "REPORTS-TAB": "Rapporter",
+    "SETTINGS-TAB": "Inställningar",
+    "START-TASK": "Starta uppgift",
+    "START-PROCESS": "Starta process",
+    "PROCESS-AUDIT-LOG": "Processgranskningslogg",
+    "TASK-AUDIT-LOG": "Uppgiftsgranskningslogg",
+    "TASK-SHOW-HEADER": "Visa detaljer rubrik"
+  },
+  "PS_CLOUD_TAB": {
+    "APPS_TAB": "Program",
+    "SETTINGS_TAB": "Inställningar"
+  },
+  "FORM-LIST": {
+    "STORE": "Lagra",
+    "RESTORE": "Återställ"
+  },
+  "FORM-LOADING": {
+    "FORM_DATA": "Formulärdata",
+    "FORM_DATA_MESSAGE": "Ange värden för att fylla formuläret",
+    "TYPEAHEAD_PLACEHOLDER": "Typeahead",
+    "RADIO_PLACEHOLDER": "Radioknapp",
+    "SELECT_PLACEHOLDER": "Dropdown"
+  },
+  "LOGIN": {
+    "CONTENT_SERVICES": "Content Services",
+    "PROCESS_SERVICES": "Process Services",
+    "LOGIN_FOOTER": "Inloggningssidfot",
+    "SHOW_REMEMBERME": "Visa kom ihåg mig",
+    "SHOW_SUCCESS_ROUTE": "Visa framgångsväg",
+    "CUSTOM_LOGO": "Anpassad logotyp"
+  },
+  "SEARCH": {
+    "RESULTS": "Sökresultat",
+    "NO_RESULT": "Inga resultat hittades",
+    "FACET_FIELDS": {
+      "TYPE": "1:Typ",
+      "SIZE": "2:Storlek",
+      "CREATOR": "3:Skapad av",
+      "MODIFIER": "4:Ändrad av",
+      "CREATED": "5:Skapad den"
+    },
+    "FACET_QUERIES": {
+      "MY_FACET_QUERIES": "Mina facet-förfrågningar",
+      "CREATED_THIS_YEAR": "1.Skapad det här året",
+      "MIMETYPE": "2.Typ: HTML",
+      "XTRASMALL": "3.Storlek: extra small",
+      "SMALL": "4.Storlek: small",
+      "MEDIUM": "5.Storlek: medium",
+      "LARGE": "6.Storlek: large",
+      "XTRALARGE": "7.Storlek: extra large",
+      "XXTRALARGE": "8.Storlek: XX large"
+    }
+  },
+  "SOCIAL": {
+    "LIKE": "Som komponent",
+    "RATING": "Klassificeringskomponent"
+  },
+  "TAG": {
+    "LIST": "Lista taggar Content Services",
+    "INSERT": "Infoga nod-ID",
+    "NODE_LIST": "Tagglista per nod-ID"
+  },
+  "DEMO_PERMISSION": {
+    "INHERIT_PERMISSION_BUTTON": "Ärv behörighet",
+    "INHERITED_PERMISSIONS_BUTTON": "Behörighet ärvt"
+  },
+  "TASK_LIST_DEMO": {
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Infoga program-ID",
+      "APP_ID_TYPE_ERROR": "Program-ID måste vara ett nummer",
+      "NUMBER_TYPE_ERROR": "Värdet måste vara ett nummer",
+      "NUMBER_GREATER_THAN": "Värdet måste vara större än eller lika med {{ value }}"
+    },
+    "TOOLTIP_MESSAGE": {
+      "START_INPUT": "Startsida"
+    }
+  },
+  "PROCESS_LIST_DEMO": {
+    "ERROR_MESSAGE": {
+      "APP_ID_REQUIRED_ERROR": "Infoga program-ID",
+      "APP_ID_TYPE_ERROR": "Program-ID måste vara ett nummer",
+      "NUMBER_GREATER_THAN": "Värdet måste vara större än eller lika med {{ value }}"
+    }
+  },
+  "GROUP-TITLE1-TRANSLATION-KEY": "Anpassad titelöversättning ett",
+  "GROUP-TITLE2-TRANSLATION-KEY": "Anpassad titelöversättning två",
+  "ERROR_CONTENT": {
+    "507": {
+      "TITLE": "ACS disk full",
+      "DESCRIPTION": "Innehållet överskrider övergripande kvotbegränsning som är konfigurerad för nätverket eller systemet",
+      "SECONDARY_BUTTON": {
+        "TEXT": ""
+      },
+      "RETURN_BUTTON": {
+        "TEXT": "Tillbaka hem"
+      }
+    }
+  },
+  "PROCESS_LIST_CLOUD_DEMO": {
+    "TITLE": "PROCESS LIST CLOUD DEMO",
+    "CUSTOMIZE_FILTERS": "Anpassa ditt filter"
+  },
+  "TASK_LIST_CLOUD_DEMO": {
+    "CUSTOMIZE_FILTERS": "Anpassa ditt filter"
+  },
+  "PEOPLE_GROUPS_CLOUD": {
+    "SINGLE": "Enskilt val",
+    "MULTI": "Flerval",
+    "PRESELECTED_VALUE": "Förvälj: ",
+    "ROLE": "Roller: ",
+    "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"
+    }
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Flerval",
+    "TESTING_MODE": "Testläge",
+    "SELECTION_MODE": "Urvalsläge",
+    "TASK_DETAILS_REDIRECTION": "Visa uppgiftsdetaljer vid klick på uppgift",
+    "PROCESS_DETAILS_REDIRECTION": "Visa processinformation vid processklick"
+  }
+}

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

@@ -53,15 +53,17 @@
     }
   },
   "APP_LAYOUT": {
+    "APP": "APP",
     "APP_NAME": "ADF 演示应用程序",
     "HOME": "主页",
     "NODE-SELECTOR": "节点选择器",
+    "SITES": "站点",
     "CONTENT_SERVICES": "Content Services",
     "BREADCRUMB": "面包屑",
     "NOTIFICATIONS": "通知",
     "TASK_LIST": "任务列表",
     "PROCESS_LIST": "流程列表",
-    "PROCESS_CLOUD": "Process Cloud",
+    "PROCESS_CLOUD": "Activiti Cloud",
     "CARD_VIEW": "CardView",
     "PROCESS_SERVICES": "Process Services",
     "LOGIN": "登录",
@@ -92,7 +94,9 @@
     "ICONS": "图标",
     "PEOPLE_GROUPS_CLOUD": "人员/一组云",
     "PEOPLE_CLOUD": "人员云组件",
-    "GROUPS_CLOUD": "组云组件"
+    "GROUPS_CLOUD": "组云组件",
+    "CONFIRM-DIALOG": "确认对话",
+    "COMMUNITY": "Community"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -290,9 +294,14 @@
     "CUSTOMIZE_FILTERS": "自定义您的筛选器"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "单个",
-    "MULTI": "多个",
-    "PRESELECTED_VALUE": "预选值"
+    "SINGLE": "单个选择",
+    "MULTI": "多重选择",
+    "PRESELECTED_VALUE": "预先选择： ",
+    "ROLE": "角色： ",
+    "APP_NAME": "应用程序名称",
+    "APP_FILTER_MODE": "按应用程序名称筛选",
+    "ROLE_FILTER_MODE": "按角色筛选",
+    "PRESELECT_VALIDATION": "预先选择验证"
   },
   "ABOUT": {
     "TITLE": "插件",
@@ -309,6 +318,8 @@
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "多重选择",
     "TESTING_MODE": "测试模式",
-    "SELECTION_MODE": "选择模式"
+    "SELECTION_MODE": "选择模式",
+    "TASK_DETAILS_REDIRECTION": "单击任务时显示任务详情",
+    "PROCESS_DETAILS_REDIRECTION": "单击流程时显示流程详细信息"
   }
 }

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

@@ -0,0 +1,27 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { NgModule } from '@angular/core';
+import { AcaMonacoModule } from 'adf-monaco-extension';
+
+@NgModule({
+    imports: [
+        AcaMonacoModule
+    ]
+})
+export class AppExtensionsModule {
+}

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

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

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

@@ -7,15 +7,24 @@ router-outlet[name='overlay'] + * {
     right: 0;
 }
 
+.adf-demo-app-container {
+    height: 100%;
+    width: 100%;
+}
+
+[dir='rtl'] .mat-icon {
+    transform: scale(-1, 1);
+}
+
 @media (max-width: 425px) {
     adf-content-node-selector {
         .adf-content-node-selector-content-list {
-            .adf-data-table-cell {
+            .adf-datatable-cell {
                 display: none;
             }
 
-            .adf-data-table-cell:first-child,
-            .adf-data-table-cell:nth-child(2) {
+            .adf-datatable-cell:first-child,
+            .adf-datatable-cell:nth-child(2) {
                 display: table-cell;
             }
         }

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

@@ -16,7 +16,11 @@
  */
 
 import { Component, ViewEncapsulation, OnInit } from '@angular/core';
-import { AuthenticationService, AlfrescoApiService, PageTitleService } from '@alfresco/adf-core';
+import {
+    AuthenticationService,
+    AlfrescoApiService,
+    PageTitleService
+} from '@alfresco/adf-core';
 import { Router } from '@angular/router';
 import { MatDialog } from '@angular/material';
 
@@ -33,6 +37,7 @@ export class AppComponent implements OnInit {
                 private authenticationService: AuthenticationService,
                 private router: Router,
                 private dialogRef: MatDialog) {
+
     }
 
     ngOnInit() {

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

@@ -23,10 +23,10 @@ import { ChartsModule } from 'ng2-charts';
 import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
-import { AppConfigService, TRANSLATION_PROVIDER, DebugAppConfigService, CoreModule } from '@alfresco/adf-core';
+import { AppConfigService, TRANSLATION_PROVIDER, DebugAppConfigService, CoreModule, CoreAutomationService } from '@alfresco/adf-core';
+import { ExtensionsModule } from '@alfresco/adf-extensions';
 import { AppComponent } from './app.component';
 import { MaterialModule } from './material.module';
-import { LoginComponent } from './components/login/login.component';
 import { LogoutComponent } from './components/logout/logout.component';
 import { AppLayoutComponent } from './components/app-layout/app-layout.component';
 import { HomeComponent } from './components/home/home.component';
@@ -63,21 +63,68 @@ import { ContentModule } from '@alfresco/adf-content-services';
 import { InsightsModule } from '@alfresco/adf-insights';
 import { ProcessModule } from '@alfresco/adf-process-services';
 import { AuthBearerInterceptor } from './services';
-import { ProcessServicesCloudModule, GroupCloudModule } from '@alfresco/adf-process-services-cloud';
+import { ProcessServicesCloudModule } from '@alfresco/adf-process-services-cloud';
+import { AppExtensionsModule } from './app-extension.module';
 import { TreeViewSampleComponent } from './components/tree-view/tree-view-sample.component';
-import { AppExtensionsModule } from './extensions/extensions.module';
-import { CloudLayoutComponent } from './components/app-layout/cloud/cloud-layout.component';
-import { AppsCloudDemoComponent } from './components/app-layout/cloud/apps-cloud-demo.component';
-import { ProcessesCloudDemoComponent } from './components/app-layout/cloud/processes-cloud-demo.component';
-import { TaskDetailsCloudDemoComponent } from './components/app-layout/cloud/task-details-cloud-demo.component';
-import { StartTaskCloudDemoComponent } from './components/app-layout/cloud/start-task-cloud-demo.component';
-import { CloudBreadcrumbsComponent } from './components/app-layout/cloud/cloud-breadcrumb-component';
-import { TasksCloudDemoComponent } from './components/app-layout/cloud/tasks-cloud-demo.component';
-import { CloudFiltersDemoComponent } from './components/app-layout/cloud/cloud-filters-demo.component';
-import { StartProcessCloudDemoComponent } from './components/app-layout/cloud/start-process-cloud-demo.component';
+import { CloudLayoutComponent } from './components/cloud/cloud-layout.component';
+import { AppsCloudDemoComponent } from './components/cloud/apps-cloud-demo.component';
+import { TasksCloudDemoComponent } from './components/cloud/tasks-cloud-demo.component';
+import { ProcessesCloudDemoComponent } from './components/cloud/processes-cloud-demo.component';
+import { TaskDetailsCloudDemoComponent } from './components/cloud/task-details-cloud-demo.component';
+import { 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';
+import { StartProcessCloudDemoComponent } from './components/cloud/start-process-cloud-demo.component';
+import { CloudBreadcrumbsComponent } from './components/cloud/cloud-breadcrumb-component';
+import { CloudFiltersDemoComponent } from './components/cloud/cloud-filters-demo.component';
 import { TemplateDemoComponent } from './components/template-list/template-demo.component';
-import { PeopleGroupCloudDemoComponent } from './components/app-layout/cloud/people-groups-cloud-demo.component';
-import { CloudSettingsComponent } from './components/app-layout/cloud/cloud-settings.component';
+import { PeopleGroupCloudDemoComponent } from './components/cloud/people-groups-cloud-demo.component';
+import { CloudSettingsComponent } from './components/cloud/cloud-settings.component';
+import { ConfirmDialogExampleComponent } from './components/confirm-dialog/confirm-dialog-example.component';
+import { FormCloudDemoComponent } from './components/app-layout/cloud/form-demo/cloud-form-demo.component';
+import { CommunityCloudComponent } from './components/cloud/community/community-cloud.component';
+import { CommunityTasksCloudDemoComponent } from './components/cloud/community/community-task-cloud.component';
+import { CommunityCloudFiltersDemoComponent } from './components/cloud/community/community-filters.component';
+import { CommunityStartProcessCloudDemoComponent } from './components/cloud/community/community-start-process-cloud.component';
+import { CommunityStartTaskCloudDemoComponent } from './components/cloud/community/community-start-task-cloud.component';
+import { CommunityProcessDetailsCloudDemoComponent } from './components/cloud/community/community-process-details-cloud.component';
+import { CommunityProcessesCloudDemoComponent } from './components/cloud/community/community-processes-cloud.component';
+import { CommunityTaskDetailsCloudDemoComponent } from './components/cloud/community/community-task-details-cloud.component';
+
+import { registerLocaleData } from '@angular/common';
+import localeFr from '@angular/common/locales/fr';
+import localeDe from '@angular/common/locales/de';
+import localeIt from '@angular/common/locales/it';
+import localeEs from '@angular/common/locales/es';
+import localeJa from '@angular/common/locales/ja';
+import localeNl from '@angular/common/locales/nl';
+import localePt from '@angular/common/locales/pt';
+import localeNb from '@angular/common/locales/nb';
+import localeRu from '@angular/common/locales/ru';
+import localeCh from '@angular/common/locales/zh';
+import localeAr from '@angular/common/locales/ar';
+import localeCs from '@angular/common/locales/cs';
+import localePl from '@angular/common/locales/pl';
+import localeFi from '@angular/common/locales/fi';
+import localeDa from '@angular/common/locales/da';
+import localeSv from '@angular/common/locales/sv';
+
+registerLocaleData(localeFr);
+registerLocaleData(localeDe);
+registerLocaleData(localeIt);
+registerLocaleData(localeEs);
+registerLocaleData(localeJa);
+registerLocaleData(localeNl);
+registerLocaleData(localePt);
+registerLocaleData(localeNb);
+registerLocaleData(localeRu);
+registerLocaleData(localeCh);
+registerLocaleData(localeAr);
+registerLocaleData(localeCs);
+registerLocaleData(localePl);
+registerLocaleData(localeFi);
+registerLocaleData(localeDa);
+registerLocaleData(localeSv);
 
 @NgModule({
     imports: [
@@ -88,21 +135,20 @@ import { CloudSettingsComponent } from './components/app-layout/cloud/cloud-sett
         FormsModule,
         HttpClientModule,
         MaterialModule,
+        AppExtensionsModule,
         FlexLayoutModule,
         CoreModule.forRoot(),
         ContentModule.forRoot(),
         InsightsModule.forRoot(),
         ProcessModule.forRoot(),
+        ProcessServicesCloudModule,
+        ExtensionsModule.forRoot(),
         ThemePickerModule,
         ChartsModule,
-        MonacoEditorModule.forRoot(),
-        ProcessServicesCloudModule,
-        AppExtensionsModule.forRoot(),
-        GroupCloudModule
+        MonacoEditorModule.forRoot()
     ],
     declarations: [
         AppComponent,
-        LoginComponent,
         LogoutComponent,
         AppLayoutComponent,
         HomeComponent,
@@ -134,13 +180,26 @@ import { CloudSettingsComponent } from './components/app-layout/cloud/cloud-sett
         TasksCloudDemoComponent,
         ProcessesCloudDemoComponent,
         TaskDetailsCloudDemoComponent,
+        CloudViewerComponent,
+        ProcessDetailsCloudDemoComponent,
         StartTaskCloudDemoComponent,
         StartProcessCloudDemoComponent,
         CloudBreadcrumbsComponent,
         CloudFiltersDemoComponent,
         TemplateDemoComponent,
         PeopleGroupCloudDemoComponent,
-        CloudSettingsComponent
+        CloudSettingsComponent,
+        ConfirmDialogExampleComponent,
+        FormCloudDemoComponent,
+        ConfirmDialogExampleComponent,
+        CommunityCloudComponent,
+        CommunityTasksCloudDemoComponent,
+        CommunityCloudFiltersDemoComponent,
+        CommunityProcessesCloudDemoComponent,
+        CommunityStartProcessCloudDemoComponent,
+        CommunityStartTaskCloudDemoComponent,
+        CommunityProcessDetailsCloudDemoComponent,
+        CommunityTaskDetailsCloudDemoComponent
     ],
     providers: [
         {
@@ -164,7 +223,8 @@ import { CloudSettingsComponent } from './components/app-layout/cloud/cloud-sett
                 source: 'resources/lazy-loading'
             }
         },
-        PreviewService
+        PreviewService,
+        CoreAutomationService
     ],
     entryComponents: [
         VersionManagerDialogAdapterComponent,
@@ -172,4 +232,8 @@ import { CloudSettingsComponent } from './components/app-layout/cloud/cloud-sett
     ],
     bootstrap: [AppComponent]
 })
-export class AppModule {}
+export class AppModule {
+    constructor(automationService: CoreAutomationService) {
+        automationService.setup();
+    }
+}

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

@@ -17,9 +17,14 @@
 
 import { ModuleWithProviders } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { AuthGuard, AuthGuardEcm, ErrorContentComponent, AuthGuardBpm } from '@alfresco/adf-core';
+import {
+    AuthGuard,
+    AuthGuardEcm,
+    ErrorContentComponent,
+    AuthGuardBpm,
+    AuthGuardSsoRoleService
+} from '@alfresco/adf-core';
 import { AppLayoutComponent } from './components/app-layout/app-layout.component';
-import { LoginComponent } from './components/login/login.component';
 import { HomeComponent } from './components/home/home.component';
 import { LogoutComponent } from './components/logout/logout.component';
 import { ProcessServiceComponent } from './components/process-service/process-service.component';
@@ -39,18 +44,29 @@ import { DemoPermissionComponent } from './components/permissions/demo-permissio
 import { ReportIssueComponent } from './components/report-issue/report-issue.component';
 import { AppComponent } from './app.component';
 import { TreeViewSampleComponent } from './components/tree-view/tree-view-sample.component';
-import { CloudLayoutComponent } from './components/app-layout/cloud/cloud-layout.component';
-import { ProcessesCloudDemoComponent } from './components/app-layout/cloud/processes-cloud-demo.component';
-import { TaskDetailsCloudDemoComponent } from './components/app-layout/cloud/task-details-cloud-demo.component';
-import { AppsCloudDemoComponent } from './components/app-layout/cloud/apps-cloud-demo.component';
-import { TasksCloudDemoComponent } from './components/app-layout/cloud/tasks-cloud-demo.component';
-import { StartTaskCloudDemoComponent } from './components/app-layout/cloud/start-task-cloud-demo.component';
-import { StartProcessCloudDemoComponent } from './components/app-layout/cloud/start-process-cloud-demo.component';
+import { AppsCloudDemoComponent } from './components/cloud/apps-cloud-demo.component';
+import { PeopleGroupCloudDemoComponent } from './components/cloud/people-groups-cloud-demo.component';
+import { CloudLayoutComponent } from './components/cloud/cloud-layout.component';
+import { TasksCloudDemoComponent } from './components/cloud/tasks-cloud-demo.component';
+import { ProcessesCloudDemoComponent } from './components/cloud/processes-cloud-demo.component';
+import { StartTaskCloudDemoComponent } from './components/cloud/start-task-cloud-demo.component';
+import { StartProcessCloudDemoComponent } from './components/cloud/start-process-cloud-demo.component';
+import { TaskDetailsCloudDemoComponent } from './components/cloud/task-details-cloud-demo.component';
+import { CloudViewerComponent } from './components/cloud/cloud-viewer.component';
+import { ProcessDetailsCloudDemoComponent } from './components/cloud/process-details-cloud-demo.component';
 import { TemplateDemoComponent } from './components/template-list/template-demo.component';
-import { PeopleGroupCloudDemoComponent } from './components/app-layout/cloud/people-groups-cloud-demo.component';
+import { FormCloudDemoComponent } from './components/app-layout/cloud/form-demo/cloud-form-demo.component';
+import { ConfirmDialogExampleComponent } from './components/confirm-dialog/confirm-dialog-example.component';
+import { CommunityTasksCloudDemoComponent } from './components/cloud/community/community-task-cloud.component';
+import { CommunityCloudComponent } from './components/cloud/community/community-cloud.component';
+import { CommunityStartProcessCloudDemoComponent } from './components/cloud/community/community-start-process-cloud.component';
+import { CommunityStartTaskCloudDemoComponent } from './components/cloud/community/community-start-task-cloud.component';
+import { CommunityProcessDetailsCloudDemoComponent } from './components/cloud/community/community-process-details-cloud.component';
+import { CommunityProcessesCloudDemoComponent } from './components/cloud/community/community-processes-cloud.component';
+import { CommunityTaskDetailsCloudDemoComponent } from './components/cloud/community/community-task-details-cloud.component';
 
 export const appRoutes: Routes = [
-    { path: 'login', component: LoginComponent },
+    { path: 'login', loadChildren: 'app/components/login/login.module#AppLoginModule' },
     { path: 'logout', component: LogoutComponent },
     {
         path: 'settings',
@@ -59,8 +75,8 @@ export const appRoutes: Routes = [
     {
         path: 'files/:nodeId/view',
         component: AppComponent,
-        canActivate: [ AuthGuardEcm ],
-        canActivateChild: [ AuthGuardEcm ],
+        canActivate: [AuthGuardEcm],
+        canActivateChild: [AuthGuardEcm],
         outlet: 'overlay',
         children: [
             {
@@ -82,57 +98,70 @@ export const appRoutes: Routes = [
         ]
     },
     { path: 'preview/s/:id', component: SharedLinkViewComponent },
-    {
-        path: 'breadcrumb',
-        canActivate: [AuthGuardEcm],
-        component: AppLayoutComponent,
-        loadChildren: 'app/components/breadcrumb-demo/breadcrumb-demo.module#AppBreadcrumbModule'
-    },
-    {
-        path: 'notifications',
-        component: AppLayoutComponent,
-        children: [
-            {
-                path: '',
-                loadChildren: 'app/components/notifications/notifications.module#AppNotificationsModule'
-            }
-        ]
-    },
-    {
-        path: 'config-editor',
-        component: AppLayoutComponent,
-        children: [
-            {
-                path: '',
-                loadChildren: 'app/components/config-editor/config-editor.module#AppConfigEditorModule'
-            }
-        ]
-    },
-    {
-        path: 'card-view',
-        component: AppLayoutComponent,
-        children: [
-            {
-                path: '',
-                loadChildren: 'app/components/card-view/card-view.module#AppCardViewModule'
-            }
-        ]
-    },
-    {
-        path: 'header-data',
-        component: AppLayoutComponent,
-        children: [
-            {
-                path: '',
-                loadChildren: 'app/components/header-data/header-data.module#AppHeaderDataModule'
-            }
-        ]
-    },
     {
         path: '',
         component: AppLayoutComponent,
         canActivate: [AuthGuard],
         children: [
+            {
+                path: 'breadcrumb',
+                canActivate: [AuthGuardEcm],
+                loadChildren: 'app/components/breadcrumb-demo/breadcrumb-demo.module#AppBreadcrumbModule'
+            },
+            {
+                path: 'notifications',
+                children: [
+                    {
+                        path: '',
+                        loadChildren: 'app/components/notifications/notifications.module#AppNotificationsModule'
+                    }
+                ]
+            },
+            {
+                path: 'config-editor',
+                children: [
+                    {
+                        path: '',
+                        loadChildren: 'app/components/config-editor/config-editor.module#AppConfigEditorModule'
+                    }
+                ]
+            },
+            {
+                path: 'date',
+                children: [
+                    {
+                        path: '',
+                        loadChildren: 'app/components/date/date.module#AppDateModule'
+                    }
+                ]
+            },
+            {
+                path: 'card-view',
+                children: [
+                    {
+                        path: '',
+                        loadChildren: 'app/components/card-view/card-view.module#AppCardViewModule'
+                    }
+                ]
+            },
+            {
+                path: 'sites',
+                children: [
+                    {
+                        path: '',
+                        loadChildren: 'app/components/sites/sites.module#SitesModule'
+                    }
+                ]
+            },
+            {
+                path: 'header-data',
+                children: [
+                    {
+                        path: '',
+                        loadChildren: 'app/components/header-data/header-data.module#AppHeaderDataModule'
+                    }
+                ]
+            },
             {
                 path: '',
                 component: HomeComponent
@@ -143,6 +172,9 @@ export const appRoutes: Routes = [
             },
             {
                 path: 'cloud',
+                canActivate: [AuthGuardSsoRoleService],
+                data: { roles: ['ACTIVITI_USER'], redirectUrl: '/error/403' },
+
                 children: [
                     {
                         path: '',
@@ -153,7 +185,39 @@ export const appRoutes: Routes = [
                         component: PeopleGroupCloudDemoComponent
                     },
                     {
-                        path: ':applicationName',
+                        path: 'community',
+                        component: CommunityCloudComponent,
+                        children: [
+                            {
+                                path: 'tasks',
+                                component: CommunityTasksCloudDemoComponent
+                            },
+                            {
+                                path: 'processes',
+                                component: CommunityProcessesCloudDemoComponent
+                            },
+                            {
+                                path: 'start-task',
+                                component: CommunityStartTaskCloudDemoComponent
+                            },
+                            {
+                                path: 'start-process',
+                                component: CommunityStartProcessCloudDemoComponent
+                            },
+                            {
+                                path: 'task-details/:taskId',
+                                component: CommunityTaskDetailsCloudDemoComponent
+                            },
+                            {
+                                path: 'process-details/:processInstanceId',
+                                component: CommunityProcessDetailsCloudDemoComponent
+                            }
+                        ]
+                    },
+                    {
+                        path: ':appName',
+                        canActivate: [AuthGuardSsoRoleService],
+                        data: { clientRoles: ['appName'], roles: ['ACTIVITI_USER'], redirectUrl: '/error/403' },
                         children: [
                             {
                                 path: '',
@@ -180,7 +244,16 @@ export const appRoutes: Routes = [
                             {
                                 path: 'task-details/:taskId',
                                 component: TaskDetailsCloudDemoComponent
+                            },
+                            {
+                                path: 'task-details/:taskId/files/:nodeId/view',
+                                component: CloudViewerComponent
+                            },
+                            {
+                                path: 'process-details/:processInstanceId',
+                                component: ProcessDetailsCloudDemoComponent
                             }
+
                         ]
                     }
                 ]
@@ -189,6 +262,10 @@ export const appRoutes: Routes = [
                 path: 'node-selector',
                 loadChildren: 'app/components/content-node-selector/content-node-selector.module#AppContentNodeSelectorModule'
             },
+            {
+                path: 'confirm-dialog',
+                component: ConfirmDialogExampleComponent
+            },
             {
                 path: 'settings-layout',
                 loadChildren: 'app/components/settings/settings.module#AppSettingsModule'
@@ -203,6 +280,11 @@ export const appRoutes: Routes = [
                 component: FilesComponent,
                 canActivate: [AuthGuardEcm]
             },
+            {
+                path: 'extensions/document-list/presets',
+                canActivate: [AuthGuardEcm],
+                loadChildren: './components/document-list/extension-presets/extension-presets.module#ExtensionPresetsModule'
+            },
             {
                 path: 'files/:id',
                 component: FilesComponent,
@@ -223,6 +305,10 @@ export const appRoutes: Routes = [
                 path: 'datatable',
                 loadChildren: 'app/components/datatable/datatable.module#AppDataTableModule'
             },
+            {
+                path: 'datatable/dnd',
+                loadChildren: './components/datatable/drag-and-drop/datatable-dnd.module#AppDataTableDndModule'
+            },
             {
                 path: 'search',
                 component: SearchResultComponent,
@@ -325,6 +411,7 @@ export const appRoutes: Routes = [
                 path: 'icons',
                 loadChildren: './components/icons/icons.module#AppIconsModule'
             },
+            { path: 'form-cloud', component: FormCloudDemoComponent },
             { path: 'form', component: FormComponent },
             { path: 'form-list', component: FormListComponent },
             { path: 'form-loading', component: FormLoadingComponent },
@@ -341,6 +428,10 @@ export const appRoutes: Routes = [
                 path: 'datatable-lazy',
                 loadChildren: 'app/components/lazy-loading/lazy-loading.module#LazyLoadingModule'
             },
+            {
+                path: 'copy-content',
+                loadChildren: 'app/components/datatable/copy-content/datatable.module#AppDataTableCopyModule'
+            },
             {
                 path: 'template-list',
                 component: TemplateDemoComponent
@@ -359,6 +450,10 @@ export const appRoutes: Routes = [
                 path: 'error/:id',
                 component: ErrorContentComponent
             },
+            {
+                path: 'error/no-authorization',
+                component: ErrorContentComponent
+            },
             {
                 path: '**',
                 redirectTo: 'error/404'

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

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

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

@@ -16,9 +16,6 @@
  */
 
 import { Component } from '@angular/core';
-import { ExtensionRef } from '@alfresco/adf-extensions';
-import { AppExtensionService } from '../../extensions/extension.service';
-import { Observable } from 'rxjs';
 
 @Component({
     selector: 'app-about-page',
@@ -26,10 +23,8 @@ import { Observable } from 'rxjs';
     styleUrls: ['about.component.scss']
 })
 export class AboutComponent {
-    extensionColumns: string[] = ['$id', '$name', '$version', '$vendor', '$license', '$runtime', '$description'];
-    extensions$: Observable<ExtensionRef[]>;
 
-    constructor(appExtensions: AppExtensionService) {
-        this.extensions$ = appExtensions.references$;
+    constructor() {
+
     }
 }

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

@@ -1,19 +1,12 @@
 <adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="220" [stepOver]="780" [hideSidenav]="hideSidenav"
-                    [expandedSidenav]="expandedSidenav" (expanded)="setState($event)"
-                    [position]="position">
+    [expandedSidenav]="expandedSidenav" (expanded)="setState($event)" [position]="position">
 
     <adf-sidenav-layout-header>
         <ng-template let-toggleMenu="toggleMenu">
 
-            <adf-layout-header id="adf-header"
-                               [title]="title | translate"
-                               [redirectUrl]="redirectUrl"
-                               [logo]="logo"
-                               [tooltip]="tooltip | translate"
-                               [showSidenavToggle]="showMenu"
-                               [color]="color"
-                               [position]="position"
-                               (clicked)=toggleMenu($event)>
+            <adf-layout-header id="adf-header" [title]="title | translate" [redirectUrl]="redirectUrl" [logo]="logo"
+                [tooltip]="tooltip | translate" [showSidenavToggle]="showMenu" [color]="color" [position]="position"
+                (clicked)=toggleMenu($event)>
 
                 <div class="adf-app-layout-menu-spacer"></div>
 
@@ -21,10 +14,7 @@
 
                 <div class="adf-header-delimiexpandedSidenavter"></div>
 
-                <adf-userinfo
-                    class="adf-app-layout-user-profile"
-                    [menuPositionX]="'before'"
-                    [menuPositionY]="'above'">
+                <adf-userinfo [menuPositionX]="'before'" [menuPositionY]="'above'">
                 </adf-userinfo>
 
                 <app-theme-picker></app-theme-picker>
@@ -35,6 +25,8 @@
                     <adf-language-menu></adf-language-menu>
                 </mat-menu>
 
+                <adf-notification-history menuPositionX="before" menuPositionY="above"></adf-notification-history>
+
             </adf-layout-header>
         </ng-template>
     </adf-sidenav-layout-header>
@@ -42,17 +34,31 @@
     <adf-sidenav-layout-navigation>
         <ng-template let-isMenuMinimized="isMenuMinimized">
             <mat-nav-list class="adf-sidenav-linklist">
-                <a mat-list-item *ngFor="let link of links" [attr.data-automation-id]="link.title | translate"
-                   [routerLink]="link.href" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }"
-                   class="adf-sidenav-link">
-                    <mat-icon matListIcon class="adf-sidenav-menu-icon">{{link.icon}}</mat-icon>
-                    <div class="adf-sidenav-menu-label" *ngIf="!isMenuMinimized()">{{link.title | translate }}</div>
-                </a>
-                <a mat-list-item adf-logout [enableRedirect]="enableRedirect" redirectUri="/logout"
-                   class="adf-sidenav-link">
-                    <mat-icon matListIcon class="adf-sidenav-menu-icon">exit_to_app</mat-icon>
-                    <div class="adf-sidenav-menu-label" *ngIf="!isMenuMinimized()">Logout</div>
-                </a>
+                <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-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}"
+                                rippleTrigger mat-icon-button #trigger="matMenuTrigger"
+                                [matMenuTriggerFor]="nestedMenu">arrow_right</mat-icon>
+                        </mat-list-item>
+                    </ng-container>
+
+                    <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">
+                            <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">
+                    <mat-icon matListIcon>exit_to_app</mat-icon>
+                    <span matLine *ngIf="!isMenuMinimized()">Logout</span>
+                </mat-list-item>
             </mat-nav-list>
 
         </ng-template>
@@ -66,3 +72,18 @@
 
 </adf-sidenav-layout>
 <app-log></app-log>
+
+<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"
+            [attr.data-automation-id]="link.title | translate"
+            routerLinkActive="adf-sidenav-link--active"
+            [routerLink]="link.href"
+            [routerLinkActiveOptions]="{ exact: true }">
+
+            <mat-icon matListIcon>{{link.icon}}</mat-icon>
+            {{ link.title | translate }}
+        </button>
+    </ng-template>
+</mat-menu>

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

@@ -1,9 +1,6 @@
 @mixin adf-app-layout-theme($theme) {
     $primary: map-get($theme, primary);
-    $background: map-get($theme, background);
-    $foreground: map-get($theme, foreground);
     $minimumAppWidth: 320px;
-    $toolbarHeight: 64px;
 
     @media screen and ($mat-xsmall) {
         app-search-bar {
@@ -17,44 +14,22 @@
         }
     }
 
-    .adf-app-layout-toolbar {
-        z-index: 998;
-        position: relative;
-        overflow: visible !important;
-    }
-
     .adf-app-layout {
         display: flex;
         flex: 1;
         min-width: $minimumAppWidth;
         height: 100%;
 
-        .adf-nav-container {
-            display: block;
-            min-width: $minimumAppWidth;
-            height: 100%;
-        }
-
-        .adf-sidenav-linklist {
-            height: 100%;
-            overflow: auto;
-            padding-bottom: 8px;
-            box-sizing: border-box;
+        .adf-sidenav-link--active {
+            color: mat-color($primary);
         }
 
         .adf-sidenav-link {
-            &.adf-active {
-                color: mat-color($primary);
-            }
-
-            .adf-sidenav-menu-icon {
-                margin-right: 20px;
-                font-size: 14px;
-            }
-
-            .adf-sidenav-menu-label {
+            .mat-list-text {
                 font-size: 14px;
                 white-space: nowrap;
+                min-width: 120px;
+                padding: 0 10px;
             }
         }
 
@@ -62,34 +37,9 @@
             height: 40px;
         }
 
-        &-user-profile {
-            margin-right: 10px;
-        }
-
         &-menu-spacer {
             flex: 1 1 auto;
         }
-
-        &-toolbar {
-            height: $toolbarHeight;
-            line-height: $toolbarHeight;
-            overflow: hidden;
-
-            mat-toolbar-row {
-                height: $toolbarHeight;
-                align-items: stretch;
-                justify-content: space-between;
-            }
-
-            .adf-toolbar-link {
-                min-width: 0;
-                line-height: $toolbarHeight;
-
-                &.adf-active {
-                    background-color: rgba(0, 0, 0, 0.12);
-                }
-            }
-        }
     }
 
     @media screen and ($mat-small) {
@@ -112,4 +62,8 @@
             flex: auto;
         }
     }
+
+    [dir='rtl'] .adf-sidenav-link__expand-button {
+        transform: rotateY(180deg);
+    }
 }

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

@@ -16,7 +16,7 @@
  */
 
 import { Component, ViewEncapsulation, OnInit } from '@angular/core';
-import { UserPreferencesService, AppConfigService, AlfrescoApiService } from '@alfresco/adf-core';
+import { UserPreferencesService, AppConfigService, AlfrescoApiService, UserPreferenceValues } from '@alfresco/adf-core';
 import { HeaderDataService } from '../header-data/header-data.service';
 
 @Component({
@@ -32,29 +32,47 @@ export class AppLayoutComponent implements OnInit {
 
     links: Array<any> = [
         { href: '/home', icon: 'home', title: 'APP_LAYOUT.HOME' },
+        {
+            href: '/extensions', icon: 'extension', title: 'Extensions', children: [
+                { href: '/extensions/document-list/presets', icon: 'extension', title: 'Document List' }
+            ]
+        },
         { href: '/files', icon: 'folder_open', title: 'APP_LAYOUT.CONTENT_SERVICES' },
         { href: '/breadcrumb', icon: 'label', title: 'APP_LAYOUT.BREADCRUMB' },
         { href: '/notifications', icon: 'alarm', title: 'APP_LAYOUT.NOTIFICATIONS' },
         { href: '/card-view', icon: 'view_headline', title: 'APP_LAYOUT.CARD_VIEW' },
+        { href: '/confirm-dialog', icon: 'view_headline', title: 'APP_LAYOUT.CONFIRM-DIALOG' },
         { href: '/header-data', icon: 'edit', title: 'APP_LAYOUT.HEADER_DATA' },
         { href: '/node-selector', icon: 'attachment', title: 'APP_LAYOUT.NODE-SELECTOR' },
+        { href: '/sites', icon: 'format_list_bulleted', title: 'APP_LAYOUT.SITES' },
         { href: '/task-list', icon: 'assignment', title: 'APP_LAYOUT.TASK_LIST' },
-        { href: '/process-list', icon: 'assignment', title: 'APP_LAYOUT.PROCESS_LIST' },
-        { href: '/cloud', icon: 'cloud', title: 'APP_LAYOUT.PROCESS_CLOUD' },
-        { href: '/cloud/people-group-cloud', icon: 'group', title: 'APP_LAYOUT.PEOPLE_GROUPS_CLOUD' },
-        { href: '/activiti', icon: 'device_hub', title: 'APP_LAYOUT.PROCESS_SERVICES' },
+        { href: '/cloud', icon: 'cloud', title: 'APP_LAYOUT.PROCESS_CLOUD', children: [
+            { href: '/cloud/', icon: 'cloud', title: 'APP_LAYOUT.HOME' },
+            { href: '/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: '/activiti', icon: 'device_hub', title: 'APP_LAYOUT.PROCESS_SERVICES', children: [
+            { href: '/activiti', icon: 'vpn_key', title: 'APP_LAYOUT.APP' },
+            { href: '/process-list', icon: 'assignment', title: 'APP_LAYOUT.PROCESS_LIST' },
+            { href: '/form', icon: 'poll', title: 'APP_LAYOUT.FORM' },
+            { href: '/form-list', icon: 'library_books', title: 'APP_LAYOUT.FORM_LIST' },
+            { href: '/form-loading', icon: 'cached', title: 'APP_LAYOUT.FORM_LOADING' }
+        ]},
         { href: '/login', icon: 'vpn_key', title: 'APP_LAYOUT.LOGIN' },
         { href: '/trashcan', icon: 'delete', title: 'APP_LAYOUT.TRASHCAN' },
         { href: '/dl-custom-sources', icon: 'extension', title: 'APP_LAYOUT.CUSTOM_SOURCES' },
-        { href: '/datatable', icon: 'view_module', title: 'APP_LAYOUT.DATATABLE' },
-        { href: '/datatable-lazy', icon: 'view_module', title: 'APP_LAYOUT.DATATABLE_LAZY' },
+        { href: '/datatable', icon: 'view_module', title: 'APP_LAYOUT.DATATABLE', children: [
+            { href: '/datatable', icon: 'view_module', title: 'APP_LAYOUT.DATATABLE' },
+            { href: '/datatable-lazy', icon: 'view_module', title: 'APP_LAYOUT.DATATABLE_LAZY' },
+            { href: '/datatable/dnd', icon: 'view_module', title: 'Drag and Drop' },
+            { href: '/copy-content', icon: 'view_module', title: 'Copy Content' }
+        ]},
         { href: '/template-list', icon: 'list_alt', title: 'APP_LAYOUT.TEMPLATE' },
-        { href: '/form', icon: 'poll', title: 'APP_LAYOUT.FORM' },
-        { href: '/form-list', icon: 'library_books', title: 'APP_LAYOUT.FORM_LIST' },
-        { href: '/form-loading', icon: 'cached', title: 'APP_LAYOUT.FORM_LOADING' },
         { href: '/webscript', icon: 'extension', title: 'APP_LAYOUT.WEBSCRIPT' },
         { href: '/tag', icon: 'local_offer', title: 'APP_LAYOUT.TAG' },
         { href: '/social', icon: 'thumb_up', title: 'APP_LAYOUT.SOCIAL' },
+        { href: '/date', icon: 'calendar_today', title: 'APP_LAYOUT.DATE' },
         { href: '/settings-layout', icon: 'settings', title: 'APP_LAYOUT.SETTINGS' },
         { href: '/config-editor', icon: 'code', title: 'APP_LAYOUT.CONFIG-EDITOR' },
         { href: '/extendedSearch', icon: 'search', title: 'APP_LAYOUT.SEARCH' },
@@ -68,6 +86,7 @@ export class AppLayoutComponent implements OnInit {
     expandedSidenav = false;
 
     position = 'start';
+    direction = 'ltr';
 
     hideSidenav = false;
     showMenu = true;
@@ -111,7 +130,7 @@ export class AppLayoutComponent implements OnInit {
 
     setState(state) {
         if (this.config.get('sideNav.preserveState')) {
-            this.userPreferences.set('expandedSidenav', state);
+            this.userPreferences.set(UserPreferenceValues.ExpandedSideNavStatus, state);
         }
     }
 }

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

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

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

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

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

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

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

@@ -0,0 +1,106 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { FormFieldModel, NotificationService, FormRenderingService, CoreAutomationService } from '@alfresco/adf-core';
+import { FormCloud, FormCloudService, UploadCloudWidgetComponent } from '@alfresco/adf-process-services-cloud';
+import { Subscription } from 'rxjs';
+
+@Component({
+    templateUrl: 'cloud-form-demo.component.html',
+    styleUrls: ['cloud-form-demo.component.scss']
+})
+export class FormCloudDemoComponent implements OnInit, OnDestroy {
+
+    form: FormCloud;
+    errorFields: FormFieldModel[] = [];
+    formConfig: string;
+    editor: any;
+    private subscriptions: Subscription[] = [];
+
+    editorOptions = {
+        theme: 'vs-dark',
+        language: 'json',
+        autoIndent: true,
+        formatOnPaste: true,
+        formatOnType: true,
+        automaticLayout: true
+    };
+
+    constructor(
+        private notificationService: NotificationService,
+        private formRenderingService: FormRenderingService,
+        private formService: FormCloudService,
+        private automationService: CoreAutomationService) {
+        this.formRenderingService.setComponentTypeResolver('upload', () => UploadCloudWidgetComponent, true);
+    }
+
+    logErrors(errorFields: FormFieldModel[]) {
+        this.errorFields = errorFields;
+    }
+
+    ngOnInit() {
+        this.formConfig = JSON.stringify(this.automationService.forms.getFormCloudDefinition());
+        this.parseForm();
+    }
+
+    onFormSaved() {
+        this.notificationService.openSnackMessage('Task has been saved successfully');
+    }
+
+    ngOnDestroy() {
+        this.subscriptions.forEach((subscription) => subscription.unsubscribe());
+        this.subscriptions = [];
+    }
+
+    onInitFormEditor(editor) {
+        this.editor = editor;
+        setTimeout(() => {
+            this.editor.getAction('editor.action.formatDocument').run();
+        }, 1000);
+    }
+
+    parseForm() {
+        this.form = this.formService.parseForm(JSON.parse(this.formConfig));
+    }
+
+    onSaveFormConfig() {
+        try {
+            this.parseForm();
+        } catch (error) {
+            this.notificationService.openSnackMessage('Wrong form configuration');
+        }
+    }
+
+    onClearFormConfig() {
+        this.formConfig = '';
+    }
+
+    onConfigAdded($event: any): void {
+        const file = $event.currentTarget.files[0];
+
+        const fileReader = new FileReader();
+        fileReader.onload = () => {
+            this.formConfig = <string> fileReader.result;
+        };
+        fileReader.readAsText(file);
+
+        this.onInitFormEditor(this.editor);
+
+        $event.target.value = '';
+    }
+}

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

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

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

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

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

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

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

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

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

@@ -8,13 +8,6 @@
     margin: 10px 0;
 }
 
-.adf-full-content-toolbar {
-    .adf-toolbar-title {
-        display: flex;
-        width: 100%;
-
-        .adf-breadcrumb {
-            width: 0;
-        }
-    }
+.adf-full-content-toolbar .adf-toolbar-title .adf-breadcrumb {
+    width: 0;
 }

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

@@ -48,6 +48,10 @@ export class CardViewComponent implements OnInit {
         this.createCard();
     }
 
+    respondToCardClick() {
+        this.logs.push(`clickable field`);
+    }
+
     ngOnInit() {
         this.cardViewUpdateService.itemUpdated$.subscribe(this.onItemChange.bind(this));
     }
@@ -68,7 +72,7 @@ export class CardViewComponent implements OnInit {
                 value: new Date(1983, 11, 24, 10, 0, 30),
                 key: 'date',
                 default: new Date(1983, 11, 24, 10, 0, 30),
-                format: 'DD.MM.YYYY',
+                format: 'shortDate',
                 editable: this.isEditable
             }),
             new CardViewDatetimeItemModel({
@@ -76,7 +80,7 @@ export class CardViewComponent implements OnInit {
                 value: new Date(1983, 11, 24, 10, 0, 0),
                 key: 'datetime',
                 default: new Date(1983, 11, 24, 10, 0, 0),
-                format: 'DD.MM.YYYY',
+                format: 'short',
                 editable: this.isEditable
             }),
             new CardViewBoolItemModel({
@@ -118,6 +122,17 @@ export class CardViewComponent implements OnInit {
                 value: new Map([['999', 'My Value']]),
                 key: 'map',
                 default: 'default map value'
+            }),
+            new CardViewTextItemModel({
+                label: 'This is clickable ',
+                value: 'click here',
+                key: 'click',
+                default: 'click here',
+                editable: this.isEditable,
+                clickable: true,
+                clickCallBack: () => {
+                    this.respondToCardClick();
+                }
             })
         ];
     }

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

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

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

@@ -25,7 +25,7 @@ import { ActivatedRoute } from '@angular/router';
 })
 export class CloudBreadcrumbsComponent implements OnInit {
 
-  applicationName: string;
+  appName: string;
   filterName: string;
 
   constructor(private route: ActivatedRoute) { }
@@ -33,7 +33,7 @@ export class CloudBreadcrumbsComponent implements OnInit {
   ngOnInit() {
     this.route.parent.params.subscribe((
       params) => {
-      this.applicationName = params.applicationName;
+      this.appName = params.appName;
     });
     this.route.queryParams.subscribe((params) => {
       if (params.filterName) {

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

@@ -24,7 +24,7 @@
                 </button>
               </div>
             </adf-sidebar-action-menu>
-            <app-cloud-filters-demo [appName]="applicationName"></app-cloud-filters-demo>
+            <app-cloud-filters-demo [appName]="appName"></app-cloud-filters-demo>
           </ng-template>
         </adf-sidenav-layout-navigation>
         <adf-sidenav-layout-content>

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

@@ -26,7 +26,7 @@ import { CloudLayoutService } from './services/cloud-layout.service';
 })
 export class CloudLayoutComponent implements OnInit {
     displayMenu = true;
-    applicationName: string;
+    appName: string;
 
     constructor(
         private router: Router,
@@ -37,7 +37,7 @@ export class CloudLayoutComponent implements OnInit {
     ngOnInit() {
         let root: string = '';
         this.route.params.subscribe((params) => {
-            this.applicationName = params.applicationName;
+            this.appName = params.appName;
         });
 
         if (this.route.snapshot && this.route.snapshot.firstChild) {
@@ -56,10 +56,10 @@ export class CloudLayoutComponent implements OnInit {
     }
 
     onStartTask() {
-        this.router.navigate([`/cloud/${this.applicationName}/start-task/`]);
+        this.router.navigate([`/cloud/${this.appName}/start-task/`]);
     }
 
     onStartProcess() {
-        this.router.navigate([`/cloud/${this.applicationName}/start-process/`]);
+        this.router.navigate([`/cloud/${this.appName}/start-process/`]);
     }
 }

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

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

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

@@ -28,6 +28,8 @@ export class CloudSettingsComponent implements OnInit {
     multiselect: boolean;
     selectionMode: string;
     testingMode: boolean;
+    taskDetailsRedirection: boolean;
+    processDetailsRedirection: boolean;
 
     selectionModeOptions = [
         { value: '', title: 'None' },
@@ -43,14 +45,12 @@ export class CloudSettingsComponent implements OnInit {
     }
 
     setCurrentSettings(settings) {
-        if (settings.multiselect !== undefined) {
+        if (settings) {
             this.multiselect = settings.multiselect;
-        }
-        if (settings.testingMode !== undefined) {
             this.testingMode = settings.testingMode;
-        }
-        if (settings.selectionMode !== undefined) {
             this.selectionMode = settings.selectionMode;
+            this.taskDetailsRedirection = settings.taskDetailsRedirection;
+            this.processDetailsRedirection = settings.processDetailsRedirection;
         }
     }
 
@@ -64,6 +64,16 @@ export class CloudSettingsComponent implements OnInit {
         this.setSetting();
     }
 
+    toggleTaskDetailsRedirection() {
+        this.taskDetailsRedirection = !this.taskDetailsRedirection;
+        this.setSetting();
+    }
+
+    toggleProcessDetailsRedirection() {
+        this.processDetailsRedirection = !this.processDetailsRedirection;
+        this.setSetting();
+    }
+
     onSelectionModeChange() {
         this.setSetting();
     }
@@ -72,7 +82,9 @@ export class CloudSettingsComponent implements OnInit {
         this.cloudLayoutService.setCurrentSettings({
             multiselect: this.multiselect,
             testingMode: this.testingMode,
-            selectionMode: this.selectionMode
+            selectionMode: this.selectionMode,
+            taskDetailsRedirection: this.taskDetailsRedirection,
+            processDetailsRedirection: this.processDetailsRedirection
         });
     }
 }

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

@@ -0,0 +1,3 @@
+.activiti-form-viewer {
+    margin: 10px;
+}

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

@@ -0,0 +1,4 @@
+<adf-viewer
+    [overlayMode]="true"
+    [nodeId]="nodeId">
+</adf-viewer>

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

@@ -0,0 +1,46 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { Subscription } from 'rxjs';
+import { Params } from '@angular/router/src/shared';
+
+@Component({
+    selector: 'app-cloud-viewer',
+    templateUrl: './cloud-viewer.component.html'
+})
+export class CloudViewerComponent implements OnInit, OnDestroy {
+
+    nodeId: string;
+
+    private sub: Subscription;
+
+    constructor(private route: ActivatedRoute) {
+    }
+
+    ngOnInit() {
+        this.sub = this.route.params.subscribe((params: Params) => {
+            this.nodeId = params['nodeId'];
+        });
+    }
+
+    ngOnDestroy() {
+        this.sub.unsubscribe();
+    }
+
+}

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

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

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

@@ -0,0 +1,68 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component, ViewEncapsulation } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { CloudLayoutService } from '../services/cloud-layout.service';
+
+@Component({
+    templateUrl: './community-cloud.component.html',
+    styles: [`.adf-cloud-layout-overflow {
+        overflow: auto;
+      }
+
+      .adf-cloud-layout-tab-body .mat-tab-body-wrapper {
+        height: 100% !important;
+      }
+      `],
+      encapsulation: ViewEncapsulation.None
+})
+export class CommunityCloudComponent  {
+
+    appName: string = '';
+
+    constructor(
+        private router: Router,
+        private route: ActivatedRoute,
+        private cloudLayoutService: CloudLayoutService
+    ) { }
+
+    ngOnInit() {
+        let root: string = '';
+        if (this.route.snapshot && this.route.snapshot.firstChild) {
+            root = this.route.snapshot.firstChild.url[0].path;
+        }
+
+        this.route.queryParams.subscribe((params) => {
+            if (root === 'tasks' && params.id) {
+                this.cloudLayoutService.setCurrentTaskFilterParam({ id: params.id });
+            }
+
+            if (root === 'processes' && params.id) {
+                this.cloudLayoutService.setCurrentProcessFilterParam({ id: params.id });
+            }
+        });
+    }
+
+    onStartTask() {
+        this.router.navigate([`/cloud/community/start-task/`]);
+    }
+
+    onStartProcess() {
+        this.router.navigate([`/cloud/community/start-process/`]);
+    }
+}

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

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

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

@@ -0,0 +1,94 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component, ViewEncapsulation, Input, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { Router, ActivatedRoute } from '@angular/router';
+import { CloudLayoutService } from '../services/cloud-layout.service';
+@Component({
+    selector: 'app-community-cloud-filters-demo',
+    templateUrl: './community-filters.component.html',
+    encapsulation: ViewEncapsulation.None
+})
+export class CommunityCloudFiltersDemoComponent implements OnInit {
+
+    @Input()
+    appName: string = 'community';
+
+    currentTaskFilter$: Observable<any>;
+    currentProcessFilter$: Observable<any>;
+
+    toggleTaskFilter = true;
+    toggleProcessFilter = true;
+
+    expandTaskFilter = true;
+    expandProcessFilter = false;
+
+    constructor(
+        private cloudLayoutService: CloudLayoutService,
+        private router: Router,
+        private route: ActivatedRoute
+    ) {}
+
+    ngOnInit() {
+        this.currentTaskFilter$ = this.cloudLayoutService.getCurrentTaskFilterParam();
+        this.currentProcessFilter$ = this.cloudLayoutService.getCurrentProcessFilterParam();
+        let root = '';
+        if (this.route.snapshot && this.route.snapshot.firstChild) {
+            root = this.route.snapshot.firstChild.url[0].path;
+            if (root === 'tasks') {
+                this.expandTaskFilter = true;
+                this.expandProcessFilter = false;
+            } else if (root === 'processes') {
+                this.expandProcessFilter = true;
+                this.expandTaskFilter = false;
+            }
+        }
+    }
+
+    onTaskFilterSelected(filter) {
+        this.cloudLayoutService.setCurrentTaskFilterParam({id: filter.id});
+        const currentFilter = Object.assign({}, filter);
+        this.router.navigate([`/cloud/community/tasks/`], { queryParams: currentFilter });
+    }
+
+    onProcessFilterSelected(filter) {
+        this.cloudLayoutService.setCurrentProcessFilterParam({id: filter.id});
+        const currentFilter = Object.assign({}, filter);
+        this.router.navigate([`/cloud/community/processes/`], { queryParams: currentFilter });
+    }
+
+    onTaskFilterOpen(): boolean {
+        this.expandTaskFilter = true;
+        this.expandProcessFilter = false;
+        return this.toggleTaskFilter;
+    }
+
+    onTaskFilterClose(): boolean {
+        return !this.toggleTaskFilter;
+    }
+
+    onProcessFilterOpen(): boolean {
+        this.expandProcessFilter = true;
+        this.expandTaskFilter = false;
+        return this.toggleProcessFilter;
+    }
+
+    onProcessFilterClose(): boolean {
+        return !this.toggleProcessFilter;
+    }
+}

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

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

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

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

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

@@ -0,0 +1,49 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+
+@Component({
+    templateUrl: './community-process-details-cloud.component.html',
+    styleUrls: ['./community-process-details-cloud.component.scss']
+})
+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() {
+        this.router.navigate([`/cloud/community/`]);
+    }
+
+    onRowClick(taskId: string) {
+        if (taskId) {
+            this.router.navigate([`/cloud/community/task-details/${taskId}`]);
+        }
+    }
+}

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

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

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

@@ -0,0 +1,134 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component, ViewChild, OnInit } from '@angular/core';
+import {
+    ProcessListCloudComponent,
+    ProcessFilterCloudModel,
+    ProcessListCloudSortingModel,
+    ProcessFiltersCloudComponent,
+    ProcessFilterCloudService
+} from '@alfresco/adf-process-services-cloud';
+
+import { ActivatedRoute, Router } from '@angular/router';
+import { UserPreferencesService, AppConfigService } from '@alfresco/adf-core';
+import { CloudLayoutService } from '../services/cloud-layout.service';
+
+@Component({
+    templateUrl: './community-processes-cloud.component.html'
+})
+export class CommunityProcessesCloudDemoComponent implements OnInit {
+
+    public static ACTION_SAVE_AS = 'saveAs';
+    static PROCESS_FILTER_PROPERTY_KEYS = 'adf-edit-process-filter';
+
+    @ViewChild('processCloud')
+    processCloud: ProcessListCloudComponent;
+
+    @ViewChild('processFiltersCloud')
+    processFiltersCloud: ProcessFiltersCloudComponent;
+
+    appName: string = '';
+    isFilterLoaded: boolean;
+
+    filterId: string = '';
+    sortArray: any = [];
+    selectedRow: any;
+    multiselect: boolean;
+    selectionMode: string;
+    selectedRows: string[] = [];
+    testingMode: boolean;
+    processFilterProperties: any  = { filterProperties: [], sortProperties: [], actions: [] };
+
+    editedFilter: ProcessFilterCloudModel;
+
+    constructor(
+        private route: ActivatedRoute,
+        private router: Router,
+        private cloudLayoutService: CloudLayoutService,
+        private userPreference: UserPreferencesService,
+        private processFilterCloudService: ProcessFilterCloudService,
+        private appConfig: AppConfigService) {
+        const properties = this.appConfig.get<Array<any>>(CommunityProcessesCloudDemoComponent.PROCESS_FILTER_PROPERTY_KEYS);
+        if (properties) {
+            this.processFilterProperties = properties;
+        }
+    }
+
+    ngOnInit() {
+        this.isFilterLoaded = false;
+        this.route.parent.params.subscribe((params) => {
+            this.appName = params.appName;
+        });
+
+        this.route.queryParams.subscribe((params) => {
+            if (Object.keys(params).length > 0) {
+                this.isFilterLoaded = true;
+                this.onFilterChange(params);
+                this.filterId = params.id;
+            } else {
+                this.loadDefaultFilters();
+            }
+        });
+
+        this.cloudLayoutService.getCurrentSettings()
+            .subscribe((settings) => this.setCurrentSettings(settings));
+    }
+
+    loadDefaultFilters() {
+        this.processFilterCloudService.getProcessFilters('community').subscribe( (filters: ProcessFilterCloudModel[]) => {
+            this.onFilterChange(filters[0]);
+        });
+    }
+
+    setCurrentSettings(settings) {
+        if (settings) {
+            this.multiselect = settings.multiselect;
+            this.testingMode = settings.testingMode;
+            this.selectionMode = settings.selectionMode;
+        }
+    }
+
+    onChangePageSize(event) {
+        this.userPreference.paginationSize = event.maxItems;
+    }
+
+    resetSelectedRows() {
+        this.selectedRows = [];
+    }
+
+    onRowClick(processInstanceId) {
+        this.router.navigate([`/cloud/community/process-details/${processInstanceId}`]);
+    }
+
+    onFilterChange(query: any) {
+        this.editedFilter = Object.assign({}, query);
+        this.sortArray = [new ProcessListCloudSortingModel({ orderBy: this.editedFilter.sort, direction: this.editedFilter.order })];
+    }
+
+    onProcessFilterAction(filterAction: any) {
+        this.cloudLayoutService.setCurrentProcessFilterParam({ id: filterAction.filter.id });
+        if (filterAction.actionType === CommunityProcessesCloudDemoComponent.ACTION_SAVE_AS) {
+            this.router.navigate([`/cloud/community/processes/`], { queryParams: filterAction.filter });
+        }
+    }
+
+    onRowsSelected(nodes) {
+        this.resetSelectedRows();
+        this.selectedRows = nodes.map((node) => node.obj.entry);
+    }
+}

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

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

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

@@ -0,0 +1,56 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { NotificationService, AppConfigService } from '@alfresco/adf-core';
+import { CloudLayoutService } from '../services/cloud-layout.service';
+
+@Component({
+    templateUrl: './community-start-process-cloud.component.html'
+})
+export class CommunityStartProcessCloudDemoComponent implements OnInit {
+
+    processName: string;
+
+    constructor(private appConfig: AppConfigService,
+                private cloudLayoutService: CloudLayoutService,
+                private notificationService: NotificationService,
+                private router: Router) {
+    }
+
+    ngOnInit() {
+        this.processName = this.appConfig.get<string>('adf-start-process.name');
+    }
+
+    onStartProcessSuccess() {
+        this.cloudLayoutService.setCurrentProcessFilterParam({ key: 'running-processes' });
+        this.router.navigate([`/cloud/community/processes`]);
+    }
+
+    onCancelStartProcess() {
+        this.cloudLayoutService.setCurrentProcessFilterParam({ key: 'all-processes' });
+        this.router.navigate([`/cloud/community/processes`]);
+    }
+
+    openSnackMessage(event: any) {
+        this.notificationService.openSnackMessage(
+            event.response.body.message,
+            4000
+        );
+    }
+}

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

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

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

@@ -0,0 +1,49 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component } from '@angular/core';
+import { Router } from '@angular/router';
+import { NotificationService } from '@alfresco/adf-core';
+import { CloudLayoutService } from '../services/cloud-layout.service';
+@Component({
+    templateUrl: './community-start-task-cloud.component.html'
+})
+export class CommunityStartTaskCloudDemoComponent {
+
+    constructor(
+        private cloudLayoutService: CloudLayoutService,
+        private notificationService: NotificationService,
+        private router: Router) {
+    }
+
+    onStartTaskSuccess() {
+        this.cloudLayoutService.setCurrentTaskFilterParam({key: 'community'});
+        this.router.navigate([`/cloud/community/tasks`]);
+    }
+
+    onCancelStartTask() {
+        this.cloudLayoutService.setCurrentTaskFilterParam({key: 'community'});
+        this.router.navigate([`/cloud/community/tasks`]);
+    }
+
+    openSnackMessage(event: any) {
+        this.notificationService.openSnackMessage(
+            event.response.body.message,
+            4000
+        );
+    }
+}

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

@@ -1,34 +1,42 @@
 <div fxLayout="column" fxFill fxLayoutGap="2px">
     <adf-cloud-edit-task-filter
-        [appName]="applicationName"
         [id]="filterId"
-        [filterProperties]="taskFilterProperties"
+        [appName]="'community'"
+        [filterProperties]="taskFilterProperties.filterProperties"
+        [sortProperties]="taskFilterProperties.sortProperties"
+        [actions]="taskFilterProperties.actions"
         (action)="onTaskFilterAction($event)"
         (filterChange)="onFilterChange($event)">
     </adf-cloud-edit-task-filter>
     <div fxLayout="column" fxFlex fxLayoutAlign="space-between" *ngIf="editedFilter">
         <adf-cloud-task-list #taskCloud
-            [applicationName]="editedFilter.appName"
+            fxFlex
+            [appName]="''"
+            class="adf-cloud-layout-overflow"
             [processDefinitionId]="editedFilter.processDefinitionId"
             [processInstanceId]="editedFilter.processInstanceId"
             [name]="editedFilter.taskName"
+            [id]="editedFilter.taskId"
             [parentTaskId]="editedFilter.parentTaskId"
             [priority]="editedFilter.priority"
             [owner]="editedFilter.owner"
             [lastModifiedFrom]="editedFilter.lastModifiedFrom"
             [lastModifiedTo]="editedFilter.lastModifiedTo"
-            [status]="editedFilter.state"
-            [assignee]="editedFilter.assignment"
+            [status]="editedFilter.status"
+            [assignee]="editedFilter.assignee"
+            [createdDate]="editedFilter.createdDate"
+            [dueDate]="editedFilter.dueDate"
             [sorting]="sortArray"
             [multiselect]="multiselect"
             [selectionMode]="selectionMode"
             (rowClick)="onRowClick($event)"
             (rowsSelected)="onRowsSelected($event)">
         </adf-cloud-task-list>
-        <adf-pagination [target]="taskCloud"
-                        (changePageSize)="onChangePageSize($event)"
-                        (nextPage)="resetSelectedRows()"
-                        (prevPage)="resetSelectedRows()">
+        <adf-pagination
+            [target]="taskCloud"
+            (changePageSize)="onChangePageSize($event)"
+            (nextPage)="resetSelectedRows()"
+            (prevPage)="resetSelectedRows()">
         </adf-pagination>
         <div *ngIf="testingMode">
             Selected rows:

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

@@ -0,0 +1,131 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component, ViewChild, OnInit } from '@angular/core';
+import { TaskListCloudComponent, TaskListCloudSortingModel, TaskFilterCloudModel, TaskFilterCloudService } from '@alfresco/adf-process-services-cloud';
+import { UserPreferencesService, AppConfigService } from '@alfresco/adf-core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { CloudLayoutService } from '../services/cloud-layout.service';
+
+@Component({
+    templateUrl: './community-task-cloud.component.html',
+    styles: [`.adf-cloud-layout-tab-body .mat-tab-body-wrapper {
+        height: 100%;
+      }
+      `]
+})
+export class CommunityTasksCloudDemoComponent implements OnInit {
+
+    public static ACTION_SAVE_AS = 'saveAs';
+    static TASK_FILTER_PROPERTY_KEYS = 'adf-edit-task-filter';
+
+    @ViewChild('taskCloud')
+    taskCloud: TaskListCloudComponent;
+
+    isFilterLoaded = false;
+
+    selectedRow: any;
+
+    sortArray: TaskListCloudSortingModel[];
+    editedFilter: TaskFilterCloudModel;
+    taskFilterProperties: any  = { filterProperties: [], sortProperties: [], actions: [] };
+
+    filterId;
+    multiselect: boolean;
+    selectedRows: string[] = [];
+    testingMode: boolean;
+    selectionMode: string;
+    taskDetailsRedirection: boolean;
+
+    constructor(
+        private cloudLayoutService: CloudLayoutService,
+        private route: ActivatedRoute,
+        private router: Router,
+        private taskFilterCloudService: TaskFilterCloudService,
+        private userPreference: UserPreferencesService,
+        private appConfig: AppConfigService) {
+
+        const properties = this.appConfig.get<Array<any>>(CommunityTasksCloudDemoComponent.TASK_FILTER_PROPERTY_KEYS);
+        if (properties) {
+            this.taskFilterProperties = properties;
+        }
+    }
+
+    ngOnInit() {
+        this.isFilterLoaded = false;
+        this.route.queryParams.subscribe((params) => {
+            if (Object.keys(params).length > 0) {
+                this.isFilterLoaded = true;
+                this.onFilterChange(params);
+                this.filterId = params.id;
+            } else {
+                setTimeout( () => {
+                    this.loadDefaultFilters();
+                });
+            }
+        });
+
+        this.cloudLayoutService.getCurrentSettings()
+            .subscribe((settings) => this.setCurrentSettings(settings));
+    }
+
+    loadDefaultFilters() {
+        this.taskFilterCloudService.getTaskListFilters('community').subscribe( (filters: TaskFilterCloudModel[]) => {
+            this.onFilterChange(filters[0]);
+        });
+    }
+
+    setCurrentSettings(settings) {
+        if (settings) {
+            this.multiselect = settings.multiselect;
+            this.testingMode = settings.testingMode;
+            this.selectionMode = settings.selectionMode;
+            this.taskDetailsRedirection = settings.taskDetailsRedirection;
+        }
+    }
+
+    onChangePageSize(event) {
+        this.userPreference.paginationSize = event.maxItems;
+    }
+
+    resetSelectedRows() {
+        this.selectedRows = [];
+    }
+
+    onRowClick(taskId) {
+        if (!this.multiselect && this.selectionMode !== 'multiple' && this.taskDetailsRedirection) {
+            this.router.navigate([`/cloud/community/task-details/${taskId}`]);
+        }
+    }
+
+    onRowsSelected(nodes) {
+        this.resetSelectedRows();
+        this.selectedRows = nodes.map((node) => node.obj.entry);
+    }
+
+    onFilterChange(filter: any) {
+        this.editedFilter = Object.assign({}, filter);
+        this.sortArray = [new TaskListCloudSortingModel({ orderBy: this.editedFilter.sort, direction: this.editedFilter.order })];
+    }
+
+    onTaskFilterAction(filterAction: any) {
+        this.cloudLayoutService.setCurrentTaskFilterParam({ id: filterAction.filter.id });
+        if (filterAction.actionType === CommunityTasksCloudDemoComponent.ACTION_SAVE_AS) {
+            this.router.navigate([`/cloud/community/tasks/`], { queryParams: filterAction.filter });
+        }
+    }
+}

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

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

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

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

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

@@ -0,0 +1,71 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { NotificationService } from '@alfresco/adf-core';
+
+@Component({
+    templateUrl: './community-task-details-cloud.component.html',
+    styleUrls: ['./community-task-details-cloud.component.scss']
+})
+export class CommunityTaskDetailsCloudDemoComponent {
+
+    taskId: string;
+    appName: string;
+
+    constructor(
+        private route: ActivatedRoute,
+        private router: Router,
+        private notificationService: NotificationService
+        ) {
+        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;
+    }
+
+    goBack() {
+        this.router.navigate([`/cloud/community/`]);
+    }
+
+    onCompletedTask() {
+        this.goBack();
+    }
+
+    onUnclaimTask() {
+        this.goBack();
+    }
+
+    onClaimTask() {
+        this.goBack();
+    }
+
+    onTaskCompleted() {
+        this.goBack();
+    }
+
+    onFormSaved() {
+        this.notificationService.openSnackMessage('Task has been saved successfully');
+    }
+}

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

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

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

@@ -16,10 +16,14 @@
 
             .adf-preselect-value {
                 margin-right: 15px;
-                min-width: 330px;
+                min-width: 25%;
+
+                &-big {
+                    width:60%;
+                }
 
                 &-full {
-                    width:60%;
+                    width:100%;
                 }
             }
         }

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

@@ -17,7 +17,7 @@
 
 import { Component, ViewEncapsulation } from '@angular/core';
 import { PeopleCloudComponent, GroupCloudComponent, GroupModel } from '@alfresco/adf-process-services-cloud';
-import { MatRadioChange } from '@angular/material';
+import { MatRadioChange, MatCheckboxChange } from '@angular/material';
 
 @Component({
     selector: 'app-people-groups-cloud',
@@ -27,17 +27,23 @@ import { MatRadioChange } from '@angular/material';
 })
 export class PeopleGroupCloudDemoComponent {
 
+    DEFAULT_FILTER_MODE: string = 'appName';
     DEFAULT_GROUP_PLACEHOLDER: string = `[{"id": "1", "name":"activitiUserGroup"}]`;
-    DEFAULT_PEOPLE_PLACEHOLDER: string = `[{"email": "example@alfresco.com", "firstName":"Administrator", "lastName": "ADF"}]`;
+    DEFAULT_PEOPLE_PLACEHOLDER: string = `[{"id": "1", email": "user@user.com", "firstName":"user", "lastName": "lastName", "username": "user"}]`;
 
     peopleMode: string = PeopleCloudComponent.MODE_SINGLE;
     preSelectUsers: string[] = [];
     peopleRoles: string[] = [];
+    peopleAppName: string;
+    peopleFilterMode: string = this.DEFAULT_FILTER_MODE;
+    peoplePreselectValidation: Boolean = false;
 
     groupMode: string = GroupCloudComponent.MODE_SINGLE;
     preSelectGroup: GroupModel[] = [];
     selectedGroupList: GroupModel[] = [];
     groupRoles: string[];
+    groupAppName: string;
+    groupFilterMode: string = this.DEFAULT_FILTER_MODE;
 
     setPeoplePreselectValue(event: any) {
         this.preSelectUsers = this.getArrayFromString(event.target.value);
@@ -55,6 +61,14 @@ export class PeopleGroupCloudDemoComponent {
         this.groupRoles = this.getArrayFromString(event.target.value);
     }
 
+    setPeopleAppName(event: any) {
+        this.peopleAppName = event.target.value;
+    }
+
+    setGroupAppName(event: any) {
+        this.groupAppName = event.target.value;
+    }
+
     onChangePeopleMode(event: MatRadioChange) {
        this.peopleMode = event.value;
        this.preSelectUsers = [...this.preSelectUsers];
@@ -65,6 +79,45 @@ export class PeopleGroupCloudDemoComponent {
         this.preSelectGroup = [...this.preSelectGroup];
     }
 
+    onChangePeopleFilterMode(event: MatRadioChange) {
+        this.peopleFilterMode = event.value;
+        this.resetPeopleFilter();
+    }
+
+    onChangeGroupsFilterMode(event: MatRadioChange) {
+        this.groupFilterMode = event.value;
+        this.restGroupFilter();
+    }
+
+    isPeopleAppNameSelected() {
+        return this.peopleFilterMode === 'appName';
+    }
+
+    isGroupAppNameSelected() {
+        return this.groupFilterMode === 'appName';
+    }
+
+    resetPeopleFilter() {
+        if (this.isPeopleAppNameSelected()) {
+            this.peopleRoles = [];
+        } else {
+            this.peopleAppName = '';
+        }
+    }
+
+    restGroupFilter() {
+        if (this.isGroupAppNameSelected()) {
+            this.groupRoles = [];
+        } else {
+            this.groupAppName = '';
+        }
+    }
+
+    onChangePeopleValidation(event: MatCheckboxChange) {
+        this.peoplePreselectValidation = event.checked;
+        this.preSelectUsers = [...this.preSelectUsers];
+    }
+
     isStringArray(str: string) {
         try {
             const result = JSON.parse(str);

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

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

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

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

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

@@ -19,26 +19,31 @@ import { Component } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 
 @Component({
-    templateUrl: './task-details-cloud-demo.component.html',
-    styleUrls: ['./task-details-cloud-demo.component.scss']
+    templateUrl: './process-details-cloud-demo.component.html',
+    styleUrls: ['./process-details-cloud-demo.component.scss']
 })
-export class TaskDetailsCloudDemoComponent {
+export class ProcessDetailsCloudDemoComponent {
 
-    taskId: string;
-    applicationName: string;
-    readOnly = false;
+    processInstanceId: string;
+    appName: string;
 
     constructor(private route: ActivatedRoute, private router: Router) {
         this.route.params.subscribe((params) => {
-            this.taskId = params.taskId;
+            this.processInstanceId = params.processInstanceId;
         });
+
         this.route.parent.params.subscribe((params) => {
-            this.applicationName = params.applicationName;
+            this.appName = params.appName;
         });
     }
 
     onGoBack() {
-        this.router.navigate([`/cloud/${this.applicationName}/`]);
+        this.router.navigate([`/cloud/${this.appName}/`]);
+    }
 
+    onRowClick(taskId: string) {
+        if (taskId) {
+            this.router.navigate([`/cloud/${this.appName}/task-details/${taskId}`]);
+        }
     }
 }

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

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

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

@@ -33,8 +33,8 @@ import { CloudLayoutService } from './services/cloud-layout.service';
 })
 export class ProcessesCloudDemoComponent implements OnInit {
 
-    public static ACTION_SAVE_AS = 'SAVE_AS';
-    static PROCESS_FILTER_PROPERTY_KEYS = 'adf-edit-process-filter.properties';
+    public static ACTION_SAVE_AS = 'saveAs';
+    static PROCESS_FILTER_PROPERTY_KEYS = 'adf-edit-process-filter';
 
     @ViewChild('processCloud')
     processCloud: ProcessListCloudComponent;
@@ -42,7 +42,7 @@ export class ProcessesCloudDemoComponent implements OnInit {
     @ViewChild('processFiltersCloud')
     processFiltersCloud: ProcessFiltersCloudComponent;
 
-    applicationName: string = '';
+    appName: string = '';
     isFilterLoaded: boolean;
 
     filterId: string = '';
@@ -52,7 +52,8 @@ export class ProcessesCloudDemoComponent implements OnInit {
     selectionMode: string;
     selectedRows: string[] = [];
     testingMode: boolean;
-    processFilterProperties: any[] = [];
+    processFilterProperties: any  = { filterProperties: [], sortProperties: [], actions: [] };
+    processDetailsRedirection: boolean;
 
     editedFilter: ProcessFilterCloudModel;
 
@@ -71,7 +72,7 @@ export class ProcessesCloudDemoComponent implements OnInit {
     ngOnInit() {
         this.isFilterLoaded = false;
         this.route.parent.params.subscribe((params) => {
-            this.applicationName = params.applicationName;
+            this.appName = params.appName;
         });
 
         this.route.queryParams.subscribe((params) => {
@@ -85,14 +86,11 @@ export class ProcessesCloudDemoComponent implements OnInit {
     }
 
     setCurrentSettings(settings) {
-        if (settings.multiselect !== undefined) {
+        if (settings) {
             this.multiselect = settings.multiselect;
-        }
-        if (settings.testingMode !== undefined) {
             this.testingMode = settings.testingMode;
-        }
-        if (settings.selectionMode !== undefined) {
             this.selectionMode = settings.selectionMode;
+            this.processDetailsRedirection = settings.processDetailsRedirection;
         }
     }
 
@@ -104,8 +102,10 @@ export class ProcessesCloudDemoComponent implements OnInit {
         this.selectedRows = [];
     }
 
-    onRowClick($event) {
-        this.selectedRow = $event;
+    onRowClick(processInstanceId) {
+        if (!this.multiselect && this.selectionMode !== 'multiple' && this.processDetailsRedirection) {
+            this.router.navigate([`/cloud/${this.appName}/process-details/${processInstanceId}`]);
+        }
     }
 
     onFilterChange(query: any) {
@@ -116,7 +116,7 @@ export class ProcessesCloudDemoComponent implements OnInit {
     onProcessFilterAction(filterAction: any) {
         this.cloudLayoutService.setCurrentProcessFilterParam({ id: filterAction.filter.id });
         if (filterAction.actionType === ProcessesCloudDemoComponent.ACTION_SAVE_AS) {
-            this.router.navigate([`/cloud/${this.applicationName}/processes/`], { queryParams: filterAction.filter });
+            this.router.navigate([`/cloud/${this.appName}/processes/`], { queryParams: filterAction.filter });
         }
     }
 

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

@@ -26,6 +26,8 @@ export class CloudLayoutService {
     private settings = {
         multiselect: false,
         testingMode: false,
+        taskDetailsRedirection: true,
+        processDetailsRedirection: true,
         selectionMode: 'single'
     };
 

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

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

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

@@ -19,14 +19,17 @@ import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { NotificationService, AppConfigService } from '@alfresco/adf-core';
 import { CloudLayoutService } from './services/cloud-layout.service';
+
 @Component({
     templateUrl: './start-process-cloud-demo.component.html',
     styleUrls: ['./start-process-cloud-demo.component.scss']
 })
 export class StartProcessCloudDemoComponent implements OnInit {
 
-    applicationName;
+    appName;
     processName: string;
+    formValues: string;
+    variables: any;
 
     constructor(private appConfig: AppConfigService,
                 private cloudLayoutService: CloudLayoutService,
@@ -37,26 +40,25 @@ export class StartProcessCloudDemoComponent implements OnInit {
 
     ngOnInit() {
         this.route.parent.params.subscribe((params) => {
-            this.applicationName = params.applicationName;
+            this.appName = params.appName;
         });
 
-        this.processName = this.appConfig.get<string>('adf-start-process.name');
+        this.processName = this.appConfig.get<string>('adf-cloud-start-process.name');
+        this.formValues = this.appConfig.get<string>('adf-cloud-start-process.values');
+        this.variables = this.appConfig.get<string>('adf-cloud-start-process.variables');
     }
 
     onStartProcessSuccess() {
         this.cloudLayoutService.setCurrentProcessFilterParam({ key: 'running-processes' });
-        this.router.navigate([`/cloud/${this.applicationName}/processes`]);
+        this.router.navigate([`/cloud/${this.appName}/processes`]);
     }
 
     onCancelStartProcess() {
         this.cloudLayoutService.setCurrentProcessFilterParam({ key: 'all-processes' });
-        this.router.navigate([`/cloud/${this.applicationName}/processes`]);
+        this.router.navigate([`/cloud/${this.appName}/processes`]);
     }
 
     openSnackMessage(event: any) {
-        this.notificationService.openSnackMessage(
-            event.response.body.message,
-            4000
-        );
+        this.notificationService.openSnackMessage(event.response.body.entry.message);
     }
 }

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

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

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

@@ -19,13 +19,14 @@ import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { NotificationService } from '@alfresco/adf-core';
 import { CloudLayoutService } from './services/cloud-layout.service';
+
 @Component({
     templateUrl: './start-task-cloud-demo.component.html',
     styleUrls: ['./start-task-cloud-demo.component.scss']
 })
 export class StartTaskCloudDemoComponent implements OnInit {
 
-    applicationName;
+    appName;
 
     constructor(
         private cloudLayoutService: CloudLayoutService,
@@ -36,24 +37,21 @@ export class StartTaskCloudDemoComponent implements OnInit {
 
     ngOnInit() {
         this.route.parent.params.subscribe((params) => {
-            this.applicationName = params.applicationName;
+            this.appName = params.appName;
         });
     }
 
     onStartTaskSuccess() {
-        this.cloudLayoutService.setCurrentTaskFilterParam({key: 'my-tasks'});
-        this.router.navigate([`/cloud/${this.applicationName}/tasks`]);
+        this.cloudLayoutService.setCurrentTaskFilterParam({ key: 'my-tasks' });
+        this.router.navigate([`/cloud/${this.appName}/tasks`]);
     }
 
     onCancelStartTask() {
-        this.cloudLayoutService.setCurrentTaskFilterParam({key: 'my-tasks'});
-        this.router.navigate([`/cloud/${this.applicationName}/tasks`]);
+        this.cloudLayoutService.setCurrentTaskFilterParam({ key: 'my-tasks' });
+        this.router.navigate([`/cloud/${this.appName}/tasks`]);
     }
 
     openSnackMessage(event: any) {
-        this.notificationService.openSnackMessage(
-            event.response.body.message,
-            4000
-        );
+        this.notificationService.openSnackMessage(event.response.body.message);
     }
 }

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

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

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

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

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

@@ -0,0 +1,64 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { NotificationService } from '@alfresco/adf-core';
+
+@Component({
+    templateUrl: './task-details-cloud-demo.component.html',
+    styleUrls: ['./task-details-cloud-demo.component.scss']
+})
+export class TaskDetailsCloudDemoComponent {
+
+    taskId: string;
+    appName: string;
+
+    constructor(
+        private route: ActivatedRoute,
+        private router: Router,
+        private notificationService: NotificationService
+        ) {
+        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;
+    }
+
+    goBack() {
+        this.router.navigate([`/cloud/${this.appName}/`]);
+    }
+
+    onTaskCompleted() {
+        this.goBack();
+    }
+
+    onFormContentClicked(resourceId) {
+        this.router.navigate([`/cloud/${this.appName}/task-details/${this.taskId}/files/${resourceId.nodeId}/view`]);
+    }
+
+    onFormSaved() {
+        this.notificationService.openSnackMessage('Task has been saved successfully');
+    }
+}