swapnil-verma-gl 0eb0ff167b
[ACA-4676][ACA-4678] Added Non Responsive Preview Dialog to viewer component (#8428)
* [ACA-4676] Added NonResponsivePreview dialog to download file incase file preview takes longer than a set period of time.

* [ACA-4676] Updated button positioning for non responsive preview dialog

* [ACA-4676] Added documentation for NonResponsivePreviewDialog functionality for viewer.component.ts

* [ACA-4676] Added unit tests for NonResponsivePreviewDialog

* [ACA-4676] Updated template of NonResponsivePreviewDialog to use components and directives from mat-dialog. Removed non-responsive-dialog.component.scss. Removed unused methods from non-responsive-dialog.component.ts

* [ACA-4676] Corrected typo in NonResponsivePreviewDialog unit tests

* [ACA-4676] Added test cases for NonResponsivePreviewDialog in viewer.component.ts. NOT WORKING

* [ACA-4676] Fixed test cases for non-responsive preview dialog. Moved NonResponsivePreview dialog tests to separate describe block. Updated component code to make properties and methods visible to testing environment

* [ACA-4676] Migrated viewer component test env setup from setupTestBed() to TestBed.configureTestingModule(). Moved NonResponsivePreviewDialog unit tests to inside parent Viewer component describe block

* [ACA-4676] Removed unused async tag. Added license info to non-responsive-dialog.component.ts and non-responsive-preview-actions.enum.ts

* [ACA-4676] Updated code to use "viewer" appConfig object instead of "preview-config". Added non-responsive-preview-actions.enum.ts to public-api.ts

* [ACA-4676] Resolved potential lint issues

* [ACA-4676] Updated non responsive preview to look for viewer config object inside app.config instead of preview-config

* [ACA-4676] Removed duplicate import for @adf/core. Added NonResponsiveDialogComponent to adf/core exports

* [ACA-4676] Renamed properties/config/documentation from nonResponsivePreview to downloadPrompt. Renamed NonResponsivePreviewActionsEnum to DownloadPromptActions.

* [ACA-4676] Resolved linting and unit test failures

* [ACA-4676] Changed dataType for timers to number. Updated code to use window.setTimeout(), instead of just setTimeout(). Added missing whitespace. Updated method names in demo shell to use 'downloadPrompt' naming scheme.

* [ACA-4676] Fixed incorrect import statement in viewer.module.ts for download-prompt-dialog

* [ACA-4676] Testing disabled by default behaviour of downloadPrompt feature

* [ACA-4676] Changed default value for enableDownloadPrompt and enableDownloadPromptReminders to false in app.config.json

* [ACA-4676] Removed un-needed AppConfig configurations from unit tests
2023-04-12 19:32:34 +05:30
..
🚀🚀🚀 Release 5.0.0-angular.13 🚀🚀🚀 (#7751)
2022-08-08 18:07:58 +02:00
2019-09-20 14:25:41 +01:00
2020-06-18 17:57:46 +01:00
2023-03-01 13:29:00 +00:00
2022-08-25 10:50:30 +01:00
2022-08-25 10:50:30 +01:00

ADF Demo Application

Please note that this application is not an official product, but a testing and demo application to showcase complex interactions of ADF components.

Installing

To correctly use this demo check that on your machine you have Node version 5.x.x or higher.

git clone https://github.com/Alfresco/alfresco-ng2-components.git
cd alfresco-ng2-components
npm install
npm start

Proxy settings and CORS

To simplify development and reduce the time to get the application started, we have the following Proxy settings:

The settings above address most common scenarios for running ACS on port 8080 and APS on port 9999 and allow you to skip the CORS configuration.

If you would like to change default proxy settings, please edit the proxy.conf.js file.

Application settings (server-side)

All server-side application settings are stored in the src/app.config.json. By default the configuration files have the content similar to the following one:

{
    "$schema": "../../lib/core/app-config/schema.json",
    "ecmHost": "http://{hostname}:{port}",
    "bpmHost": "http://{hostname}:{port}",
    "application": {
        "name": "Alfresco ADF Application"
    }
}

Development build

npm start

This command compiles and starts the project in watch mode. Browser will automatically reload upon changes. Upon start you can navigate to http://localhost:3000 with your preferred browser.

Important notes

This script is recommended for development environment and not suited for headless servers and network access.

Production build

npm run build
npm run start:prod

This command builds project in production mode. All output is placed to dist folder and can be served to your preferred web server. You should need no additional files outside the dist folder.

Development branch build

If you want to run the demo shell with the latest changes from the development branch, use the following command :

npm run start