3.5.0 (#5117)

* [ADF-4738] [Process -Cloud] Move GroupCloudService to adf-core (#4928)

* [ADF-4738] [Process -Cloud] Move GroupCloudService to adf-core lib.

* * Changed GroupModel to IdentityGroupModel
* Updated unit tests the recent changes.

* * Added documentation to the identityGroupService
* Updated GroupInitial and GroupCoudcomponent doc.

* * Created groupCount model. * Updated unit test to the recent changes

* * After rebase updated doc

* * Fixed comments.

* [ADF-4497] ARIA role must be appropriate for the Breadcrumb element (#4986)

* breadcrumb accessibility

* translation

* [ADF-4802] Login accessibility	 (#4988)

* login button aria label

* password toggle accessibility

* translation

* fix test

* fix automation if

* add missing export

* [ADF-4811] - added extra method to open snackbar with interpolate arg… (#4989)

* [ADF-4811] - added extra method to open snackbar with interpolate args for translated messages

* [ADF-4811] - added extra parameter to show info

* [ADF-4811] - added extra parameter to show info

* [ADF-4811] added review changes

* CI/CD Improvement - Create a release with tag when we merge master (#4991)

* Create a release with tag when we merge master

* Add release name with version

* Documentation fix for Card View component (#4990)

* Disable control flow e2e ADF (#4954)

* update project script possible different JS-API

* first commit no controll flow

* second commit no controll flow

* third commit no controll flow

* 4 commit no controll flow

* 5 commit no controll flow

* 6 commit no controll flow

* 7 commit no controll flow

* 8 commit no controll flow

* 9 commit no controll flow

* 10 commit no controll flow

* 11 commit no controll flow

* 12 commit no controll flow

* 13 commit no controll flow

* 14 commit no controll flow

* 15 commit no controll flow

* 16 commit no controll flow

* 17 commit no controll flow

* 18 commit no controll flow

* 19 commit no controll flow

* 20 commit no controll flow

* remove wdpromise, protractor promise and deferred promises

* - fixed some incorrect “expect” calls
- fixed some matchers
- removed “return this;” when not needed
- added a few more await-s

* forgot a file

* fix some failing tests

* replaced driver calls with browser calls and enabled back waitForAngular

* fix rightClick methods and hopefully some tests

* fix settings-component

* some more fixes for core and content tests

* try to fix some more issues

* linting

* revert some changes, allowing download on headless chrome won’t work with multiple browser instances

* fixes for Search tests

* try to remove some wait calls

* fix build

* increase allScriptsTimeout and try another protractor and web driver version

* improve navigation methods

* some fixes for notification history and login sso

* forgot a space

* fix packages and enable some screenshots

* navigation bar fixes

* fix some test

* some fixes for notification history and navigation bar
use correct visibility method in attachFileWidget test

* fix searching and another fix for navigation

* try solve sso login

* some more fixes

* refactor async forEach into for..of

* try fix for search tests

* resolve rebabse problems

* remove install

* fix lint

* fix core e2e

* fix core e2e

* fix core e2e

* fix ps tests

* fix some tests

* fix core e2e

* fix core e2e

* fix core

* fix some issues PS

* fix core

* fix core

* fix some ps test

* fix rebase issues

* remove save

* fix url regressed after rebase

* fix url regressed after rebase

* fix ps and core

* fix lint

* more parallel e2e ps

* fix some ps cloud test

* some cloud fix

* fix lint

* fix some test

* remove files to be ignored

* out-tsc

* improve one cs test

* fix candidate base app

* fix ps test

* remove click function

* clean methods alrady present in browser action

* try ugly wait

* move wait

* remove duplicate call

* remove underscore

* fix after review

* fix imports

* minor cosmetic fixes

* fix comments test

* add aria-sort (#4997)

* [ADF-4816] Refactor About component (#5000)

* [ADF-4816] Refactor About component

* Update package.json

* Add the npm publish as part of adf-cli (#5002)

* Add a travis step to publish on npm (#5004)

* [ADF-4799][ADF-4801] Automation tests for CardView clear date field and selectbox None option (#4993)

* [ADF-4799] Automation for clear date button

* [ADF-4801] Automate test for selectbox None option

* add aria label and selected (#4999)

* [ADF-4809] Automation for non-editable task details when completed (#5001)

* [ADF-4976] Fix variable being referenced before initialization (#4977)

* remove obsolete  option from test-e2e

* Enable the npm install on push branch

* Npm publish the dist folder

* Rebuild the libs after the next alpha

* Change the version before building

* Add the npmrc file in the correct folder and remove after publish

* Remove the build all in the release job

* Use the local npm publish command

* cache the lib/dist

* Change cli dist

* Rollback mistake on update-version.sh

* Clean the lib/dit

* Clean the lib/dist

* Revert change on update version

* Rollback the 3.4 version

* Run the clean before building

* Run the deploy Pr only for PR

* added a new version of candidatebaseapp with process ui workspace defined. (#5006)

* rename subbprocess without capital letters

* [ADF-4837] - Automation checkbox visibility e2e tests (#5010)

* [ADF-4828] [ProcessListCloudComponent] Add action and context menu.	 (#5009)

* * Demo on list com

* [ADF-4828] [ADF] [ProcessListCloudComponent] Add action and context menu.

* Exposed action and context menu.
* Provided a way to in the demo shell to test action menu.
* Added required transaltion on demo shell.

* * Added doc

* * Fixed comments.

* fix clean script

* [ADF-4846] Move to ADF the style overrides from ACA (#5016)

* [ADF-4846] add $data-table-cell-link-color variable

- move style fix needed on ACA to ADF

* [ADF-4846] add $adf-permission-list-width variable

- moved style fix for adf-permission-lists from ACA to ADF

* [ADF-4850] Travis add check bundle size and docker publish (#5023)

* Add a check bundle job after the release

* Add a docker push step and update rancher

* Split update rancher in a different job

* Split update rancher in a different job

* Install the adf-cli

* Run docker publish and rancher update only on push

* Use the adf-cli local code

* Run the docker push before

* [ADF-4825] Use ADF-CLI in ADF for versions and latest commit (#4994)

* [ADF-4825] Use ADF-CLI in ADF for versions and latest commit

* Add documentation

* Update update-version.ts

* Update release.sh

* Update update-project.sh

* Update release.sh

* Update update-project.sh

* Update release.sh

* Update update-project.sh

* Update README.md

* Rebase branch

* Update package.json

* Update build.sh

* Update package.json

* Improve the docker log

* Improve the docker log

* Npm install latest adf-cli

* Propose a correction to what appears to be a minor typo (#5026)

* Propose a correction to what appears to be a minor typo

removed the word 'a'.

* Update extensibility.md

* Use docker commands

* Use the correct docker repo domain

* echo rancher job

* Check remote env if is full before to start the e2e CS (#5024)

* add check remote env full

* Update check-cs-env.js

* revert change on dockerfile

* Get the latest alpha before the install

* fix content service document list action test (#5027)

* fix content service document list action test

* restore build.sh

* perform twice movement mosue for right click for avoid bug in non headless chrome

* change sso ref element present

* change sso ref element present

* fix release apha

* fix permissions

* [ADF-4847] Not able to find any user in Assignee field when creating a task (#5029)

* [ADF-4847] Not able to find any user in Assignee field when creating a task

Updated url to fetch composite user roles

* [ADF-4847] Fixing failing E2E tests

* release update commands pipeline

* Run the update children project if is push or beta

* Change the condition for master

* [ADF-4816] Move localization keys for About component from demo-shell to core (#5007)

* [ADF-4852] Make use of ADF-CLI command to update sha (#5032)

* [ADF-4852] Make use of ADF-CLI command to update sha

* Update build.sh

* [ADF-4839] Document List - column name link accessibility (#5011)

* accessibility

* rename translation key

* translation key name

* link name component accessibility

* generic translation

* move codecov inside unit test to avoid the aftes success execution in any script stage

* CI/CD allow a Travis cron job to create beta and update children proj… (#5033)

* CI/CD allow a Travis cron job to create beta and update children projects

* Update build.sh

* Add condition for default jobs

* [ADF-4544] Automation for form button refresh after action (#4835)

* fix "ng lint" command (#5012)

* update to latest js-api

* fix the "ng lint" command

* fix linting issues

* fix lint issues

* lint fixes

* code fixes

* fix html

* fix html

* update tests

* test fixes

* update tests

* fix tests and api

* fix code

* [ADF-4845] Uploader - Expanded/collapsed state not exposed (#5015)

* state accessibility

* remove aria-disabled

* fix scripts npm

* add typscritp compiler in cli build

* fix cli command use

* Use the git token

* lint missin install

* move install in travis and out from lint.sh

* [ADF-4843] - Automate more manual test cases for visibility chaining … (#5014)

* [ADF-4843] - Automate more manual test cases for visibility chaining in ADF

* fix lint

* Cache the lib/dist for npm publish purpose

* Try to create tag with token

* [ADF-3723]Add visibility conditions on tabs - form rendering component tests (#5022)

* Add visibility conditions on tabs - form rendering component tests

* no message

* Moved the suite to process-services-cloud folder

* no message

* accumulate common lib task in first job to avoid cache problems

* change order check bundle

* remove lib/dist from cache

* [ADF-4854] sticky header for task list (#5036)

* sticky header for task list

* fix html

* add docs

* update code docs

* [ADF-4840] Fixing failing tests on process-services-cloud (#5013)

* [ADF-4840] Fixing dropdown-widget.e2e.ts-beforeEach and start-task-group-cloud.e2e.ts-afterAll

* [ADF-4840] Testing with apps deployed with different permissions

* [ADF-4840] Fixing edit-process-filters-component.e2e.ts

* [ADF-4840] Add space to lib/process-services-cloud

* [ADF-4840] Fixing people-group-cloud-filter-component and reverting changes to the appNames

* [ADF-4840] Fixing start-task-custom-app-cloud

* repair doc tools and polish the docs code (#5038)

* set private access modifier

* repair doc build tools

* fix lit issues

* re-generate version index

* [ADF-4848] Form - fix tab visibility (#5021)

* [ADF-4848] - fix tab visibility

* add unit test

* [ADF-4764] Hide placeholder in Amount Widget in readOnly mode (#5035)

* [ADF-4764] Hide placeholder in Amount Widget in readOnly mode

* add missing return type

* Update .travis.yml

* [ACTIVITI-3720] form variables enhancements (#5028)

* support form variables on the model level

* take 'variables.name' convention into account

* move API to a proper place

* unit tests and code fixes

* unit tests for form field model

* process variable interface

* [ADF-4860] Travis add tag beta on cron job (#5042)

* add the name and email values and push with the token

* add the name and email values and push with the token

* Release the beta in case the cron job runs

* Create TAG_NPM based on the branch

* [ADF-4855] Upload dialog - Buttons must have discernible text (#5040)

* aria labels translation keys

* actions aria label

* announce confirmation content

* Trigger alpha

* Move the tag on the release sh

* Run only the update children in case the tag is beta

* Use enterprise token and npx to avoid install

*  [ADF-4823] added download and show preview for attach cloud widget (#4996)

* [ADF-4823] fixed download and start fixing show preview

* [ADF-4823] fixed preview files

* [ADF-4823] - added unit test

* [ADF-4823] - fixed lint problem

* [ADF-4823] - rebased and fixed lint problem

* added a new method in BrowserActions to check that the action menu is visible, and using that in the tests.

* linting fixes

* [ADF-4862] Upload dialog - reading order (#5045)

* dialog container accessibility

* upload container aria label translation key

* focus on active upload dialog

* test

* add back removed aria-label

* Use the correct adf-cli

* [ACTIVITI-3739] make display show json types (#5046)

* Fix the adf-cli with version option

* Update the js api with the vjs version

* [ADF-4828] Should display the custom action menu for Process Cloud List (#5030)

* C315236 automated

* updated the Title

* changed the method name

* Fixing Process Cloud tests (#5055)

* Trigger alpha

* Fixing people-group-cloud-component.e2e.ts

* [DW-1328] added the create and delete role api for test preconditions (#5052)

* added the create and delete role api for test preconditions

* added the required visibility conditions, for the method to work consistently across apps

* removed the visibility conditions that are not necessary

* [ACTIVITI-3720] cloud form support for form variable mapping (#5044)

* universal form model

* parse variables correctly

* turn group model into interface

* remove console.log

* interface instead of class

* update form id type

* improved form variable parsing

* improved variable conversion

* fix cloud tests

* fix typings and code bugs

* [ADF-4865] Upload Dialog - row actions not accessible by keyboard alone (#5051)

* access upload dialog information by keyboard

* upload files actions keyboard accessibility

* aria labels translation keys

* refractor styling

* toggle action icons

* update docs

* e2e

* e2e update action reference

* [ADF-4831] DocumentList - filetype alternative text is not meaningful (#4998)

* filetype alternative text

* icons text translation key

* icon text accessibility translation

* fix e2e

* add miscellaneous file type

* [ADF-4826] Process/Task list first displays "No Process/Task Found" and then loads the Process/Tasks (#4995)

* [ADF-4826] Process/Task list first displays "No Process/Task Found" and then loads the Process/Tasks

* Initialized loader flag to true

* Updated unit tests

* fixed lint errors

* [ADF-4794] Not able to attach a second file to a form after one has already been attached (#5058)

* [ADF-4041] - fix People/Group preselected issues (#4866)

* [ADF-4041] - fix People/Group preselected issues

* [ADF-4041] - remove duplicated groups

* [ADF-4041] - fix lint

* [ADF-4041] - fix label overlay

* [ADF-4041] - lint

* [ADF-4041] - PR changes

* clear timeout

* remove unused property

* clear timeout

* fix default preselect user

* [ADF-4867] adf-error-component refactor (#5056)

* Refactor the adf-error-component
Move the custom buttons on demoshell
Fix unit test
Remove usefull e2e

* Add basic example

* [ADF-4838] Upload Dialog - canceling a pending file cancels the file in progress (#5063)

* add automation id

* call cancel upload api only if file is not pending

* tests

* e2e

* Use npx instead of absolute adf-cli path (#5053)

*  [DW-1478] E2e - Move 'filter' component from Admin Application (#5061)

* [DW-1478] E2e - Move 'filter' component from Admin Application

* Replace admin e2e framework methods with ADF reusable ones

* Add return type for filter component method

* Fix browser-actions errors

* Remove clear() method from browser-actions

* Add and rename edit filter components methods

* Remove unused methods from browser-actions
Add method to retrieve the application selected in Edit Process Filter

* Fix called method in edit task filter component

* [ADF-4798] - [adf-content-node-selector] File icons are not showing properly (#5054)

* Log class in e2e plus check PS cloud CS works before run test (#5057)

* check cs work on ps cloud add log class

* fix env config

* Use npx instead of absolute adf-cli path (#5053)
 (reverted from commit 140f60b8dc)

* Update package.json

* fix FormRepresentationModel interface

* [ADF-4878] Refactor, Split ADF About component (#5064)

* Refactor, Split ADF About component

* [ADF-4878] Add documentation

* [ADF-4878] Rename Component

* [ADF-4878] Implement comments

* [ADF-4878] Update documentation for about components

* [ADF-4888] DocumentList - cell header title is announced over cell value (#5068)

* fix focus outline

* focus on cell values

* focus on size value if defined

* row actions menu aria-label

* temporary switch off the FormModel json typing

* use custom chrome version with puppeteer (#5070)

* use custom chrome version with puppeteer

* pin to Chromium 76

* update code to trigger travis

* update protractor

* try remove extra env setting

* try chrome 62

* upgrade to chrome 76, exclude 3 tests

* add safety check for the focus

* toggle tests

* disable tests

* disable flaky test

* update names

* disable flaky test

* disable flaky test

* disable test

* disable test

* fix name simpleapp

* rename simpleApp to simpleapp project change

* [ACTIVITI-3746] - fix form completion with tab fields (#5059)

* [ACTIVITI-3746] - fix form completion with tab fields

* fix lint

* fix unit test

* refractoring and PR changes

* fix unit tests

* [ADF-4829] [ADF] [TaskListCloudComponent] Add action and context menu. (#5018)

* * Demo on list com

* [ADF-4828] [ADF] [ProcessListCloudComponent] Add action and context menu.

* Exposed action and context menu.
* Provided a way to in the demo shell to test action menu.
* Added required transaltion on demo shell.

* * Added doc

* [ADF-4829] [ADF] [TaskListCloudComponent] Add action and context menu.

* Exposed action and contect menu on tasklist page.

* * Added documentation.

* * Fixed typo

* * After rebase

* * Fixed failing e2e test on cloud demo tasklist

* * Added providedIn in Task/process cloud service.

* [ADF-4807] Automation tests for date min/max validation (#5008)

* Trigger alpha

* [ADF-4807] Automation tests for date min/max validation

* Removing identityUser changes

* Add as group suffix the travis build number (#5072)

* * Fixed failing unit tests on process-services. (#5080)

* [ADF-4892] DocumentList - set appropriate column aria-sort state (#5079)

* set specific aria-sort state

* return false when table has no sorting

* move logic to component

* aria sort method

* tests

* [ADF-3724]Create tests for visibility conditions on tabs on APS1 (#5065)

* Create tests for visibility conditions on tabs on APS1

* Fix comments

* Fix linting

* Remove the final /

* [ADF-3725]Add visibility conditions on tabs tests when completing a task (#5034)

* Add visibility conditions on tabs tests when completing a task

* Fix comments

* Removing unused import.

* Changed simpleapp

* Rebase

* Removed comment

* Revert "Rebase"

This reverts commit 417b59f541.

* Remove unused method

* Updated the simpleapp and added superadminuser when deploying the apps (#5075)

* updated the simpleapp with the process-variables required and added superadminuser when deploying the apps.

* simpleapp updated with more process variables

* simpleapp added with process variables (#5085)

* [ADF-4868] [APS-1] adf-content-node-selector seems broken when we upload from External Alfresco content service (#5078)

* [ADF-4829] - Add e2e tests for custom action menu in TaskList and ProcessList (#5081)

* in progress custom action menu on tasklist

* C315723 - automated

* split into 2 methods, addAction, addDisabledAction

* added superadminuser as aps_admin user when deploying the apps (#5087)

* [ADF-4894] Json editor dialog (#5082)

* move download-zip to its own folder

* json dialog

* update docs

* update test

* disable e2e test

* json widget for the Form

* remove deprecated test

* fix tests, update display text name

* [ADF-4858] Make sure process-services works with ng commands (#5067)

* Process-services:
Making sure you can run
ng build process-services
ng test process-services

* Fix the path of the styles

* move the file in the right place

* Add the travis TAGS value to docker

* Fix the process-service export

* fix readonly attribute

* remove old versions.json (#5089)

* [ADF-4906] [ADF] Not able upload file from ACS when start process with form (#5094)

* [ADF-4909] Hide about-plugins and about-product-versions sections whe… (#5095)

* [ADF-4909] Hide about-plugins and about-product-versions sections when they are empty

* [ADF-4909] Add missing unsubsciption

* release docs

* [ADF-4914] Fix update versions script on Generator and AMA (#5098)

* [ADF-4913] Fix Gallery View in datatable Component (#5101)

* Use the latest candidatebaseapp

* Review documentation plus some tools fix (#5100)

* review 3.5.0 doc

* fix documentation

* fix documentation

* fix documentation

* [ADF-4922] Fix update project script for Generator and Modeler (#5103)

* [ADF-4810] sso public urls configuration (#5102)

* update OAUTH schema and model

* update demoshell config for public urls

* update sso docs (#5104)

* [ADF-4810][ADF-4824] get the latest @alfresco/js-api with SSO fixes (#5106)

* generic text (#5105)

* [APM-1412] Fix Json dialog on Form json widget (#5107)

* [ADF-4921] upload widget fixes (#5109)

* upload widget fixes

* fix mocks

* [ADF-4925] Fix process variable mapping in Form Cloud component (#5110)

* [ADF-4873] Release note in draft. (#5093)

* [ADF-4873] Release note in draft.

* [ADF-4873] Compantibility matrix.

* Update release notes

* [ADF-4873] Added the authorization topic to release note.

* Update RelNote350.md

* Revert "[ADF-4925] Fix process variable mapping in Form Cloud component (#5110)"

This reverts commit 7c692137e3.

* localization 3.5.0 (#5112)

* [ADF-4905] StartProcessCloud - fix starting different process than se… (#5091)

* [ADF-4905] StartProcessCloud - fix starting different process than selected in dropdown

* fix process e2e test

* revert e2e changes

* [ADF-4810] fix sso settings (#5108)

* fix sso settings

* fix test

* update-js-api

* update-js-api

* invert test order for some reason

* fix focus outline (#5115)

* sso settigs fix (#5114)

* fix test

* update-js-api

* update-js-api

* invert test order for some reason

* split before save publicUrls

* split before save publicUrls

* [ADF-4810] split if publicUrls is not Array

* [ADF-4810]better check for string

* [ADF-4925] Fix Process Variable mapping in ADF forms (#5116)

* bump 3.5.0

.github/CODEOWNERS

@@ -0,0 +1,37 @@
+# Each line is a file pattern followed by one or more owners.
+
+ # These owners will be the default owners for everything in
+# the repo. Unless a later match takes precedence,
+# these users will be requested for
+# review when someone opens a pull request.
+*   @eromano @popovicsandras @DenysVuika
+
+ # Order is important; the last matching pattern takes the most
+# precedence. When someone opens a pull request that only
+# modifies JS files, only @js-owner and not the global
+# owner(s) will be requested for a review.
+e2e/*   @eromano @cristinaj @gmandakini @marouanbentaleb
+
+ # You can also use email addresses if you prefer. They'll be
+# used to look up users just like we do for commit author
+# emails.
+#*.go docs@example.com
+docs/* @m-hulbert  @eromano
+
+ # In this example, @doctocat owns any files in the build/logs
+# directory at the root of the repository and any of its
+# subdirectories.
+#/build/logs/ @doctocat
+
+ # The `docs/*` pattern will match files like
+# `docs/getting-started.md` but not further nested files like
+# `docs/build-app/troubleshooting.md`.
+#docs/*  docs@example.com
+
+ # In this example, @octocat owns any file in an apps directory
+# anywhere in your repository.
+#apps/ @octocat
+
+ # In this example, @doctocat owns any file in the `/docs`
+# directory in the root of your repository.
+#/docs/ @doctocat

.gitignore

@@ -3,32 +3,22 @@ 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/
 /demo-shell/dist-dev-temp/
 /lib/export-new.json
 /lib/config/exportCheck.js
-/lib/config/export-check/export-new.json
-/lib/config/export-check/exportCheck.js
 /docs/sourceinfo
 /docs/docs.json
 /protractorFailuresReport
 coverage/
 /desktop.ini
+out-tsc

.travis.yml

@@ -1,12 +1,13 @@
 git:
   depth: 3
   quiet: true
+
 language: node_js
 dist: trusty
 sudo: required
 node_js:
  # Use the explicit NodeJS LTS version 8.9.4 to avoid any automatic upgrade of the version.
-  - '8.9.4'
+  - '10.16.0'
 
 install:
     echo "no install"
@@ -15,17 +16,31 @@ 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: Lint & Build Dist
+    if: type = pull_request
+  - name: Lint & Build Dist & Release
+    if: (type = push OR type = cron) AND tag IS blank
+  - name: Check bundle
+    if: type = push AND tag IS blank
   - name: Unit test
+    if: type != cron AND tag IS blank
+  - name: Update Rancher
+    if: type = push AND tag IS blank
   - name: e2e Test
-  - name: Create Docker PR
-  - name: Deploy Docker PR
+    if: type != cron AND tag IS blank
+  - name: Update Rancher PR
+    if: type = pull_request
+  - name: Update Children Projects
+    if: branch = master AND type = push OR (tag =~ .*beta.*)
+  - name: Release beta tag
+    if: type = cron
 
 addons:
     chrome: stable
@@ -39,160 +54,96 @@ 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
+        # Run Only for any PR
+        - stage: Lint & Build Dist
+          name:  Lint & Build Dist
           script:
-          - ./scripts/npm-build-all.sh || exit 1
-        - stage: Warm Up Cache & Lint & Build Dist
-          script:
-          - ./scripts/update-version.sh -gnu -alpha || exit 1
-          - npm install
-          - ./scripts/lint.sh || exit 1
-          - 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
-        - stage: Unit test
-          name: core
-          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
-          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
-          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
-          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/build/build.sh || exit 1;
+            - ./scripts/lint.sh || exit 1;
 
-# Send coverage data to codecov
-after_success:
-    bash <(curl -s https://codecov.io/bash) -X gcov
+        # Run Only on Development and master
+        - stage: Lint & Build Dist & Release
+          name:  Lint & Build Dist & Release
+          script:
+            - ./scripts/travis/build/build.sh || exit 1;
+            - ./scripts/lint.sh || exit 1;
+            - ./scripts/travis/release/release.sh
+            - TAG_VERSION=$(./scripts/travis/deploy/tag-travis-branch.sh)
+            - echo "Running the docker with tag" $TAG_VERSION
+            - ./node_modules/@alfresco/adf-cli/bin/adf-cli docker-publish --loginCheck --loginUsername "$DOCKER_REPOSITORY_USER" --loginPassword "$DOCKER_REPOSITORY_PASSWORD" --loginRepo "$DOCKER_REPOSITORY_DOMAIN" --dockerRepo "$DOCKER_REPOSITORY" --dockerTags "$TAG_VERSION,$TAGS" --pathProject "$(pwd)"
 
 
+        - 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: Update Children Projects
+          script: ./scripts/travis/update/update-children.sh
+
+        - stage: Release beta tag
+          script: ./scripts/travis/release/git-tag-beta.sh
+
+
+        - stage: e2e Test
+          name: core
+          script: ./scripts/travis/e2e/core-e2e.sh
+        - stage: e2e Test
+          name:  content
+          script: ./scripts/travis/e2e/content-services-e2e.sh
+        - stage: e2e Test
+          name:  search
+          script: ./scripts/travis/e2e/search-e2e.sh
+        - stage: e2e Test
+          name: process
+          script: ./scripts/travis/e2e/process-services-e2e.sh
+        - stage: e2e Test
+          name: process Cloud
+          script: ./scripts/travis/e2e/process-services-cloud-e2e.sh
+
+
+        - stage: Check bundle
+          script:
+          - ADF_VERSION=$(npm view @alfresco/adf-core@${TAG_NPM} version)
+          - ./scripts/npm-check-bundles.sh -v ${ADF_VERSION}
+
+
+        - stage: Update Rancher
+          script:
+          - TAG_VERSION=$(./scripts/travis/deploy/tag-travis-branch.sh)
+          - echo "Update rancher with docker tag" $TAG_VERSION  --url $REPO_RANCHER --environment_name $REPO_RANCHER_ADF_NAME
+          - ./scripts/rancher-update.sh --access_key $RANCHER_TOKEN --secret_key $RANCHER_SECRET --url $REPO_RANCHER --environment_name $REPO_RANCHER_ADF_NAME --image docker:$DOCKER_REPOSITORY:$TAG_VERSION
+
+
+        - stage: Update Rancher PR
+          name: Update Rancher PR
+          script: ./scripts/travis/deploy/deploy.sh
+
+
+before_deploy:
+  # Set up git user name and tag this commit
+  - git config --local user.name "Alfresco"
+  - export TRAVIS_TAG=$(cat package.json | grep version | head -1 | awk -F= "{ print $2 }" | sed 's/[version:,\",]//g' | tr -d '[[:space:]]')
+  - echo "Create tag:" $TRAVIS_TAG
+  - git tag $TRAVIS_TAG
+
+deploy:
+  provider: releases
+  api_key: $GITHUB_TOKEN
+  name: $TRAVIS_TAG
+  body: "Add the release note"
+  skip_cleanup: true
+  on:
+    branch: master
+
 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.

README.md

@@ -14,7 +14,7 @@
   <a href='https://github.com/Alfresco/alfresco-ng2-components/blob/master/LICENSE'>
      <img src='https://img.shields.io/hexpm/l/plug.svg' alt='license' />
   </a>
-</p>
+</p
 
 ## Introduction
 

angular.json

@@ -23,9 +23,8 @@
             },
             "assets": [
               "demo-shell/src/assets",
-              "demo-shell/src/favicon.ico",
+              "demo-shell/src/favicon-96x96.png",
               "demo-shell/src/app.config.json",
-              "demo-shell/src/versions.json",
               {
                 "glob": "**/*",
                 "input": "demo-shell/resources",
@@ -78,6 +77,8 @@
               }
             ],
             "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
               "demo-shell/src/styles.scss",
               "demo-shell/src/custom-style.scss"
             ],
@@ -106,6 +107,14 @@
                   "with": "demo-shell/src/environments/environment.prod.ts"
                 }
               ]
+            },
+            "e2e": {
+              "fileReplacements": [
+                {
+                  "replace": "demo-shell/src/environments/environment.ts",
+                  "with": "demo-shell/src/environments/environment.e2e.ts"
+                }
+              ]
             }
           }
         },
@@ -113,11 +122,17 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
             "browserTarget": "dist:build",
-            "port": 3000
+            "host": "0.0.0.0",
+            "port": 3000,
+            "proxyConfig": "demo-shell/proxy.conf.js",
+            "disableHostCheck": true
           },
           "configurations": {
             "production": {
               "browserTarget": "dist:build:production"
+            },
+            "e2e": {
+              "browserTarget": "dist:build:e2e"
             }
           }
         },
@@ -141,14 +156,15 @@
               "node_modules/moment/min/moment.min.js"
             ],
             "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
               "demo-shell/src/styles.scss",
               "demo-shell/src/custom-style.scss"
             ],
             "assets": [
               "demo-shell/src/assets",
-              "demo-shell/src/favicon.ico",
+              "demo-shell/src/favicon-96x96.png",
               "demo-shell/src/app.config.json",
-              "demo-shell/src/versions.json",
               {
                 "glob": "**/*",
                 "input": "demo-shell/resources",
@@ -209,7 +225,8 @@
               "./demo-shell/src/tsconfig.app.json"
             ],
             "exclude": [
-              "**/node_modules/**/*"
+              "**/node_modules/**/*",
+              "package.json"
             ]
           }
         }
@@ -236,7 +253,6 @@
             "assets": [
               "demo-shell/src/assets",
               "demo-shell/src/app.config.json",
-              "demo-shell/src/versions.json",
               {
                 "glob": "**/*",
                 "input": "demo-shell/src/assets",
@@ -247,11 +263,6 @@
                 "input": "demo-shell/src",
                 "output": "/"
               },
-              {
-                "glob": "versions.json",
-                "input": "demo-shell/src",
-                "output": "/"
-              },
               {
                 "glob": "**/*",
                 "input": "demo-shell/resources",
@@ -299,7 +310,7 @@
               },
               {
                 "glob": "**/*",
-                "input": "lib/process-services/i18n",
+                "input": "lib/process-services/src/lib/i18n",
                 "output": "/assets/adf-process-services/i18n"
               },
               {
@@ -324,6 +335,8 @@
               }
             ],
             "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
               "demo-shell/src/styles.scss",
               "demo-shell/src/custom-style-dev.scss"
             ],
@@ -352,6 +365,14 @@
                   "with": "demo-shell/src/environments/environment.prod.ts"
                 }
               ]
+            },
+            "e2e": {
+              "fileReplacements": [
+                {
+                  "replace": "demo-shell/src/environments/environment.ts",
+                  "with": "demo-shell/src/environments/environment.e2e.ts"
+                }
+              ]
             }
           }
         },
@@ -359,11 +380,17 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
             "browserTarget": "dev:build",
-            "port": 3000
+            "host": "0.0.0.0",
+            "port": 3000,
+            "proxyConfig": "demo-shell/proxy.conf.js",
+            "disableHostCheck": true
           },
           "configurations": {
             "production": {
               "browserTarget": "dev:build:production"
+            },
+            "e2e": {
+              "browserTarget": "dev:build:e2e"
             }
           }
         },
@@ -387,13 +414,14 @@
               "node_modules/moment/min/moment.min.js"
             ],
             "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
               "demo-shell/src/styles.scss",
               "demo-shell/src/custom-style-dev.scss"
             ],
             "assets": [
               "demo-shell/src/assets",
               "demo-shell/src/app.config.json",
-              "demo-shell/src/versions.json",
               {
                 "glob": "**/*",
                 "input": "demo-shell/src/assets",
@@ -404,11 +432,6 @@
                 "input": "demo-shell/src",
                 "output": "/"
               },
-              {
-                "glob": "versions.json",
-                "input": "demo-shell/src",
-                "output": "/"
-              },
               {
                 "glob": "**/*",
                 "input": "demo-shell/resources",
@@ -456,7 +479,7 @@
               },
               {
                 "glob": "**/*",
-                "input": "lib/process-services/i18n",
+                "input": "lib/process-services/src/lib/i18n",
                 "output": "/assets/adf-process-services/i18n"
               },
               {
@@ -489,7 +512,8 @@
               "./demo-shell/src/tsconfig.app.json"
             ],
             "exclude": [
-              "**/node_modules/**/*"
+              "**/node_modules/**/*",
+              "package.json"
             ]
           }
         }
@@ -516,14 +540,16 @@
         "e2e": {
           "builder": "@angular-devkit/build-angular:protractor",
           "options": {
-            "protractorConfig": "./protractor.conf.js",
+            "protractorConfig": "./protractor.conf.ts",
             "devServerTarget": "lib-e2e-test:serve"
           }
         },
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "tsConfig": [],
+            "tsConfig": [
+              "./e2e/tsconfig.e2e.json"
+            ],
             "exclude": [
               "**/node_modules/**/*"
             ]
@@ -540,7 +566,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 +579,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 +589,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 +608,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 +621,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 +631,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 +650,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": {
@@ -636,8 +662,8 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "lib/process-services/test.ts",
-            "tsConfig": "lib/process-services/tsconfig.json",
+            "main": "lib/process-services/src/test.ts",
+            "tsConfig": "lib/process-services/tsconfig.spec.json",
             "karmaConfig": "lib/process-services/karma.conf.js",
             "codeCoverage": true,
             "sourceMap": true
@@ -647,8 +673,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.spec.json"
             ],
             "exclude": [
               "**/node_modules/**"
@@ -708,7 +734,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 +747,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 +757,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 +803,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"

appveyor.yml

@@ -1,63 +0,0 @@
-# Test against this version of Node.js
-branches:
-  only:
-    - master
-    - development
-    - dev-build-test
-
-environment:
-  nodejs_version: "8"
-
-  matrix:
-    - COMPONENT_NAME: process-service
-    - COMPONENT_NAME: content-service
-    - COMPONENT_NAME: core
-    - COMPONENT_NAME: insights
-#  - COMPONENT_NAME: ng2-demo-shell
-
-# Install scripts. (runs after repo cloning)
-install:
-  # Get the latest stable version of Node.js or io.js
-  - ps: Install-Product node $env:nodejs_version
-  # install module
-  - if %COMPONENT_NAME% EQU process-service (
-              if %APPVEYOR_REPO_BRANCH EQU master
-                (cd scripts && sh npm-build-all.sh -t "process-services"  || exit 1)
-              else
-                (cd scripts && sh npm-build-all.sh -t "process-services" -vjsapi alpha|| exit 1)
-    )
-  - if %COMPONENT_NAME% EQU content-service (
-              if %APPVEYOR_REPO_BRANCH EQU master
-                (cd scripts && sh npm-build-all.sh -t "content-services"  || exit 1)
-              else
-                (cd scripts && sh npm-build-all.sh -t "content-services" -vjsapi alpha|| exit 1)
-    )
-  - if %COMPONENT_NAME% EQU insights (
-              if %APPVEYOR_REPO_BRANCH EQU master
-                (cd scripts && sh npm-build-all.sh -t "insights"  || exit 1)
-              else
-                (cd scripts && sh npm-build-all.sh -t "insights" -vjsapi alpha|| exit 1)
-    )
-  - if %COMPONENT_NAME% EQU core (
-              if %APPVEYOR_REPO_BRANCH EQU master
-                (cd scripts && sh npm-build-all.sh -t "core"  || exit 1)
-              else
-                (cd scripts && sh npm-build-all.sh -t "core" -vjsapi alpha|| exit 1)
-    )
-  - if %COMPONENT_NAME% EQU process-service-cloud (
-              if %APPVEYOR_REPO_BRANCH EQU master
-                (cd scripts && sh npm-build-all.sh -t "process-services-cloud"  || exit 1)
-              else
-                (cd scripts && sh npm-build-all.sh -t "process-services-cloud" -vjsapi alpha|| exit 1)
-    )
-#  - if %COMPONENT_NAME% EQU ng2-demo-shell (
-#              if %APPVEYOR_REPO_BRANCH EQU master
-#                (cd scripts && sh start.sh -t -ss || exit 1)
-#              else
-#                (cd scripts && sh start.sh -dev -t -ss -vjsapi alpha || exit 1)
-#    )
-
-# Don't actually build.
-build: off
-matrix:
-  fast_finish: true

cspell.json

@@ -123,7 +123,13 @@
     "BASESHAREURL",
     "hardend",
     "filedata",
-    "uncheck"
+    "uncheck",
+    "subfolders",
+    "ECMBPM",
+    "processwithvariables",
+    "dropdownrestprocess",
+    "devops",
+    "mouseenter"
   ],
   "dictionaries": [
     "html",

demo-shell/.gitignore

@@ -52,7 +52,6 @@ app/**/*.d.ts
 
 !app/js/Polyline.js
 .idea
-**/versions.json
 
 
 dist/

demo-shell/karma.conf.js

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

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.5.0",
   "author": "Alfresco Software, Ltd.",
   "repository": {
     "type": "git",

demo-shell/proxy.conf.js

@@ -1,6 +1,8 @@
+var PROXY_HOST_ADF = process.env.PROXY_HOST_ADF;
+
 module.exports = {
     "/alfresco": {
-        "target": "http://localhost:8080",
+        "target": (PROXY_HOST_ADF || "http://localhost:8080"),
         "secure": false,
         "pathRewrite": {
             "^/alfresco/alfresco": ""
@@ -15,7 +17,7 @@ module.exports = {
         }
     },
     "/activiti-app": {
-        "target": "http://localhost:8080",
+        "target": (PROXY_HOST_ADF || "http://localhost:8080"),
         "secure": false,
         "pathRewrite": {
             "^/activiti-app/activiti-app": ""

demo-shell/resources/i18n/ar.json

@@ -0,0 +1,329 @@
+{
+  "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": "علامة",
+    "PIPES": "أنابيب",
+    "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": "التحديد المسبق للتحقق من الصحة"
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "تحديد متعدد",
+    "TESTING_MODE": "وضع الاختبار",
+    "SELECTION_MODE": "وضع التحديد",
+    "SELECTED_ROWS": "الصفوف المحدّدة",
+    "TASK_DETAILS_REDIRECTION": "عرض تفاصيل المهمة عند النقر فوق المهمة",
+    "PROCESS_DETAILS_REDIRECTION": "عرض تفاصيل العملية عند النقر على العملية",
+    "ACTION": {
+      "ACTION_TITLE": "إضافة إجراء",
+      "ACTION_MENU": "قائمة الإجراءات",
+      "CONTEX_MENU": "قائمة السياق",
+      "ACTION_VISIBLE": "مرئي",
+      "ACTION_DISABLE": "معطّل",
+      "ADD_BUTTON": "إضافة",
+      "KEY": "المفتاح",
+      "TITLE": "العنوان",
+      "ICON": "أيقونة",
+      "TASK_ID": "معرف المهمة",
+      "PROCESS_ID": "معرّف مثيل المعالجة",
+      "ACTION_TYPE": "نوع الإجراء"
+    }
+  }
+}

demo-shell/resources/i18n/cs.json

@@ -0,0 +1,329 @@
+{
+  "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",
+    "PIPES": "Potrubí",
+    "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"
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Hromadný výběr",
+    "TESTING_MODE": "Testovací režim",
+    "SELECTION_MODE": "Režim výběru",
+    "SELECTED_ROWS": "Vybrané řádky",
+    "TASK_DETAILS_REDIRECTION": "Zobrazit podrobnosti o úkolu při kliknutí na úkol",
+    "PROCESS_DETAILS_REDIRECTION": "Zobrazit podrobnosti o průběhu při kliknutí na proces",
+    "ACTION": {
+      "ACTION_TITLE": "Přidat akci",
+      "ACTION_MENU": "Nabídka akcí",
+      "CONTEX_MENU": "Místní nabídka",
+      "ACTION_VISIBLE": "Viditelné",
+      "ACTION_DISABLE": "Zakázat",
+      "ADD_BUTTON": "Přidat",
+      "KEY": "Klíč",
+      "TITLE": "Označení",
+      "ICON": "Ikona",
+      "TASK_ID": "ID úkolu",
+      "PROCESS_ID": "ID instance procesu",
+      "ACTION_TYPE": "Typ akce"
+    }
+  }
+}

demo-shell/resources/i18n/da.json

@@ -0,0 +1,329 @@
+{
+  "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",
+    "PIPES": "Rør",
+    "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"
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Multivalg",
+    "TESTING_MODE": "Testtilstand",
+    "SELECTION_MODE": "Valgtilstand",
+    "SELECTED_ROWS": "Valgte rækker",
+    "TASK_DETAILS_REDIRECTION": "Vis opgavedetaljer på opgave ved at klikke",
+    "PROCESS_DETAILS_REDIRECTION": "Vis behandlingsdetaljer for processen ved at klikke",
+    "ACTION": {
+      "ACTION_TITLE": "Tilføj handling",
+      "ACTION_MENU": "Menuen Handling",
+      "CONTEX_MENU": "Genvejsmenu",
+      "ACTION_VISIBLE": "Synlig",
+      "ACTION_DISABLE": "Deaktiver",
+      "ADD_BUTTON": "Tilføj",
+      "KEY": "Nøgle",
+      "TITLE": "Titel",
+      "ICON": "Ikon",
+      "TASK_ID": "Opgave-id",
+      "PROCESS_ID": "Procesforekomst-id",
+      "ACTION_TYPE": "Handlingstype"
+    }
+  }
+}

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",
@@ -76,6 +78,7 @@
     "UPLOADER": "Uploader",
     "WEBSCRIPT": "Webscript",
     "TAG": "Tag",
+    "PIPES": "Pipes",
     "TRASHCAN": "Papierkorb",
     "SOCIAL": "Soziale Funktionen",
     "SETTINGS": "Einstellungen",
@@ -92,7 +95,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,25 +295,35 @@
     "CUSTOMIZE_FILTERS": "Ihren Filter anpassen"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "Einzeln",
-    "MULTI": "Mehrfach",
-    "PRESELECTED_VALUE": "Vorausgewählter Wert"
-  },
-  "ABOUT": {
-    "TITLE": "Plugins",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "Name",
-      "VERSION": "Version",
-      "VENDOR": "Hersteller",
-      "LICENSE": "Lizenz",
-      "RUNTIME": "Laufzeit",
-      "DESCRIPTION": "Beschreibung"
-    }
+    "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"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Mehrfachauswahl",
     "TESTING_MODE": "Testmodus",
-    "SELECTION_MODE": "Auswahlmodus"
+    "SELECTION_MODE": "Auswahlmodus",
+    "SELECTED_ROWS": "Ausgewählte Zeilen",
+    "TASK_DETAILS_REDIRECTION": "Bei Klicken auf Aufgabe Aufgabendetails einblenden",
+    "PROCESS_DETAILS_REDIRECTION": "Bei Klicken auf Prozess Prozessdetails anzeigen",
+    "ACTION": {
+      "ACTION_TITLE": "Aktion hinzufügen",
+      "ACTION_MENU": "Aktionsmenü",
+      "CONTEX_MENU": "Kontextmenü",
+      "ACTION_VISIBLE": "Sichtbar",
+      "ACTION_DISABLE": "Deaktivieren",
+      "ADD_BUTTON": "Hinzufügen",
+      "KEY": "Schlüssel",
+      "TITLE": "Titel",
+      "ICON": "Symbol",
+      "TASK_ID": "Aufgaben-ID",
+      "PROCESS_ID": "Prozessinstanz-ID",
+      "ACTION_TYPE": "Aktionstyp"
+    }
   }
 }

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",
+    "PIPES": "Pipes",
     "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,23 +298,32 @@
     "SINGLE": "Single Selection",
     "MULTI": "Multiple Selection",
     "PRESELECTED_VALUE": "Preselect: ",
-    "ROLE": "Roles: "
-  },
-  "ABOUT": {
-    "TITLE": "Plugins",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "Name",
-      "VERSION": "Version",
-      "VENDOR": "Vendor",
-      "LICENSE": "License",
-      "RUNTIME": "Runtime",
-      "DESCRIPTION": "Description"
-    }
+    "ROLE": "Roles: ",
+    "APP_NAME": "Application Name",
+    "APP_FILTER_MODE": "Filter by application name",
+    "ROLE_FILTER_MODE": "Filter by role",
+    "PRESELECT_VALIDATION": "Preselect validation"
   },
   "SETTINGS_CLOUD": {
-      "MULTISELECTION": "Multiselection",
-      "TESTING_MODE": "Testing Mode",
-      "SELECTION_MODE": "Selection Mode"
+    "MULTISELECTION": "Multiselection",
+    "TESTING_MODE": "Testing Mode",
+    "SELECTION_MODE": "Selection Mode",
+    "SELECTED_ROWS": "Selected Rows",
+    "TASK_DETAILS_REDIRECTION": "Display task details on task click",
+    "PROCESS_DETAILS_REDIRECTION": "Display process details on process click",
+    "ACTION": {
+      "ACTION_TITLE": "Add Action",
+      "ACTION_MENU": "Action Menu",
+      "CONTEX_MENU": "Context Menu",
+      "ACTION_VISIBLE": "Visible",
+      "ACTION_DISABLE": "Disable",
+      "ADD_BUTTON": "Add",
+      "KEY": "Key",
+      "TITLE": "Title",
+      "ICON": "Icon",
+      "TASK_ID": "Task ID",
+      "PROCESS_ID": "Process Instance ID",
+      "ACTION_TYPE": "Action Type"
+    }
   }
 }

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",
@@ -76,6 +78,7 @@
     "UPLOADER": "Cargador",
     "WEBSCRIPT": "Webscript",
     "TAG": "Etiqueta",
+    "PIPES": "Tubos",
     "TRASHCAN": "Papelera",
     "SOCIAL": "Social",
     "SETTINGS": "Configuración",
@@ -92,7 +95,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,25 +295,35 @@
     "CUSTOMIZE_FILTERS": "Personalice su filtro"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "Individual",
-    "MULTI": "Múltiple",
-    "PRESELECTED_VALUE": "Valor preseleccionado"
-  },
-  "ABOUT": {
-    "TITLE": "Complementos",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "Nombre",
-      "VERSION": "Versión",
-      "VENDOR": "Proveedor",
-      "LICENSE": "Licencia",
-      "RUNTIME": "Tiempo de ejecución",
-      "DESCRIPTION": "Descripción"
-    }
+    "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"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Selección múltiple",
     "TESTING_MODE": "Modo de prueba",
-    "SELECTION_MODE": "Modo de selección"
+    "SELECTION_MODE": "Modo de selección",
+    "SELECTED_ROWS": "Filas seleccionadas",
+    "TASK_DETAILS_REDIRECTION": "Mostrar detalles de la tarea haciendo clic en la tarea",
+    "PROCESS_DETAILS_REDIRECTION": "Mostrar detalles del proceso al hacer clic en el proceso",
+    "ACTION": {
+      "ACTION_TITLE": "Añadir acción",
+      "ACTION_MENU": "Menú de acción",
+      "CONTEX_MENU": "Menú de contexto",
+      "ACTION_VISIBLE": "Visible",
+      "ACTION_DISABLE": "Desactivar",
+      "ADD_BUTTON": "Añadir",
+      "KEY": "Clave",
+      "TITLE": "Título",
+      "ICON": "Icono",
+      "TASK_ID": "ID de tarea",
+      "PROCESS_ID": "ID de instancia del proceso",
+      "ACTION_TYPE": "Tipo de acción"
+    }
   }
 }

demo-shell/resources/i18n/fi.json

@@ -0,0 +1,329 @@
+{
+  "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",
+    "PIPES": "Putket",
+    "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"
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Monivalinta",
+    "TESTING_MODE": "Testaustila",
+    "SELECTION_MODE": "Valintatila",
+    "SELECTED_ROWS": "Valitut rivit",
+    "TASK_DETAILS_REDIRECTION": "Näytä tehtävätiedot tehtävää napsauttamalla",
+    "PROCESS_DETAILS_REDIRECTION": "Näyttää prosessin tiedot prosessia napsautettaessa",
+    "ACTION": {
+      "ACTION_TITLE": "Lisää toiminto",
+      "ACTION_MENU": "Toiminnon valikko",
+      "CONTEX_MENU": "Pikavalikko",
+      "ACTION_VISIBLE": "Näkyvissä",
+      "ACTION_DISABLE": "Poista käytöstä",
+      "ADD_BUTTON": "Lisää",
+      "KEY": "Avain",
+      "TITLE": "Otsikko",
+      "ICON": "Kuvake",
+      "TASK_ID": "Tehtävätunnus",
+      "PROCESS_ID": "Prosessiesiintymätunnus",
+      "ACTION_TYPE": "Toiminnon tyyppi"
+    }
+  }
+}

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",
@@ -76,6 +78,7 @@
     "UPLOADER": "Chargeur",
     "WEBSCRIPT": "Script Web",
     "TAG": "Tag",
+    "PIPES": "Tuyaux",
     "TRASHCAN": "Corbeille",
     "SOCIAL": "Réseaux sociaux",
     "SETTINGS": "Paramètres",
@@ -92,7 +95,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,25 +295,35 @@
     "CUSTOMIZE_FILTERS": "Personnaliser votre filtre"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "Simple",
-    "MULTI": "Multi",
-    "PRESELECTED_VALUE": "Valeur présélectionnée"
-  },
-  "ABOUT": {
-    "TITLE": "Plugins",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "Nom",
-      "VERSION": "Version",
-      "VENDOR": "Fournisseur",
-      "LICENSE": "Licence",
-      "RUNTIME": "Java Runtime",
-      "DESCRIPTION": "Description"
-    }
+    "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"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Multisélection",
     "TESTING_MODE": "Mode de test",
-    "SELECTION_MODE": "Mode de sélection"
+    "SELECTION_MODE": "Mode de sélection",
+    "SELECTED_ROWS": "Lignes sélectionnées",
+    "TASK_DETAILS_REDIRECTION": "Afficher les détails de la tâche en cliquant dessus",
+    "PROCESS_DETAILS_REDIRECTION": "Afficher les détails du processus en cliquant dessus",
+    "ACTION": {
+      "ACTION_TITLE": "Ajouter une action",
+      "ACTION_MENU": "Menu Action",
+      "CONTEX_MENU": "Menu contextuel",
+      "ACTION_VISIBLE": "Visible",
+      "ACTION_DISABLE": "Désactiver",
+      "ADD_BUTTON": "Ajouter",
+      "KEY": "Clé",
+      "TITLE": "Titre",
+      "ICON": "Icône",
+      "TASK_ID": "ID de la tâche",
+      "PROCESS_ID": "ID de l'instance de processus",
+      "ACTION_TYPE": "Type d'action"
+    }
   }
 }

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",
@@ -76,6 +78,7 @@
     "UPLOADER": "Uploader",
     "WEBSCRIPT": "Webscript",
     "TAG": "Tag",
+    "PIPES": "Tubi",
     "TRASHCAN": "Cestino",
     "SOCIAL": "Social",
     "SETTINGS": "Impostazioni",
@@ -92,7 +95,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,25 +295,35 @@
     "CUSTOMIZE_FILTERS": "Personalizza il filtro"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "Singolo",
-    "MULTI": "Multiplo",
-    "PRESELECTED_VALUE": "Valore preselezionato"
-  },
-  "ABOUT": {
-    "TITLE": "Plug-in",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "Nome",
-      "VERSION": "Versione",
-      "VENDOR": "Fornitore",
-      "LICENSE": "Licenza",
-      "RUNTIME": "Runtime",
-      "DESCRIPTION": "Descrizione"
-    }
+    "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"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Selezione multipla",
     "TESTING_MODE": "Modalità di test",
-    "SELECTION_MODE": "Modalità di selezione"
+    "SELECTION_MODE": "Modalità di selezione",
+    "SELECTED_ROWS": "Righe selezionate",
+    "TASK_DETAILS_REDIRECTION": "Mostra dettagli compito dopo clic su compito",
+    "PROCESS_DETAILS_REDIRECTION": "Mostra i dettagli dopo il clic sul processo",
+    "ACTION": {
+      "ACTION_TITLE": "Aggiungi azione",
+      "ACTION_MENU": "Menu azione",
+      "CONTEX_MENU": "Menu contestuale",
+      "ACTION_VISIBLE": "Visibile",
+      "ACTION_DISABLE": "Disattiva",
+      "ADD_BUTTON": "Aggiungi",
+      "KEY": "Chiave",
+      "TITLE": "Titolo",
+      "ICON": "Icona",
+      "TASK_ID": "ID compito",
+      "PROCESS_ID": "ID istanza di processo",
+      "ACTION_TYPE": "Tipo di azione"
+    }
   }
 }

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": "ログイン",
@@ -76,6 +78,7 @@
     "UPLOADER": "アップローダー",
     "WEBSCRIPT": "Webscript",
     "TAG": "タグ",
+    "PIPES": "パイプ",
     "TRASHCAN": "ごみ箱",
     "SOCIAL": "ソーシャル",
     "SETTINGS": "設定",
@@ -92,7 +95,9 @@
     "ICONS": "アイコン",
     "PEOPLE_GROUPS_CLOUD": "メンバー/グループのクラウド",
     "PEOPLE_CLOUD": "メンバーのクラウドコンポーネント",
-    "GROUPS_CLOUD": "グループのクラウドコンポーネント"
+    "GROUPS_CLOUD": "グループのクラウドコンポーネント",
+    "CONFIRM-DIALOG": "確認ダイアログ",
+    "COMMUNITY": "Community"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -290,25 +295,35 @@
     "CUSTOMIZE_FILTERS": "フィルタのカスタマイズ"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "1 人",
-    "MULTI": "複数人",
-    "PRESELECTED_VALUE": "事前選択値"
-  },
-  "ABOUT": {
-    "TITLE": "プラグイン",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "名前",
-      "VERSION": "バージョン",
-      "VENDOR": "ベンダー",
-      "LICENSE": "ライセンス",
-      "RUNTIME": "ランタイム",
-      "DESCRIPTION": "説明"
-    }
+    "SINGLE": "1 つ選択",
+    "MULTI": "複数選択",
+    "PRESELECTED_VALUE": "事前選択: ",
+    "ROLE": "役割: ",
+    "APP_NAME": "アプリケーション名",
+    "APP_FILTER_MODE": "アプリケーション名でフィルタ",
+    "ROLE_FILTER_MODE": "役割でフィルタ",
+    "PRESELECT_VALIDATION": "事前選択の検証"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "複数選択",
     "TESTING_MODE": "テストモード",
-    "SELECTION_MODE": "選択モード"
+    "SELECTION_MODE": "選択モード",
+    "SELECTED_ROWS": "選択した行",
+    "TASK_DETAILS_REDIRECTION": "タスクのクリック時にタスクの詳細を表示",
+    "PROCESS_DETAILS_REDIRECTION": "プロセスのクリックでプロセスの詳細を表示",
+    "ACTION": {
+      "ACTION_TITLE": "処理の追加",
+      "ACTION_MENU": "処理メニュー",
+      "CONTEX_MENU": "コンテキストメニュー",
+      "ACTION_VISIBLE": "表示",
+      "ACTION_DISABLE": "無効",
+      "ADD_BUTTON": "追加",
+      "KEY": "キー",
+      "TITLE": "タイトル",
+      "ICON": "アイコン",
+      "TASK_ID": "タスク ID",
+      "PROCESS_ID": "プロセスインスタンス ID",
+      "ACTION_TYPE": "処理のタイプ"
+    }
   }
 }

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",
@@ -76,6 +78,7 @@
     "UPLOADER": "Opplaster",
     "WEBSCRIPT": "Webscript",
     "TAG": "Tagg",
+    "PIPES": "Rør",
     "TRASHCAN": "Søppelkurv",
     "SOCIAL": "Sosial",
     "SETTINGS": "Innstillinger",
@@ -92,7 +95,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,25 +295,35 @@
     "CUSTOMIZE_FILTERS": "Tilpass filteret ditt"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "Enkel",
-    "MULTI": "Flere",
-    "PRESELECTED_VALUE": "Forhåndsvalgt verdi"
-  },
-  "ABOUT": {
-    "TITLE": "Plugin-moduler",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "Navn",
-      "VERSION": "Versjon",
-      "VENDOR": "Leverandør",
-      "LICENSE": "Lisens",
-      "RUNTIME": "Kjøretid",
-      "DESCRIPTION": "Beskrivelse"
-    }
+    "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"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Flervalg",
     "TESTING_MODE": "Testmodus",
-    "SELECTION_MODE": "Valgmodus"
+    "SELECTION_MODE": "Valgmodus",
+    "SELECTED_ROWS": "Valgte rader",
+    "TASK_DETAILS_REDIRECTION": "Vis oppgavedetaljer ved oppgaveklikk",
+    "PROCESS_DETAILS_REDIRECTION": "Vis prosessdetaljer ved prosessklikk",
+    "ACTION": {
+      "ACTION_TITLE": "Legg til handling",
+      "ACTION_MENU": "Handlingsmeny",
+      "CONTEX_MENU": "Kontekstmeny",
+      "ACTION_VISIBLE": "Synlig",
+      "ACTION_DISABLE": "Deaktiver",
+      "ADD_BUTTON": "Legg til",
+      "KEY": "Nøkkel",
+      "TITLE": "Tittel",
+      "ICON": "Ikon",
+      "TASK_ID": "Oppgave-ID",
+      "PROCESS_ID": "Prosesstilfelle-ID",
+      "ACTION_TYPE": "Handlingstype"
+    }
   }
 }

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",
@@ -76,6 +78,7 @@
     "UPLOADER": "Uploader",
     "WEBSCRIPT": "Webscript",
     "TAG": "Tag",
+    "PIPES": "Pipes",
     "TRASHCAN": "Prullenbak",
     "SOCIAL": "Sociaal",
     "SETTINGS": "Instellingen",
@@ -92,7 +95,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,25 +295,35 @@
     "CUSTOMIZE_FILTERS": "Uw filter aanpassen"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "Eén",
-    "MULTI": "Multi",
-    "PRESELECTED_VALUE": "Vooraf geselecteerde waarde"
-  },
-  "ABOUT": {
-    "TITLE": "Plug-ins",
-    "TABLE_HEADERS": {
-      "ID": "Id",
-      "NAME": "Naam",
-      "VERSION": "Versie",
-      "VENDOR": "Leverancier",
-      "LICENSE": "Licentie",
-      "RUNTIME": "Runtime",
-      "DESCRIPTION": "Beschrijving"
-    }
+    "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"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Multiselectie",
     "TESTING_MODE": "Testmodus",
-    "SELECTION_MODE": "Selectiemodus"
+    "SELECTION_MODE": "Selectiemodus",
+    "SELECTED_ROWS": "Geselecteerde rijen",
+    "TASK_DETAILS_REDIRECTION": "Taakdetails weergeven bij klikken op taak",
+    "PROCESS_DETAILS_REDIRECTION": "Procesdetails weergeven bij klikken op proces",
+    "ACTION": {
+      "ACTION_TITLE": "Actie toevoegen",
+      "ACTION_MENU": "Actiemenu",
+      "CONTEX_MENU": "Contextmenu",
+      "ACTION_VISIBLE": "Zichtbaar",
+      "ACTION_DISABLE": "Uitschakelen",
+      "ADD_BUTTON": "Toevoegen",
+      "KEY": "Key",
+      "TITLE": "Titel",
+      "ICON": "Pictogram",
+      "TASK_ID": "Taak-ID",
+      "PROCESS_ID": "Procesinstantie-ID",
+      "ACTION_TYPE": "Actietype"
+    }
   }
 }

demo-shell/resources/i18n/pl.json

@@ -0,0 +1,329 @@
+{
+  "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",
+    "PIPES": "Rury",
+    "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"
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Wybór wielokrotny",
+    "TESTING_MODE": "Tryb testowania",
+    "SELECTION_MODE": "Tryb wyboru",
+    "SELECTED_ROWS": "Wybrane wiersze",
+    "TASK_DETAILS_REDIRECTION": "Wyświetlaj szczegóły zadania po kliknięciu zadania",
+    "PROCESS_DETAILS_REDIRECTION": "Wyświetlaj szczegóły procesu po kliknięciu procesu",
+    "ACTION": {
+      "ACTION_TITLE": "Dodaj czynność",
+      "ACTION_MENU": "Menu czynności",
+      "CONTEX_MENU": "Menu kontekstowe",
+      "ACTION_VISIBLE": "Widoczne",
+      "ACTION_DISABLE": "Wyłącz",
+      "ADD_BUTTON": "Dodaj",
+      "KEY": "Klucz",
+      "TITLE": "Tytuł",
+      "ICON": "Ikona",
+      "TASK_ID": "Identyfikator zadania",
+      "PROCESS_ID": "Identyfikator wystąpienia procesu",
+      "ACTION_TYPE": "Typ czynności"
+    }
+  }
+}

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",
@@ -76,6 +78,7 @@
     "UPLOADER": "Carregador",
     "WEBSCRIPT": "Webscript",
     "TAG": "Marca",
+    "PIPES": "Tubos",
     "TRASHCAN": "Lixeira",
     "SOCIAL": "Social",
     "SETTINGS": "Configurações",
@@ -92,7 +95,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": "Comunidade"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -290,25 +295,35 @@
     "CUSTOMIZE_FILTERS": "Personalizar seu filtro"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "Único",
-    "MULTI": "Múltiplo",
-    "PRESELECTED_VALUE": "Valor pré-selecionado"
-  },
-  "ABOUT": {
-    "TITLE": "Plugins",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "Nome",
-      "VERSION": "Versão",
-      "VENDOR": "Fornecedor",
-      "LICENSE": "Licença",
-      "RUNTIME": "Tempo de execução",
-      "DESCRIPTION": "Descrição"
-    }
+    "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"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Seleção Múltipla",
     "TESTING_MODE": "Modo de Teste",
-    "SELECTION_MODE": "Modo de Seleção"
+    "SELECTION_MODE": "Modo de Seleção",
+    "SELECTED_ROWS": "Linhas selecionadas",
+    "TASK_DETAILS_REDIRECTION": "Exibir detalhes da tarefa ao clicar na tarefa",
+    "PROCESS_DETAILS_REDIRECTION": "Exibir detalhes do processo ao clicar no processo",
+    "ACTION": {
+      "ACTION_TITLE": "Adicionar ação",
+      "ACTION_MENU": "Menu de ação",
+      "CONTEX_MENU": "Menu de contexto",
+      "ACTION_VISIBLE": "Visível",
+      "ACTION_DISABLE": "Desativar",
+      "ADD_BUTTON": "Adicionar",
+      "KEY": "Chave",
+      "TITLE": "Título",
+      "ICON": "Ícone",
+      "TASK_ID": "ID de tarefa",
+      "PROCESS_ID": "ID de instância de processo",
+      "ACTION_TYPE": "Tipo de ação"
+    }
   }
 }

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": "Войти",
@@ -76,6 +78,7 @@
     "UPLOADER": "Загрузчик",
     "WEBSCRIPT": "Webscript",
     "TAG": "Метка",
+    "PIPES": "Каналы",
     "TRASHCAN": "Корзина",
     "SOCIAL": "Социальный",
     "SETTINGS": "Параметры",
@@ -92,7 +95,9 @@
     "ICONS": "Значки",
     "PEOPLE_GROUPS_CLOUD": "Облако пользователей/групп",
     "PEOPLE_CLOUD": "Компонент облака «Пользователи»",
-    "GROUPS_CLOUD": "Компонент облака «Группы»"
+    "GROUPS_CLOUD": "Компонент облака «Группы»",
+    "CONFIRM-DIALOG": "Диалоговое окно подтверждения",
+    "COMMUNITY": "Community"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -290,25 +295,35 @@
     "CUSTOMIZE_FILTERS": "Настройка фильтра"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "Один",
-    "MULTI": "Несколько",
-    "PRESELECTED_VALUE": "Предустановленное значение"
-  },
-  "ABOUT": {
-    "TITLE": "Подключаемые модули",
-    "TABLE_HEADERS": {
-      "ID": "Идентификатор",
-      "NAME": "Имя",
-      "VERSION": "Версия",
-      "VENDOR": "Поставщик",
-      "LICENSE": "Лицензия",
-      "RUNTIME": "Среда выполнения",
-      "DESCRIPTION": "Описание"
-    }
+    "SINGLE": "Единичный выбор",
+    "MULTI": "Групповой выбор",
+    "PRESELECTED_VALUE": "Предварительный выбор: ",
+    "ROLE": "Роли: ",
+    "APP_NAME": "Имя приложения",
+    "APP_FILTER_MODE": "Фильтровать по имени приложения",
+    "ROLE_FILTER_MODE": "Фильтровать по роли",
+    "PRESELECT_VALIDATION": "Проверка предварительного выбора"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Выбор нескольких",
     "TESTING_MODE": "Режим тестирования",
-    "SELECTION_MODE": "Режим выбора"
+    "SELECTION_MODE": "Режим выбора",
+    "SELECTED_ROWS": "Выбранные ряды",
+    "TASK_DETAILS_REDIRECTION": "Отображать подробные сведения о задаче при нажатии на задачу",
+    "PROCESS_DETAILS_REDIRECTION": "Показывать сведения о процессе при нажатии на процессе",
+    "ACTION": {
+      "ACTION_TITLE": "Добавить действие",
+      "ACTION_MENU": "Меню действий",
+      "CONTEX_MENU": "Контекстное меню",
+      "ACTION_VISIBLE": "Видимый",
+      "ACTION_DISABLE": "Отключить",
+      "ADD_BUTTON": "Добавить",
+      "KEY": "Ключ",
+      "TITLE": "Заголовок",
+      "ICON": "Значок",
+      "TASK_ID": "ИД задачи",
+      "PROCESS_ID": "Идентификатор экземпляра процесса",
+      "ACTION_TYPE": "Тип действия"
+    }
   }
 }

demo-shell/resources/i18n/sv.json

@@ -0,0 +1,329 @@
+{
+  "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 uppladdningar",
+    "CUSTOM-PERMISSION-MESSAGE": "Aktivera anpassat behörighetsmeddelande",
+    "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": "Synlig sökväg",
+    "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",
+    "PIPES": "Pipes",
+    "TRASHCAN": "Papperskorg",
+    "SOCIAL": "Social",
+    "SETTINGS": "Inställningar",
+    "CONFIG-EDITOR": "Konfigurationseditor",
+    "OVERLAY_VIEWER": "Överlagringssvisare",
+    "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": "Flerval (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": "Flerval",
+    "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 fasettfö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"
+  },
+  "SETTINGS_CLOUD": {
+    "MULTISELECTION": "Flerval",
+    "TESTING_MODE": "Testläge",
+    "SELECTION_MODE": "Urvalsläge",
+    "SELECTED_ROWS": "Valda rader",
+    "TASK_DETAILS_REDIRECTION": "Visa uppgiftsdetaljer vid klick på uppgift",
+    "PROCESS_DETAILS_REDIRECTION": "Visa processinformation vid processklick",
+    "ACTION": {
+      "ACTION_TITLE": "Lägg till åtgärd",
+      "ACTION_MENU": "Åtgärdsmeny",
+      "CONTEX_MENU": "Innehållsmeny",
+      "ACTION_VISIBLE": "Synlig",
+      "ACTION_DISABLE": "Avaktivera",
+      "ADD_BUTTON": "Lägg till",
+      "KEY": "Nyckel",
+      "TITLE": "Titel",
+      "ICON": "Ikon",
+      "TASK_ID": "Uppgifts-ID",
+      "PROCESS_ID": "Processinstans-ID",
+      "ACTION_TYPE": "Åtgärdstyp"
+    }
+  }
+}

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": "登录",
@@ -76,6 +78,7 @@
     "UPLOADER": "上传程序",
     "WEBSCRIPT": "Webscript",
     "TAG": "标签",
+    "PIPES": "管道",
     "TRASHCAN": "垃圾桶",
     "SOCIAL": "社交",
     "SETTINGS": "设置",
@@ -92,7 +95,9 @@
     "ICONS": "图标",
     "PEOPLE_GROUPS_CLOUD": "人员/一组云",
     "PEOPLE_CLOUD": "人员云组件",
-    "GROUPS_CLOUD": "组云组件"
+    "GROUPS_CLOUD": "组云组件",
+    "CONFIRM-DIALOG": "确认对话",
+    "COMMUNITY": "Community"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -290,25 +295,35 @@
     "CUSTOMIZE_FILTERS": "自定义您的筛选器"
   },
   "PEOPLE_GROUPS_CLOUD": {
-    "SINGLE": "单个",
-    "MULTI": "多个",
-    "PRESELECTED_VALUE": "预选值"
-  },
-  "ABOUT": {
-    "TITLE": "插件",
-    "TABLE_HEADERS": {
-      "ID": "ID",
-      "NAME": "名称",
-      "VERSION": "版本",
-      "VENDOR": "供应商",
-      "LICENSE": "许可证",
-      "RUNTIME": "运行时",
-      "DESCRIPTION": "说明"
-    }
+    "SINGLE": "单个选择",
+    "MULTI": "多重选择",
+    "PRESELECTED_VALUE": "预先选择： ",
+    "ROLE": "角色： ",
+    "APP_NAME": "应用程序名称",
+    "APP_FILTER_MODE": "按应用程序名称筛选",
+    "ROLE_FILTER_MODE": "按角色筛选",
+    "PRESELECT_VALIDATION": "预先选择验证"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "多重选择",
     "TESTING_MODE": "测试模式",
-    "SELECTION_MODE": "选择模式"
+    "SELECTION_MODE": "选择模式",
+    "SELECTED_ROWS": "选定行",
+    "TASK_DETAILS_REDIRECTION": "单击任务时显示任务详情",
+    "PROCESS_DETAILS_REDIRECTION": "单击流程时显示流程详细信息",
+    "ACTION": {
+      "ACTION_TITLE": "添加操作",
+      "ACTION_MENU": "操作菜单",
+      "CONTEX_MENU": "上下文菜单",
+      "ACTION_VISIBLE": "可见",
+      "ACTION_DISABLE": "禁用",
+      "ADD_BUTTON": "添加",
+      "KEY": "Key",
+      "TITLE": "标题",
+      "ICON": "图标",
+      "TASK_ID": "任务 ID",
+      "PROCESS_ID": "流程实例 ID",
+      "ACTION_TYPE": "操作类型"
+    }
   }
 }

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

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

@@ -21,12 +21,12 @@ import { FormsModule } from '@angular/forms';
 import { FlexLayoutModule } from '@angular/flex-layout';
 import { ChartsModule } from 'ng2-charts';
 import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { BrowserAnimationsModule, NoopAnimationsModule } 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,46 +63,93 @@ 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 { ConfirmDialogExampleComponent } from './components/confirm-dialog/confirm-dialog-example.component';
+import { FormCloudDemoComponent } from './components/app-layout/cloud/form-demo/cloud-form-demo.component';
+import { environment } from '../environments/environment';
+import { AppCloudSharedModule } from './components/cloud/shared/cloud.shared.module';
+import { DemoErrorComponent } from './components/error/demo-error.component';
+
+import {
+    UserPreferenceCloudService,
+    PROCESS_FILTERS_SERVICE_TOKEN,
+    TASK_FILTERS_SERVICE_TOKEN
+} from '@alfresco/adf-process-services-cloud';
+
+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: [
         BrowserModule,
-        BrowserAnimationsModule,
+        environment.e2e ? NoopAnimationsModule : BrowserAnimationsModule,
         ReactiveFormsModule,
         routing,
         FormsModule,
         HttpClientModule,
         MaterialModule,
+        AppExtensionsModule,
         FlexLayoutModule,
         CoreModule.forRoot(),
         ContentModule.forRoot(),
         InsightsModule.forRoot(),
         ProcessModule.forRoot(),
+        ProcessServicesCloudModule,
+        ExtensionsModule.forRoot(),
         ThemePickerModule,
         ChartsModule,
-        MonacoEditorModule.forRoot(),
-        ProcessServicesCloudModule,
-        AppExtensionsModule.forRoot(),
-        GroupCloudModule
+        AppCloudSharedModule,
+        MonacoEditorModule.forRoot()
     ],
     declarations: [
         AppComponent,
-        LoginComponent,
         LogoutComponent,
         AppLayoutComponent,
         HomeComponent,
@@ -126,6 +173,7 @@ import { CloudSettingsComponent } from './components/app-layout/cloud/cloud-sett
         SharedLinkViewComponent,
         FormLoadingComponent,
         DemoPermissionComponent,
+        DemoErrorComponent,
         FormLoadingComponent,
         ReportIssueComponent,
         TreeViewSampleComponent,
@@ -134,19 +182,25 @@ import { CloudSettingsComponent } from './components/app-layout/cloud/cloud-sett
         TasksCloudDemoComponent,
         ProcessesCloudDemoComponent,
         TaskDetailsCloudDemoComponent,
+        CloudViewerComponent,
+        ProcessDetailsCloudDemoComponent,
         StartTaskCloudDemoComponent,
         StartProcessCloudDemoComponent,
         CloudBreadcrumbsComponent,
         CloudFiltersDemoComponent,
         TemplateDemoComponent,
         PeopleGroupCloudDemoComponent,
-        CloudSettingsComponent
+        ConfirmDialogExampleComponent,
+        FormCloudDemoComponent,
+        ConfirmDialogExampleComponent
     ],
     providers: [
         {
             provide: HTTP_INTERCEPTORS, useClass:
             AuthBearerInterceptor, multi: true
         },
+        { provide: PROCESS_FILTERS_SERVICE_TOKEN, useClass: UserPreferenceCloudService },
+        { provide: TASK_FILTERS_SERVICE_TOKEN, useClass: UserPreferenceCloudService },
         { provide: AppConfigService, useClass: DebugAppConfigService }, // not use this service in production
         {
             provide: TRANSLATION_PROVIDER,
@@ -164,7 +218,8 @@ import { CloudSettingsComponent } from './components/app-layout/cloud/cloud-sett
                 source: 'resources/lazy-loading'
             }
         },
-        PreviewService
+        PreviewService,
+        CoreAutomationService
     ],
     entryComponents: [
         VersionManagerDialogAdapterComponent,
@@ -172,4 +227,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,22 @@ 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 { DemoErrorComponent } from './components/error/demo-error.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 +68,8 @@ export const appRoutes: Routes = [
     {
         path: 'files/:nodeId/view',
         component: AppComponent,
-        canActivate: [ AuthGuardEcm ],
-        canActivateChild: [ AuthGuardEcm ],
+        canActivate: [AuthGuardEcm],
+        canActivateChild: [AuthGuardEcm],
         outlet: 'overlay',
         children: [
             {
@@ -77,62 +86,75 @@ export const appRoutes: Routes = [
         children: [
             {
                 path: '',
-                loadChildren: 'app/components/blob-preview/blob-preview.module#BlobPreviewModule'
+                loadChildren: 'app/components/file-view/file-view.module#FileViewModule'
             }
         ]
     },
     { 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: 'pipes',
+                children: [
+                    {
+                        path: '',
+                        loadChildren: 'app/components/pipes/pipes.module#AppPipesModule'
+                    }
+                ]
+            },
+            {
+                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 +165,9 @@ export const appRoutes: Routes = [
             },
             {
                 path: 'cloud',
+                canActivate: [AuthGuardSsoRoleService],
+                data: { roles: ['ACTIVITI_USER'], redirectUrl: '/error/403' },
+
                 children: [
                     {
                         path: '',
@@ -153,7 +178,13 @@ export const appRoutes: Routes = [
                         component: PeopleGroupCloudDemoComponent
                     },
                     {
-                        path: ':applicationName',
+                        path: 'community',
+                        loadChildren: 'app/components/cloud/community/community.module#AppCommunityModule'
+                    },
+                    {
+                        path: ':appName',
+                        canActivate: [AuthGuardSsoRoleService],
+                        data: { clientRoles: ['appName'], roles: ['ACTIVITI_USER'], redirectUrl: '/error/403' },
                         children: [
                             {
                                 path: '',
@@ -180,7 +211,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 +229,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 +247,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 +272,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 +378,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 +395,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
@@ -357,6 +415,10 @@ export const appRoutes: Routes = [
             },
             {
                 path: 'error/:id',
+                component: DemoErrorComponent
+            },
+            {
+                path: 'error/no-authorization',
                 component: ErrorContentComponent
             },
             {

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

@@ -1,51 +1,12 @@
-<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>
+<adf-about-github-link
+    [url]="url"
+    [version]="version">
+</adf-about-github-link>
 
-        <!-- $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>
+<adf-about-product-version>
+</adf-about-product-version>
 
-        <!-- $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>
+<adf-about-application-modules
+    [dependencies]="dependencies"
+    [showExtensions]="showExtensions">
+</adf-about-application-modules>

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

@@ -16,9 +16,7 @@
  */
 
 import { Component } from '@angular/core';
-import { ExtensionRef } from '@alfresco/adf-extensions';
-import { AppExtensionService } from '../../extensions/extension.service';
-import { Observable } from 'rxjs';
+import { name, version, commit, dependencies } from '../../../../../package.json';
 
 @Component({
     selector: 'app-about-page',
@@ -26,10 +24,13 @@ 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$;
+    url = `https://github.com/Alfresco/${name}/commits/${commit}`;
+    version = version;
+    dependencies = dependencies;
+    showExtensions = true;
+
+    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" data-automation-id="sidenav-layout">
 
     <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" data-automation-id="Logout" >
+                    <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

@@ -15,9 +15,11 @@
  * limitations under the License.
  */
 
-import { Component, ViewEncapsulation, OnInit } from '@angular/core';
-import { UserPreferencesService, AppConfigService, AlfrescoApiService } from '@alfresco/adf-core';
+import { Component, ViewEncapsulation, OnInit, OnDestroy } from '@angular/core';
+import { UserPreferencesService, AppConfigService, AlfrescoApiService, UserPreferenceValues } from '@alfresco/adf-core';
 import { HeaderDataService } from '../header-data/header-data.service';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
 
 @Component({
     templateUrl: 'app-layout.component.html',
@@ -27,34 +29,52 @@ import { HeaderDataService } from '../header-data/header-data.service';
     },
     encapsulation: ViewEncapsulation.None
 })
-
-export class AppLayoutComponent implements OnInit {
+export class AppLayoutComponent implements OnInit, OnDestroy {
+    private onDestroy$ = new Subject<boolean>();
 
     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: '/pipes', icon: 'layers', title: 'APP_LAYOUT.PIPES' },
         { 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 +88,7 @@ export class AppLayoutComponent implements OnInit {
     expandedSidenav = false;
 
     position = 'start';
+    direction = 'ltr';
 
     hideSidenav = false;
     showMenu = true;
@@ -89,14 +110,42 @@ export class AppLayoutComponent implements OnInit {
             this.expandedSidenav = expand;
         }
 
-        this.headerService.hideMenu.subscribe((show) => this.showMenu = show);
-        this.headerService.color.subscribe((color) => this.color = color);
-        this.headerService.title.subscribe((title) => this.title = title);
-        this.headerService.logo.subscribe((path) => this.logo = path);
-        this.headerService.redirectUrl.subscribe((redirectUrl) => this.redirectUrl = redirectUrl);
-        this.headerService.tooltip.subscribe((tooltip) => this.tooltip = tooltip);
-        this.headerService.position.subscribe((position) => this.position = position);
-        this.headerService.hideSidenav.subscribe((hideSidenav) => this.hideSidenav = hideSidenav);
+        this.headerService.hideMenu
+            .pipe(takeUntil(this.onDestroy$))
+            .subscribe(show => this.showMenu = show);
+
+        this.headerService.color
+            .pipe(takeUntil(this.onDestroy$))
+            .subscribe(color => this.color = color);
+
+        this.headerService.title
+            .pipe(takeUntil(this.onDestroy$))
+            .subscribe(title => this.title = title);
+
+        this.headerService.logo
+            .pipe(takeUntil(this.onDestroy$))
+            .subscribe(path => this.logo = path);
+
+        this.headerService.redirectUrl
+            .pipe(takeUntil(this.onDestroy$))
+            .subscribe(redirectUrl => this.redirectUrl = redirectUrl);
+
+        this.headerService.tooltip
+            .pipe(takeUntil(this.onDestroy$))
+            .subscribe(tooltip => this.tooltip = tooltip);
+
+        this.headerService.position
+            .pipe(takeUntil(this.onDestroy$))
+            .subscribe(position => this.position = position);
+
+        this.headerService.hideSidenav
+            .pipe(takeUntil(this.onDestroy$))
+            .subscribe(hideSidenav => this.hideSidenav = hideSidenav);
+    }
+
+    ngOnDestroy() {
+        this.onDestroy$.next(true);
+        this.onDestroy$.complete();
     }
 
     constructor(
@@ -111,7 +160,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/cloud-settings.component.ts

@@ -1,78 +0,0 @@
-/*!
- * @license
- * Copyright 2019 Alfresco Software, Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { Component, OnInit } from '@angular/core';
-import { CloudLayoutService } from './services/cloud-layout.service';
-
-@Component({
-    selector: 'app-cloud-settings',
-    templateUrl: './cloud-settings.component.html',
-    styleUrls: ['./cloud-settings.component.scss']
-})
-export class CloudSettingsComponent implements OnInit {
-
-    multiselect: boolean;
-    selectionMode: string;
-    testingMode: boolean;
-
-    selectionModeOptions = [
-        { value: '', title: 'None' },
-        { value: 'single', title: 'Single' },
-        { value: 'multiple', title: 'Multiple' }
-    ];
-
-    constructor(private cloudLayoutService: CloudLayoutService) { }
-
-    ngOnInit() {
-        this.cloudLayoutService.getCurrentSettings()
-            .subscribe((settings) => this.setCurrentSettings(settings));
-    }
-
-    setCurrentSettings(settings) {
-        if (settings.multiselect !== undefined) {
-            this.multiselect = settings.multiselect;
-        }
-        if (settings.testingMode !== undefined) {
-            this.testingMode = settings.testingMode;
-        }
-        if (settings.selectionMode !== undefined) {
-            this.selectionMode = settings.selectionMode;
-        }
-    }
-
-    toggleMultiselect() {
-        this.multiselect = !this.multiselect;
-        this.setSetting();
-    }
-
-    toggleTestingMode() {
-        this.testingMode = !this.testingMode;
-        this.setSetting();
-    }
-
-    onSelectionModeChange() {
-        this.setSetting();
-    }
-
-    setSetting() {
-        this.cloudLayoutService.setCurrentSettings({
-            multiselect: this.multiselect,
-            testingMode: this.testingMode,
-            selectionMode: this.selectionMode
-        });
-    }
-}

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" class="form-cloud-render">
+            <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" class="form-cloud-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, FormModel } from '@alfresco/adf-core';
+import { 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: FormModel;
+    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/services/cloud-layout.service.ts

@@ -1,68 +0,0 @@
-/*!
- * @license
- * Copyright 2019 Alfresco Software, Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { Injectable } from '@angular/core';
-import { Observable, BehaviorSubject } from 'rxjs';
-
-@Injectable({
-    providedIn: 'root'
-})
-export class CloudLayoutService {
-
-    private settings = {
-        multiselect: false,
-        testingMode: false,
-        selectionMode: 'single'
-    };
-
-    private filterTaskSubject: BehaviorSubject<any> = new BehaviorSubject({index: 0});
-    private filterTask$: Observable<any>;
-    private filterProcessSubject: BehaviorSubject<any> = new BehaviorSubject({index: 0});
-    private filterProcess$: Observable<any>;
-    private settingsSubject: BehaviorSubject<any> = new BehaviorSubject(this.settings);
-    private settings$: Observable<any>;
-
-    constructor() {
-        this.filterTask$ = this.filterTaskSubject.asObservable();
-        this.filterProcess$ = this.filterProcessSubject.asObservable();
-        this.settings$ = this.settingsSubject.asObservable();
-    }
-
-    getCurrentTaskFilterParam() {
-        return this.filterTask$;
-    }
-
-    setCurrentTaskFilterParam(param) {
-        this.filterTaskSubject.next(param);
-    }
-
-    getCurrentProcessFilterParam() {
-        return this.filterProcess$;
-    }
-
-    setCurrentProcessFilterParam(param) {
-        this.filterProcessSubject.next(param);
-    }
-
-    getCurrentSettings() {
-        return this.settings$;
-    }
-
-    setCurrentSettings(param) {
-        this.settingsSubject.next(param);
-    }
-}

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

@@ -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/blob-preview/bob-preview.component.html

@@ -1,5 +0,0 @@
-<adf-viewer 
-    [showViewer]="true" 
-    [blobFile]="content" 
-    [displayName]="name">
-</adf-viewer>

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

@@ -4,7 +4,9 @@
     <mat-card class="adf-card-view">
         <adf-card-view
             [properties]="properties"
-            [editable]="true">
+            [editable]="true"
+            [displayClearAction]="showClearDateAction"
+            [displayNoneOption]="showNoneOption">
         </adf-card-view>
     </mat-card>
 
@@ -22,6 +24,20 @@
         (change)="toggleEditable()"
         [checked]="isEditable">
         Editable
+    </mat-slide-toggle><br>
+    <mat-slide-toggle
+        id="adf-toggle-clear-date"
+        [color]="'primary'"
+        (change)="toggleClearDate()"
+        [checked]="showClearDateAction">
+        Show clear date icon
+    </mat-slide-toggle><br>
+    <mat-slide-toggle
+        id="adf-toggle-none-option"
+        [color]="'primary'"
+        (change)="toggleNoneOption()"
+        [checked]="showNoneOption">
+        Show none option
     </mat-slide-toggle>
 </p>
 

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

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, OnInit, ElementRef, ViewChild } from '@angular/core';
+import { Component, OnInit, ElementRef, ViewChild, OnDestroy } from '@angular/core';
 import {
     CardViewTextItemModel,
     CardViewDateItemModel,
@@ -27,29 +27,47 @@ import {
     CardViewSelectItemModel,
     CardViewUpdateService,
     CardViewMapItemModel,
-    UpdateNotification
+    UpdateNotification,
+    DecimalNumberPipe
 } from '@alfresco/adf-core';
-import { of } from 'rxjs';
+import { of, Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
 
 @Component({
     templateUrl: './card-view.component.html',
     styleUrls: ['./card-view.component.scss']
 })
-export class CardViewComponent implements OnInit {
+export class CardViewComponent implements OnInit, OnDestroy {
 
     @ViewChild('console') console: ElementRef;
 
     isEditable = true;
     properties: any;
     logs: string[];
+    showClearDateAction = false;
+    showNoneOption = false;
 
-    constructor(private cardViewUpdateService: CardViewUpdateService) {
+    private onDestroy$ = new Subject<boolean>();
+
+    constructor(private cardViewUpdateService: CardViewUpdateService,
+                private decimalNumberPipe: DecimalNumberPipe) {
         this.logs = [];
         this.createCard();
     }
 
+    respondToCardClick() {
+        this.logs.push(`clickable field`);
+    }
+
     ngOnInit() {
-        this.cardViewUpdateService.itemUpdated$.subscribe(this.onItemChange.bind(this));
+        this.cardViewUpdateService.itemUpdated$
+            .pipe(takeUntil(this.onDestroy$))
+            .subscribe(this.onItemChange.bind(this));
+    }
+
+    ngOnDestroy() {
+        this.onDestroy$.next(true);
+        this.onDestroy$.complete();
     }
 
     createCard() {
@@ -68,7 +86,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 +94,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({
@@ -98,7 +116,8 @@ export class CardViewComponent implements OnInit {
                 value: 9.9,
                 key: 'float',
                 default: 0.0,
-                editable: this.isEditable
+                editable: this.isEditable,
+                pipes: [{ pipe: this.decimalNumberPipe}]
             }),
             new CardViewKeyValuePairsItemModel({
                 label: 'CardView Key-Value Pairs Item',
@@ -118,6 +137,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();
+                }
             })
         ];
     }
@@ -138,6 +168,14 @@ export class CardViewComponent implements OnInit {
         this.createCard();
     }
 
+    toggleClearDate() {
+        this.showClearDateAction = !this.showClearDateAction;
+    }
+
+    toggleNoneOption() {
+        this.showNoneOption = !this.showNoneOption;
+    }
+
     reset() {
         this.isEditable = true;
         this.createCard();

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

@@ -19,26 +19,24 @@ import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 
 @Component({
-  selector: 'app-cloud-breadcrumbs',
-  templateUrl: './cloud-breadcrumb-component.html',
-  styleUrls: ['cloud-breadcrumb-component.scss']
+    selector: 'app-cloud-breadcrumbs',
+    templateUrl: './cloud-breadcrumb-component.html',
+    styleUrls: ['cloud-breadcrumb-component.scss']
 })
 export class CloudBreadcrumbsComponent implements OnInit {
+    appName: string;
+    filterName: string;
 
-  applicationName: string;
-  filterName: string;
+    constructor(private route: ActivatedRoute) {}
 
-  constructor(private route: ActivatedRoute) { }
-
-  ngOnInit() {
-    this.route.parent.params.subscribe((
-      params) => {
-      this.applicationName = params.applicationName;
-    });
-    this.route.queryParams.subscribe((params) => {
-      if (params.filterName) {
-        this.filterName = params.filterName;
-      }
-    });
-  }
+    ngOnInit() {
+        this.route.parent.params.subscribe(params => {
+            this.appName = params.appName;
+        });
+        this.route.queryParams.subscribe(params => {
+            if (params.filterName) {
+                this.filterName = params.filterName;
+            }
+        });
+    }
 }

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

@@ -46,8 +46,9 @@ export class CloudFiltersDemoComponent implements OnInit {
     ) {}
 
     ngOnInit() {
-        this.currentTaskFilter$ = this.cloudLayoutService.getCurrentTaskFilterParam();
-        this.currentProcessFilter$ = this.cloudLayoutService.getCurrentProcessFilterParam();
+        this.currentTaskFilter$ = this.cloudLayoutService.taskFilter$;
+        this.currentProcessFilter$ = this.cloudLayoutService.processFilter$;
+
         let root = '';
         if (this.route.snapshot && this.route.snapshot.firstChild) {
             root = this.route.snapshot.firstChild.url[0].path;
@@ -62,13 +63,13 @@ export class CloudFiltersDemoComponent implements OnInit {
     }
 
     onTaskFilterSelected(filter) {
-        this.cloudLayoutService.setCurrentTaskFilterParam({id: filter.id});
+        this.cloudLayoutService.setCurrentTaskFilterParam({id: filter && filter.id ? filter.id : ''});
         const currentFilter = Object.assign({}, filter);
         this.router.navigate([`/cloud/${this.appName}/tasks/`], { queryParams: currentFilter });
     }
 
     onProcessFilterSelected(filter) {
-        this.cloudLayoutService.setCurrentProcessFilterParam({id: filter.id});
+        this.cloudLayoutService.setCurrentProcessFilterParam({id: filter && filter.id ? filter.id : ''});
         const currentFilter = Object.assign({}, filter);
         this.router.navigate([`/cloud/${this.appName}/processes/`], { queryParams: currentFilter });
     }

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

@@ -15,26 +15,24 @@
  * limitations under the License.
  */
 
-import { ApiService } from './apiservice';
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { Params } from '@angular/router/src/shared';
 
-export class ProcessDefinitions {
+@Component({
+    selector: 'app-cloud-viewer',
+    templateUrl: './cloud-viewer.component.html'
+})
+export class CloudViewerComponent implements OnInit {
 
-    api: ApiService = new ApiService();
+    nodeId: string;
 
-    constructor() {
+    constructor(private route: ActivatedRoute) {
     }
 
-    async init(username, password) {
-        await this.api.login(username, password);
-    }
-
-    async getProcessDefinitions(appName) {
-        const path = '/' + appName + '-rb/v1/process-definitions';
-        const method = 'GET';
-
-        const queryParams = {};
-
-        const data = await this.api.performBpmOperation(path, method, queryParams, {});
-        return data;
+    ngOnInit() {
+        this.route.params.subscribe((params: Params) => {
+            this.nodeId = params['nodeId'];
+        });
     }
 }

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,95 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component, ViewEncapsulation, Input, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { 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.taskFilter$;
+        this.currentProcessFilter$ = this.cloudLayoutService.processFilter$;
+
+        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

@@ -15,26 +15,28 @@
  * limitations under the License.
  */
 
-import { Component, ViewChild, OnInit } from '@angular/core';
+import { Component, ViewChild, OnInit, OnDestroy } from '@angular/core';
 import {
     ProcessListCloudComponent,
     ProcessFilterCloudModel,
     ProcessListCloudSortingModel,
-    ProcessFiltersCloudComponent
+    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';
+import { CloudLayoutService } from '../services/cloud-layout.service';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { Pagination } from '@alfresco/js-api';
 
 @Component({
-    templateUrl: './processes-cloud-demo.component.html',
-    styleUrls: ['./processes-cloud-demo.component.scss']
+    templateUrl: './community-processes-cloud.component.html'
 })
-export class ProcessesCloudDemoComponent implements OnInit {
-
-    public static ACTION_SAVE_AS = 'SAVE_AS';
-    static PROCESS_FILTER_PROPERTY_KEYS = 'adf-edit-process-filter.properties';
+export class CommunityProcessesCloudDemoComponent implements OnInit, OnDestroy {
+    public static ACTION_SAVE_AS = 'saveAs';
+    static PROCESS_FILTER_PROPERTY_KEYS = 'adf-edit-process-filter';
 
     @ViewChild('processCloud')
     processCloud: ProcessListCloudComponent;
@@ -42,7 +44,7 @@ export class ProcessesCloudDemoComponent implements OnInit {
     @ViewChild('processFiltersCloud')
     processFiltersCloud: ProcessFiltersCloudComponent;
 
-    applicationName: string = '';
+    appName: string = '';
     isFilterLoaded: boolean;
 
     filterId: string = '';
@@ -52,17 +54,23 @@ export class ProcessesCloudDemoComponent implements OnInit {
     selectionMode: string;
     selectedRows: string[] = [];
     testingMode: boolean;
-    processFilterProperties: any[] = [];
+    processFilterProperties: any  = { filterProperties: [], sortProperties: [], actions: [] };
 
     editedFilter: ProcessFilterCloudModel;
 
+    private onDestroy$ = new Subject<boolean>();
+
     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>>(ProcessesCloudDemoComponent.PROCESS_FILTER_PROPERTY_KEYS);
+        const properties = this.appConfig.get<Array<any>>(
+            CommunityProcessesCloudDemoComponent.PROCESS_FILTER_PROPERTY_KEYS
+        );
+
         if (properties) {
             this.processFilterProperties = properties;
         }
@@ -70,33 +78,49 @@ 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) => {
-            this.isFilterLoaded = true;
-            this.onFilterChange(params);
-            this.filterId = params.id;
+            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));
+        this.cloudLayoutService
+            .settings$
+            .pipe(takeUntil(this.onDestroy$))
+            .subscribe(settings => this.setCurrentSettings(settings));
+    }
+
+    ngOnDestroy() {
+        this.onDestroy$.next(true);
+        this.onDestroy$.complete();
+    }
+
+    loadDefaultFilters() {
+        this.processFilterCloudService
+            .getProcessFilters('community')
+            .subscribe((filters: ProcessFilterCloudModel[]) => {
+                this.onFilterChange(filters[0]);
+            });
     }
 
     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;
         }
     }
 
-    onChangePageSize(event) {
+    onChangePageSize(event: Pagination) {
         this.userPreference.paginationSize = event.maxItems;
     }
 
@@ -104,19 +128,24 @@ export class ProcessesCloudDemoComponent implements OnInit {
         this.selectedRows = [];
     }
 
-    onRowClick($event) {
-        this.selectedRow = $event;
+    onRowClick(processInstanceId: string) {
+        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 })];
+        this.sortArray = [
+            new ProcessListCloudSortingModel({
+                orderBy: this.editedFilter.sort,
+                direction: this.editedFilter.order
+            })
+        ];
     }
 
     onProcessFilterAction(filterAction: any) {
         this.cloudLayoutService.setCurrentProcessFilterParam({ id: filterAction.filter.id });
-        if (filterAction.actionType === ProcessesCloudDemoComponent.ACTION_SAVE_AS) {
-            this.router.navigate([`/cloud/${this.applicationName}/processes/`], { queryParams: filterAction.filter });
+        if (filterAction.actionType === CommunityProcessesCloudDemoComponent.ACTION_SAVE_AS) {
+            this.router.navigate([`/cloud/community/processes/`], { queryParams: filterAction.filter });
         }
     }
 

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,144 @@
+/*!
+ * @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, OnDestroy } 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';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { Pagination } from '@alfresco/js-api';
+
+@Component({
+    templateUrl: './community-task-cloud.component.html',
+    styles: [`.adf-cloud-layout-tab-body .mat-tab-body-wrapper {
+        height: 100%;
+      }
+      `]
+})
+export class CommunityTasksCloudDemoComponent implements OnInit, OnDestroy {
+    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;
+
+    private onDestroy$ = new Subject<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
+            .settings$
+            .pipe(takeUntil(this.onDestroy$))
+            .subscribe(settings => this.setCurrentSettings(settings));
+    }
+
+    ngOnDestroy() {
+        this.onDestroy$.next(true);
+        this.onDestroy$.complete();
+    }
+
+    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: Pagination) {
+        this.userPreference.paginationSize = event.maxItems;
+    }
+
+    resetSelectedRows() {
+        this.selectedRows = [];
+    }
+
+    onRowClick(taskId: string) {
+        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-title {
+        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/community/community.module.ts

@@ -0,0 +1,97 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { CommonModule } from '@angular/common';
+import { CoreModule } from '@alfresco/adf-core';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import {
+    ProcessServicesCloudModule,
+    LocalPreferenceCloudService,
+    PROCESS_FILTERS_SERVICE_TOKEN,
+    TASK_FILTERS_SERVICE_TOKEN
+} from '@alfresco/adf-process-services-cloud';
+
+import { CommunityCloudComponent } from './community-cloud.component';
+import { CommunityTasksCloudDemoComponent } from './community-task-cloud.component';
+import { CommunityCloudFiltersDemoComponent } from './community-filters.component';
+import { CommunityProcessesCloudDemoComponent } from './community-processes-cloud.component';
+import { CommunityStartProcessCloudDemoComponent } from './community-start-process-cloud.component';
+import { CommunityStartTaskCloudDemoComponent } from './community-start-task-cloud.component';
+import { CommunityProcessDetailsCloudDemoComponent } from './community-process-details-cloud.component';
+import { CommunityTaskDetailsCloudDemoComponent } from './community-task-details-cloud.component';
+import { AppCloudSharedModule } from '../shared/cloud.shared.module';
+
+const routes: Routes = [
+    {
+        path: '',
+        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
+            }
+        ]
+    }
+];
+
+@NgModule({
+    imports: [
+        CommonModule,
+        CoreModule.forChild(),
+        ProcessServicesCloudModule,
+        RouterModule.forChild(routes),
+        AppCloudSharedModule,
+        FlexLayoutModule
+    ],
+    declarations: [
+        CommunityCloudComponent,
+        CommunityTasksCloudDemoComponent,
+        CommunityCloudFiltersDemoComponent,
+        CommunityProcessesCloudDemoComponent,
+        CommunityStartProcessCloudDemoComponent,
+        CommunityStartTaskCloudDemoComponent,
+        CommunityProcessDetailsCloudDemoComponent,
+        CommunityTaskDetailsCloudDemoComponent
+    ],
+    providers: [
+        { provide: PROCESS_FILTERS_SERVICE_TOKEN, useClass: LocalPreferenceCloudService },
+        { provide: TASK_FILTERS_SERVICE_TOKEN, useClass: LocalPreferenceCloudService }
+    ]
+})
+export class AppCommunityModule {}

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

@@ -16,8 +16,9 @@
  */
 
 import { Component, ViewEncapsulation } from '@angular/core';
-import { PeopleCloudComponent, GroupCloudComponent, GroupModel } from '@alfresco/adf-process-services-cloud';
-import { MatRadioChange } from '@angular/material';
+import { PeopleCloudComponent, GroupCloudComponent } from '@alfresco/adf-process-services-cloud';
+import { MatRadioChange, MatCheckboxChange } from '@angular/material';
+import { IdentityGroupModel } from '@alfresco/adf-core';
 
 @Component({
     selector: 'app-people-groups-cloud',
@@ -27,17 +28,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[] = [];
+    preSelectGroup: IdentityGroupModel[] = [];
+    selectedGroupList: IdentityGroupModel[] = [];
     groupRoles: string[];
+    groupAppName: string;
+    groupFilterMode: string = this.DEFAULT_FILTER_MODE;
 
     setPeoplePreselectValue(event: any) {
         this.preSelectUsers = this.getArrayFromString(event.target.value);
@@ -55,6 +62,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 +80,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);
@@ -91,11 +145,11 @@ export class PeopleGroupCloudDemoComponent {
         return this.groupMode === GroupCloudComponent.MODE_MULTIPLE;
     }
 
-    onRemoveGroup(group: GroupModel) {
+    onRemoveGroup(group: IdentityGroupModel) {
         this.preSelectGroup = this.preSelectGroup.filter((value: any) => value.id !== group.id);
     }
 
-    onSelectGroup(group: GroupModel) {
+    onSelectGroup(group: IdentityGroupModel) {
         if (this.groupMode === GroupCloudComponent.MODE_MULTIPLE) {
             this.preSelectGroup.push(group);
         }

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,68 @@
+<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"
+            [stickyHeader]="true"
+            [showActions]="actionMenu"
+            [showContextMenu]="contextMenu"
+            [multiselect]="multiselect"
+            (showRowActionsMenu)="onShowRowActionsMenu($event)"
+            (showRowContextMenu)="onShowRowContextMenu($event)"
+            (executeRowAction)="onExecuteRowAction($event)"
+            (rowClick)="onRowClick($event)"
+            (rowsSelected)="onRowsSelected($event)">
+        </adf-cloud-process-list>
+        <adf-pagination
+            [target]="processCloud"
+            (changePageSize)="onChangePageSize($event)"
+            (nextPage)="resetSelectedRows()"
+            (prevPage)="resetSelectedRows()">
+        </adf-pagination>
+        <div *ngIf="testingMode">
+            <div *ngIf="multiselect">
+                {{ 'SETTINGS_CLOUD.SELECTED_ROWS' | translate }}:
+                <ul>
+                    <li *ngFor="let row of selectedRows">{{ row.id }}</li>
+                </ul>
+            </div>
+            <div *ngIf="actionMenu">
+                <span>{{ 'SETTINGS_CLOUD.ACTION.ACTION_MENU' | translate }}:</span>
+                <br>
+                <div *ngIf="selectedAction">
+                    <span>{{ 'SETTINGS_CLOUD.ACTION.PROCESS_ID' | translate }}: {{ selectedAction.id }}</span><br>
+                    <span>{{ 'SETTINGS_CLOUD.ACTION.ACTION_TYPE' | translate }}: {{ selectedAction.actionType }}</span>
+                </div>
+            </div>
+            <div *ngIf="contextMenu">
+                <span>{{ 'SETTINGS_CLOUD.ACTION.CONTEX_MENU' | translate }}:</span>
+                <br>
+                <div *ngIf="selectedContextAction">
+                    <span>{{ 'SETTINGS_CLOUD.ACTION.PROCESS_ID' | translate }}: {{ selectedContextAction.id }}</span><br>
+                    <span>{{ 'SETTINGS_CLOUD.ACTION.ACTION_TYPE' | translate }}: {{ selectedContextAction.actionType }}</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

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

@@ -0,0 +1,190 @@
+/*!
+ * @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, OnDestroy } from '@angular/core';
+import {
+    ProcessListCloudComponent,
+    ProcessFilterCloudModel,
+    ProcessListCloudSortingModel,
+    ProcessFiltersCloudComponent
+} from '@alfresco/adf-process-services-cloud';
+
+import { ActivatedRoute, Router } from '@angular/router';
+import { UserPreferencesService, AppConfigService, DataCellEvent } from '@alfresco/adf-core';
+import { CloudLayoutService, CloudServiceSettings } from './services/cloud-layout.service';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { Pagination } from '@alfresco/js-api';
+
+@Component({
+    templateUrl: './processes-cloud-demo.component.html',
+    styleUrls: ['./processes-cloud-demo.component.scss']
+})
+export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
+
+    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;
+    actionMenu: boolean;
+    contextMenu: boolean;
+    actions: any[] = [];
+    selectedAction: { id: number, name: string, actionType: string};
+    selectedContextAction: { id: number, name: string, actionType: string};
+    processFilterProperties: any  = { filterProperties: [], sortProperties: [], actions: [] };
+    processDetailsRedirection: boolean;
+
+    editedFilter: ProcessFilterCloudModel;
+
+    private performAction$ = new Subject<any>();
+    private onDestroy$ = new Subject<boolean>();
+
+    constructor(
+        private route: ActivatedRoute,
+        private router: Router,
+        private cloudLayoutService: CloudLayoutService,
+        private userPreference: UserPreferencesService,
+        private appConfig: AppConfigService) {
+        const properties = this.appConfig.get<Array<any>>(ProcessesCloudDemoComponent.PROCESS_FILTER_PROPERTY_KEYS);
+        if (properties) {
+            this.processFilterProperties = properties;
+        }
+    }
+
+    ngOnInit() {
+        this.isFilterLoaded = false;
+        this.route.parent.params.subscribe((params) => {
+            this.appName = params.appName;
+        });
+
+        this.route.queryParams.subscribe((params) => {
+            this.isFilterLoaded = true;
+            this.onFilterChange(params);
+            this.filterId = params.id;
+        });
+
+        this.cloudLayoutService.settings$
+            .pipe(takeUntil(this.onDestroy$))
+            .subscribe(settings => this.setCurrentSettings(settings));
+        this.performContextActions();
+    }
+
+    ngOnDestroy() {
+        this.onDestroy$.next(true);
+        this.onDestroy$.complete();
+    }
+
+    setCurrentSettings(settings: CloudServiceSettings) {
+        if (settings) {
+            this.multiselect = settings.multiselect;
+            this.testingMode = settings.testingMode;
+            this.selectionMode = settings.selectionMode;
+            this.processDetailsRedirection = settings.processDetailsRedirection;
+            this.actionMenu = settings.actionMenu;
+            this.contextMenu = settings.contextMenu;
+            this.actions = settings.actions;
+        }
+    }
+
+    onChangePageSize(event: Pagination) {
+        this.userPreference.paginationSize = event.maxItems;
+    }
+
+    resetSelectedRows() {
+        this.selectedRows = [];
+    }
+
+    onRowClick(processInstanceId: string) {
+        if (!this.multiselect && this.selectionMode !== 'multiple' && this.processDetailsRedirection) {
+            this.router.navigate([`/cloud/${this.appName}/process-details/${processInstanceId}`]);
+        }
+    }
+
+    onFilterChange(query: any) {
+        this.editedFilter = Object.assign({}, query);
+        this.sortArray = [
+            new ProcessListCloudSortingModel({
+                orderBy: this.editedFilter.sort,
+                direction: this.editedFilter.order
+            })
+        ];
+    }
+
+    onProcessFilterAction(filterAction: any) {
+        this.cloudLayoutService.setCurrentProcessFilterParam({ id: filterAction.filter.id });
+        if (filterAction.actionType === ProcessesCloudDemoComponent.ACTION_SAVE_AS) {
+            this.router.navigate([`/cloud/${this.appName}/processes/`], { queryParams: filterAction.filter });
+        }
+    }
+
+    onRowsSelected(nodes) {
+        this.resetSelectedRows();
+        this.selectedRows = nodes.map((node) => node.obj.entry);
+    }
+
+    onShowRowActionsMenu(event: DataCellEvent) {
+        event.value.actions = this.actions;
+    }
+
+    onShowRowContextMenu(event: DataCellEvent) {
+        event.value.actions = this.actions.map((action) => {
+            return {
+                data: event.value.row['obj'],
+                model: action,
+                subject: this.performAction$
+
+            };
+        });
+    }
+
+    onExecuteRowAction(row: any) {
+        const value = row.value.row['obj'].entry;
+        const action = row.value.action;
+        this.selectedAction = {id: value.id, name: value.name, actionType: action.title};
+    }
+
+    performContextActions() {
+        this.performAction$
+          .pipe(takeUntil(this.onDestroy$))
+          .subscribe((action: any) => {
+            if (action) {
+              this.onExecuteContextAction(action);
+            }
+          });
+    }
+
+    onExecuteContextAction(contextAction: any) {
+        const value = contextAction.data.entry;
+        const action = contextAction.model;
+        this.selectedContextAction = {id: value.id, name: value.name, actionType: action.title};
+    }
+}

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

@@ -0,0 +1,80 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+
+export interface CloudServiceSettings {
+    multiselect: boolean;
+    actionMenu: boolean;
+    contextMenu: boolean;
+    testingMode: boolean;
+    taskDetailsRedirection: boolean;
+    processDetailsRedirection: boolean;
+    selectionMode: string;
+    actions: any[];
+}
+
+export interface FilterSettings {
+    id?: string;
+    index?: number;
+    key?: string;
+}
+
+export class ActionMenuModel {
+    constructor(
+        public key: string,
+        public icon: string,
+        public title: string,
+        public visible?: boolean,
+        public disabled?: boolean
+      ) {  }
+
+}
+
+@Injectable({
+    providedIn: 'root'
+})
+export class CloudLayoutService {
+
+    private settings: CloudServiceSettings = {
+        multiselect: false,
+        actionMenu: false,
+        contextMenu: false,
+        testingMode: false,
+        taskDetailsRedirection: true,
+        processDetailsRedirection: true,
+        selectionMode: 'single',
+        actions: []
+    };
+
+    taskFilter$ = new BehaviorSubject<FilterSettings>({index: 0});
+    processFilter$ = new BehaviorSubject<FilterSettings>({index: 0});
+    settings$ = new BehaviorSubject<CloudServiceSettings>(this.settings);
+
+    setCurrentTaskFilterParam(param: FilterSettings) {
+        this.taskFilter$.next(param);
+    }
+
+    setCurrentProcessFilterParam(param: FilterSettings) {
+        this.processFilter$.next(param);
+    }
+
+    setCurrentSettings(param: CloudServiceSettings) {
+        this.settings$.next(param);
+    }
+}

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

@@ -0,0 +1,71 @@
+<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]="actionMenu" (change)="toggleActionMenu()" data-automation-id="actionmenu">
+        {{ 'SETTINGS_CLOUD.ACTION.ACTION_MENU' | translate }}
+    </mat-slide-toggle>
+    <mat-slide-toggle [color]="'primary'" [checked]="contextMenu" (change)="toggleContextMenu()" data-automation-id="contextmenu">
+        {{ 'SETTINGS_CLOUD.ACTION.CONTEX_MENU' | translate }}
+    </mat-slide-toggle>
+    <mat-slide-toggle [color]="'primary'" [checked]="testingMode" (change)="toggleTestingMode()" data-automation-id="testingMode">
+        {{ 'SETTINGS_CLOUD.TESTING_MODE' | translate }}
+    </mat-slide-toggle>
+    <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>
+    <mat-card *ngIf="actionMenu || contextMenu">
+        <mat-card-header>
+          <mat-card-title>{{ 'SETTINGS_CLOUD.ACTION.ACTION_TITLE' | translate }}</mat-card-title>
+        </mat-card-header>
+        <mat-card-content>
+            <form [formGroup]="actionMenuForm" fxLayout="row" fxLayoutAlign="space-around center" fxLayoutGap="20px">
+                <mat-form-field fxFlex="23%">
+                    <input matInput formControlName="key" placeholder="{{ 'SETTINGS_CLOUD.ACTION.KEY' | translate }}">
+                </mat-form-field>
+
+                <mat-form-field fxFlex="23%">
+                    <input matInput formControlName="title" placeholder="{{ 'SETTINGS_CLOUD.ACTION.TITLE' | translate }}">
+                </mat-form-field>
+
+                <mat-form-field fxFlex="23%">
+                    <input matInput formControlName="icon" placeholder="{{ 'SETTINGS_CLOUD.ACTION.ICON' | translate }}"I>
+                </mat-form-field>
+                <mat-checkbox formControlName="visible">
+                    {{ 'SETTINGS_CLOUD.ACTION.ACTION_VISIBLE' | translate }}
+                </mat-checkbox>
+                <mat-checkbox formControlName="disabled">
+                    {{ 'SETTINGS_CLOUD.ACTION.ACTION_DISABLE' | translate }}
+                </mat-checkbox>
+                <button mat-raised-button (click)="addAction()">
+                        {{ 'SETTINGS_CLOUD.ACTION.ADD_BUTTON' | translate }}
+                </button>
+            </form>
+            <div *ngIf="actions.length > 0">
+                <mat-chip-list #chipList>
+                    <mat-chip *ngFor="let action of actions" [removable]="true">
+                        {{action.title}}
+                        <mat-icon
+                            matChipRemove
+                            (click)="removeAction(action)">
+                            cancel
+                        </mat-icon>
+                    </mat-chip>
+                </mat-chip-list>
+            </div>
+        </mat-card-content>
+    </mat-card>
+</div>