diff --git a/How to/Restrict file downloading while exporting/.browserslistrc b/How to/Restrict file downloading while exporting/.browserslistrc new file mode 100644 index 0000000..4d4d1da --- /dev/null +++ b/How to/Restrict file downloading while exporting/.browserslistrc @@ -0,0 +1,16 @@ +# This file is used by the build system to adjust CSS and JS output to support the specified browsers below. +# For additional information regarding the format and rule options, please see: +# https://github.com/browserslist/browserslist#queries + +# For the full list of supported browsers by the Angular framework, please see: +# https://angular.io/guide/browser-support + +# You can see what browsers were selected by your queries by running: +# npx browserslist + +last 1 Chrome version +last 1 Firefox version +last 2 Edge major versions +last 2 Safari major versions +last 2 iOS major versions +Firefox ESR diff --git a/How to/Restrict file downloading while exporting/.editorconfig b/How to/Restrict file downloading while exporting/.editorconfig new file mode 100644 index 0000000..923742d --- /dev/null +++ b/How to/Restrict file downloading while exporting/.editorconfig @@ -0,0 +1,16 @@ +# Editor configuration, see https://editorconfig.org +root = true + +[*] +charset = utf-8 +indent_style = space +indent_size = 2 +insert_final_newline = true +trim_trailing_whitespace = true + +[*.ts] +quote_type = single + +[*.md] +max_line_length = off +trim_trailing_whitespace = false diff --git a/How to/Restrict file downloading while exporting/.gitignore b/How to/Restrict file downloading while exporting/.gitignore new file mode 100644 index 0000000..bf20915 --- /dev/null +++ b/How to/Restrict file downloading while exporting/.gitignore @@ -0,0 +1,42 @@ +# See http://help.github.com/ignore-files/ for more about ignoring files. + +# Compiled output +/dist +/tmp +/out-tsc +/bazel-out + +# Node +/node_modules +npm-debug.log +yarn-error.log + +# IDEs and editors +.idea/ +.project +.classpath +.c9/ +*.launch +.settings/ +*.sublime-workspace + +# Visual Studio Code +.vscode/* +!.vscode/settings.json +!.vscode/tasks.json +!.vscode/launch.json +!.vscode/extensions.json +.history/* + +# Miscellaneous +/.angular/cache +.sass-cache/ +/connect.lock +/coverage +/libpeerconnection.log +testem.log +/typings + +# System files +.DS_Store +Thumbs.db diff --git a/How to/Restrict file downloading while exporting/README.md b/How to/Restrict file downloading while exporting/README.md new file mode 100644 index 0000000..02e08b2 --- /dev/null +++ b/How to/Restrict file downloading while exporting/README.md @@ -0,0 +1,27 @@ +# MyApp + +This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.1. + +## Development server + +Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files. + +## Code scaffolding + +Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`. + +## Build + +Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. + +## Running unit tests + +Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io). + +## Running end-to-end tests + +Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities. + +## Further help + +To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page. diff --git a/How to/Restrict file downloading while exporting/angular.json b/How to/Restrict file downloading while exporting/angular.json new file mode 100644 index 0000000..784a9e1 --- /dev/null +++ b/How to/Restrict file downloading while exporting/angular.json @@ -0,0 +1,104 @@ +{ + "$schema": "./node_modules/@angular/cli/lib/config/schema.json", + "version": 1, + "newProjectRoot": "projects", + "projects": { + "my-app": { + "projectType": "application", + "schematics": {}, + "root": "", + "sourceRoot": "src", + "prefix": "app", + "architect": { + "build": { + "builder": "@angular-devkit/build-angular:browser", + "options": { + "outputPath": "dist/my-app", + "index": "src/index.html", + "main": "src/main.ts", + "polyfills": "src/polyfills.ts", + "tsConfig": "tsconfig.app.json", + "assets": [ + "src/favicon.ico", + "src/assets" + ], + "styles": [ + "src/styles.css" + ], + "scripts": [] + }, + "configurations": { + "production": { + "budgets": [ + { + "type": "initial", + "maximumWarning": "500kb", + "maximumError": "1mb" + }, + { + "type": "anyComponentStyle", + "maximumWarning": "2kb", + "maximumError": "4kb" + } + ], + "fileReplacements": [ + { + "replace": "src/environments/environment.ts", + "with": "src/environments/environment.prod.ts" + } + ], + "outputHashing": "all" + }, + "development": { + "buildOptimizer": false, + "optimization": false, + "vendorChunk": true, + "extractLicenses": false, + "sourceMap": true, + "namedChunks": true + } + }, + "defaultConfiguration": "production" + }, + "serve": { + "builder": "@angular-devkit/build-angular:dev-server", + "configurations": { + "production": { + "browserTarget": "my-app:build:production" + }, + "development": { + "browserTarget": "my-app:build:development" + } + }, + "defaultConfiguration": "development" + }, + "extract-i18n": { + "builder": "@angular-devkit/build-angular:extract-i18n", + "options": { + "browserTarget": "my-app:build" + } + }, + "test": { + "builder": "@angular-devkit/build-angular:karma", + "options": { + "main": "src/test.ts", + "polyfills": "src/polyfills.ts", + "tsConfig": "tsconfig.spec.json", + "karmaConfig": "karma.conf.js", + "assets": [ + "src/favicon.ico", + "src/assets" + ], + "styles": [ + "src/styles.css" + ], + "scripts": [] + } + } + } + } + }, + "cli": { + "analytics": false + } +} diff --git a/How to/Restrict file downloading while exporting/karma.conf.js b/How to/Restrict file downloading while exporting/karma.conf.js new file mode 100644 index 0000000..27f651e --- /dev/null +++ b/How to/Restrict file downloading while exporting/karma.conf.js @@ -0,0 +1,44 @@ +// Karma configuration file, see link for more information +// https://karma-runner.github.io/1.0/config/configuration-file.html + +module.exports = function (config) { + config.set({ + basePath: '', + frameworks: ['jasmine', '@angular-devkit/build-angular'], + plugins: [ + require('karma-jasmine'), + require('karma-chrome-launcher'), + require('karma-jasmine-html-reporter'), + require('karma-coverage'), + require('@angular-devkit/build-angular/plugins/karma') + ], + client: { + jasmine: { + // you can add configuration options for Jasmine here + // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html + // for example, you can disable the random execution with `random: false` + // or set a specific seed with `seed: 4321` + }, + clearContext: false // leave Jasmine Spec Runner output visible in browser + }, + jasmineHtmlReporter: { + suppressAll: true // removes the duplicated traces + }, + coverageReporter: { + dir: require('path').join(__dirname, './coverage/my-app'), + subdir: '.', + reporters: [ + { type: 'html' }, + { type: 'text-summary' } + ] + }, + reporters: ['progress', 'kjhtml'], + port: 9876, + colors: true, + logLevel: config.LOG_INFO, + autoWatch: true, + browsers: ['Chrome'], + singleRun: false, + restartOnFileChange: true + }); +}; diff --git a/How to/Restrict file downloading while exporting/package.json b/How to/Restrict file downloading while exporting/package.json new file mode 100644 index 0000000..434d749 --- /dev/null +++ b/How to/Restrict file downloading while exporting/package.json @@ -0,0 +1,39 @@ +{ + "name": "my-app", + "version": "0.0.0", + "scripts": { + "ng": "ng", + "start": "ng serve", + "build": "ng build", + "watch": "ng build --watch --configuration development", + "test": "ng test" + }, + "private": true, + "dependencies": { + "@angular/animations": "^14.0.0", + "@angular/common": "^14.0.0", + "@angular/compiler": "^14.0.0", + "@angular/core": "^14.0.0", + "@angular/forms": "^14.0.0", + "@angular/platform-browser": "^14.0.0", + "@angular/platform-browser-dynamic": "^14.0.0", + "@angular/router": "^14.0.0", + "@syncfusion/ej2-angular-pdfviewer": "*", + "rxjs": "~7.5.0", + "tslib": "^2.3.0", + "zone.js": "~0.11.4" + }, + "devDependencies": { + "@angular-devkit/build-angular": "^14.2.1", + "@angular/cli": "~14.2.1", + "@angular/compiler-cli": "^14.0.0", + "@types/jasmine": "~4.0.0", + "jasmine-core": "~4.3.0", + "karma": "~6.4.0", + "karma-chrome-launcher": "~3.1.0", + "karma-coverage": "~2.2.0", + "karma-jasmine": "~5.1.0", + "karma-jasmine-html-reporter": "~2.0.0", + "typescript": "~4.7.2" + } +} diff --git a/How to/Restrict file downloading while exporting/src/app/app-routing.module.ts b/How to/Restrict file downloading while exporting/src/app/app-routing.module.ts new file mode 100644 index 0000000..550bee5 --- /dev/null +++ b/How to/Restrict file downloading while exporting/src/app/app-routing.module.ts @@ -0,0 +1,10 @@ +import { NgModule } from '@angular/core'; +import { RouterModule, Routes } from '@angular/router'; + +const routes: Routes = []; + +@NgModule({ + imports: [RouterModule.forRoot(routes)], + exports: [RouterModule] +}) +export class AppRoutingModule { } diff --git a/How to/Restrict file downloading while exporting/src/app/app.component.css b/How to/Restrict file downloading while exporting/src/app/app.component.css new file mode 100644 index 0000000..e69de29 diff --git a/How to/Restrict file downloading while exporting/src/app/app.component.html b/How to/Restrict file downloading while exporting/src/app/app.component.html new file mode 100644 index 0000000..7a1f2b1 --- /dev/null +++ b/How to/Restrict file downloading while exporting/src/app/app.component.html @@ -0,0 +1,11 @@ +<div class="control-section"> + <div class="content-wrapper"> + <!--Render PDF Viewer component--> + <ejs-pdfviewer + id="pdfViewer" + [documentPath]="document" + (exportStart)="exportStart($event)" + style="height:640px;display:block" + ></ejs-pdfviewer> + </div> +</div> diff --git a/How to/Restrict file downloading while exporting/src/app/app.component.spec.ts b/How to/Restrict file downloading while exporting/src/app/app.component.spec.ts new file mode 100644 index 0000000..679aaa9 --- /dev/null +++ b/How to/Restrict file downloading while exporting/src/app/app.component.spec.ts @@ -0,0 +1,35 @@ +import { TestBed } from '@angular/core/testing'; +import { RouterTestingModule } from '@angular/router/testing'; +import { AppComponent } from './app.component'; + +describe('AppComponent', () => { + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [ + RouterTestingModule + ], + declarations: [ + AppComponent + ], + }).compileComponents(); + }); + + it('should create the app', () => { + const fixture = TestBed.createComponent(AppComponent); + const app = fixture.componentInstance; + expect(app).toBeTruthy(); + }); + + it(`should have as title 'my-app'`, () => { + const fixture = TestBed.createComponent(AppComponent); + const app = fixture.componentInstance; + expect(app.title).toEqual('my-app'); + }); + + it('should render title', () => { + const fixture = TestBed.createComponent(AppComponent); + fixture.detectChanges(); + const compiled = fixture.nativeElement as HTMLElement; + expect(compiled.querySelector('.content span')?.textContent).toContain('my-app app is running!'); + }); +}); diff --git a/How to/Restrict file downloading while exporting/src/app/app.component.ts b/How to/Restrict file downloading while exporting/src/app/app.component.ts new file mode 100644 index 0000000..326e35c --- /dev/null +++ b/How to/Restrict file downloading while exporting/src/app/app.component.ts @@ -0,0 +1,56 @@ +import { Component, ViewEncapsulation, OnInit } from '@angular/core'; +import { + PdfViewerComponent, + LinkAnnotationService, + BookmarkViewService, + MagnificationService, + ThumbnailViewService, + ToolbarService, + NavigationService, + TextSearchService, + TextSelectionService, + PrintService, + AnnotationService, + FormFieldsService, +} from '@syncfusion/ej2-angular-pdfviewer'; + +/** + * Default PdfViewer Controller + */ +@Component({ + selector: 'app-root', + templateUrl: 'app.component.html', + encapsulation: ViewEncapsulation.None, + providers: [ + LinkAnnotationService, + BookmarkViewService, + MagnificationService, + ThumbnailViewService, + ToolbarService, + NavigationService, + TextSearchService, + TextSelectionService, + PrintService, + AnnotationService, + FormFieldsService, + ], +}) +export class AppComponent { + public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf'; + ngOnInit(): void { + } + public exportStart(args): void { + // Perform custom logic here + if (args.exportData != null || args.formFieldData != null) { + args.cancel = true; + } + + // Cancelling the export operation + // args.cancel = true; + + // Allowing the export operation to proceed + //args.cancel = false; + + // Perform additional actions or logic based on your requirements + } +} \ No newline at end of file diff --git a/How to/Restrict file downloading while exporting/src/app/app.module.ts b/How to/Restrict file downloading while exporting/src/app/app.module.ts new file mode 100644 index 0000000..2816ed7 --- /dev/null +++ b/How to/Restrict file downloading while exporting/src/app/app.module.ts @@ -0,0 +1,17 @@ + +import { NgModule } from '@angular/core'; +import { BrowserModule } from '@angular/platform-browser'; +// import the PdfViewer Module for the PDF Viewer component +import { PdfViewerModule, LinkAnnotationService, BookmarkViewService, MagnificationService, ThumbnailViewService, + ToolbarService, NavigationService, TextSearchService, TextSelectionService, PrintService } from '@syncfusion/ej2-angular-pdfviewer'; +import { AppComponent } from './app.component'; + +@NgModule({ + //declaration of ej2-angular-pdfviewer module into NgModule + imports: [ BrowserModule, PdfViewerModule ], + declarations: [ AppComponent ], + bootstrap: [AppComponent], + providers: [LinkAnnotationService, BookmarkViewService, MagnificationService, +ThumbnailViewService, ToolbarService, NavigationService, TextSearchService, TextSelectionService, PrintService] +}) +export class AppModule { } diff --git a/How to/Restrict file downloading while exporting/src/assets/.gitkeep b/How to/Restrict file downloading while exporting/src/assets/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/How to/Restrict file downloading while exporting/src/environments/environment.prod.ts b/How to/Restrict file downloading while exporting/src/environments/environment.prod.ts new file mode 100644 index 0000000..0783a04 --- /dev/null +++ b/How to/Restrict file downloading while exporting/src/environments/environment.prod.ts @@ -0,0 +1,3 @@ +export const environment = { + production: true +}; diff --git a/How to/Restrict file downloading while exporting/src/environments/environment.ts b/How to/Restrict file downloading while exporting/src/environments/environment.ts new file mode 100644 index 0000000..4566f5d --- /dev/null +++ b/How to/Restrict file downloading while exporting/src/environments/environment.ts @@ -0,0 +1,16 @@ +// This file can be replaced during build by using the `fileReplacements` array. +// `ng build` replaces `environment.ts` with `environment.prod.ts`. +// The list of file replacements can be found in `angular.json`. + +export const environment = { + production: false +}; + +/* + * For easier debugging in development mode, you can import the following file + * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`. + * + * This import should be commented out in production mode because it will have a negative impact + * on performance if an error is thrown. + */ +// import 'zone.js/plugins/zone-error'; // Included with Angular CLI. diff --git a/How to/Restrict file downloading while exporting/src/favicon.ico b/How to/Restrict file downloading while exporting/src/favicon.ico new file mode 100644 index 0000000..997406a Binary files /dev/null and b/How to/Restrict file downloading while exporting/src/favicon.ico differ diff --git a/How to/Restrict file downloading while exporting/src/index.html b/How to/Restrict file downloading while exporting/src/index.html new file mode 100644 index 0000000..e01e663 --- /dev/null +++ b/How to/Restrict file downloading while exporting/src/index.html @@ -0,0 +1,15 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>MyApp</title> + <base href="/"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link rel="icon" type="image/x-icon" href="favicon.ico"> + <!--Refer style globally--> + <link href="//cdn.syncfusion.com/ej2/20.2.43/material.css" rel="stylesheet" /> +</head> +<body> + <app-root></app-root> +</body> +</html> diff --git a/How to/Restrict file downloading while exporting/src/main.ts b/How to/Restrict file downloading while exporting/src/main.ts new file mode 100644 index 0000000..22d822d --- /dev/null +++ b/How to/Restrict file downloading while exporting/src/main.ts @@ -0,0 +1,12 @@ +import { enableProdMode } from '@angular/core'; +import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; + +import { AppModule } from './app/app.module'; +import { environment } from './environments/environment'; + +if (environment.production) { + enableProdMode(); +} + +platformBrowserDynamic().bootstrapModule(AppModule) + .catch(err => console.error(err)); diff --git a/How to/Restrict file downloading while exporting/src/polyfills.ts b/How to/Restrict file downloading while exporting/src/polyfills.ts new file mode 100644 index 0000000..e7c5698 --- /dev/null +++ b/How to/Restrict file downloading while exporting/src/polyfills.ts @@ -0,0 +1,53 @@ +/** + * This file includes polyfills needed by Angular and is loaded before the app. + * You can add your own extra polyfills to this file. + * + * This file is divided into 2 sections: + * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers. + * 2. Application imports. Files imported after ZoneJS that should be loaded before your main + * file. + * + * The current setup is for so-called "evergreen" browsers; the last versions of browsers that + * automatically update themselves. This includes recent versions of Safari, Chrome (including + * Opera), Edge on the desktop, and iOS and Chrome on mobile. + * + * Learn more in https://angular.io/guide/browser-support + */ + +/*************************************************************************************************** + * BROWSER POLYFILLS + */ + +/** + * By default, zone.js will patch all possible macroTask and DomEvents + * user can disable parts of macroTask/DomEvents patch by setting following flags + * because those flags need to be set before `zone.js` being loaded, and webpack + * will put import in the top of bundle, so user need to create a separate file + * in this directory (for example: zone-flags.ts), and put the following flags + * into that file, and then add the following code before importing zone.js. + * import './zone-flags'; + * + * The flags allowed in zone-flags.ts are listed here. + * + * The following flags will work for all browsers. + * + * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame + * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick + * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames + * + * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js + * with the following flag, it will bypass `zone.js` patch for IE/Edge + * + * (window as any).__Zone_enable_cross_context_check = true; + * + */ + +/*************************************************************************************************** + * Zone JS is required by default for Angular itself. + */ +import 'zone.js'; // Included with Angular CLI. + + +/*************************************************************************************************** + * APPLICATION IMPORTS + */ diff --git a/How to/Restrict file downloading while exporting/src/styles.css b/How to/Restrict file downloading while exporting/src/styles.css new file mode 100644 index 0000000..be48074 --- /dev/null +++ b/How to/Restrict file downloading while exporting/src/styles.css @@ -0,0 +1,11 @@ +/* You can add global styles to this file, and also import other style files */ + +@import '../node_modules/@syncfusion/ej2-base/styles/material.css'; +@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css'; +@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css'; +@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css'; +@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css'; +@import '../node_modules/@syncfusion/ej2-popups/styles/material.css'; +@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css'; +@import '../node_modules/@syncfusion/ej2-pdfviewer/styles/material.css'; +@import '../node_modules/@syncfusion/ej2-notifications/styles/material.css'; diff --git a/How to/Restrict file downloading while exporting/src/test.ts b/How to/Restrict file downloading while exporting/src/test.ts new file mode 100644 index 0000000..e80b8a7 --- /dev/null +++ b/How to/Restrict file downloading while exporting/src/test.ts @@ -0,0 +1,26 @@ +// This file is required by karma.conf.js and loads recursively all the .spec and framework files + +import 'zone.js/testing'; +import { getTestBed } from '@angular/core/testing'; +import { + BrowserDynamicTestingModule, + platformBrowserDynamicTesting +} from '@angular/platform-browser-dynamic/testing'; + +declare const require: { + context(path: string, deep?: boolean, filter?: RegExp): { + <T>(id: string): T; + keys(): string[]; + }; +}; + +// First, initialize the Angular testing environment. +getTestBed().initTestEnvironment( + BrowserDynamicTestingModule, + platformBrowserDynamicTesting(), +); + +// Then we find all the tests. +const context = require.context('./', true, /\.spec\.ts$/); +// And load the modules. +context.keys().forEach(context); diff --git a/How to/Restrict file downloading while exporting/tsconfig.app.json b/How to/Restrict file downloading while exporting/tsconfig.app.json new file mode 100644 index 0000000..1bb4799 --- /dev/null +++ b/How to/Restrict file downloading while exporting/tsconfig.app.json @@ -0,0 +1,15 @@ +/* To learn more about this file see: https://angular.io/config/tsconfig. */ +{ + "extends": "./tsconfig.json", + "compilerOptions": { + "outDir": "./out-tsc/app", + "types": [] + }, + "files": [ + "src/main.ts", + "src/polyfills.ts" + ], + "include": [ + "src/**/*.d.ts" + ] +} diff --git a/How to/Restrict file downloading while exporting/tsconfig.json b/How to/Restrict file downloading while exporting/tsconfig.json new file mode 100644 index 0000000..8a2a2e0 --- /dev/null +++ b/How to/Restrict file downloading while exporting/tsconfig.json @@ -0,0 +1,32 @@ +/* To learn more about this file see: https://angular.io/config/tsconfig. */ +{ + "compileOnSave": false, + "compilerOptions": { + "baseUrl": "./", + "outDir": "./dist/out-tsc", + "forceConsistentCasingInFileNames": true, + "strict": true, + "noImplicitOverride": true, + "noPropertyAccessFromIndexSignature": true, + "noImplicitReturns": true, + "noFallthroughCasesInSwitch": true, + "sourceMap": true, + "declaration": false, + "downlevelIteration": true, + "experimentalDecorators": true, + "moduleResolution": "node", + "importHelpers": true, + "target": "es2020", + "module": "es2020", + "lib": [ + "es2020", + "dom" + ] + }, + "angularCompilerOptions": { + "enableI18nLegacyMessageIdFormat": false, + "strictInjectionParameters": true, + "strictInputAccessModifiers": true, + "strictTemplates": true + } +} diff --git a/How to/Restrict file downloading while exporting/tsconfig.spec.json b/How to/Restrict file downloading while exporting/tsconfig.spec.json new file mode 100644 index 0000000..46d75eb --- /dev/null +++ b/How to/Restrict file downloading while exporting/tsconfig.spec.json @@ -0,0 +1,18 @@ +/* To learn more about this file see: https://angular.io/config/tsconfig. */ +{ + "extends": "./tsconfig.json", + "compilerOptions": { + "outDir": "./out-tsc/spec", + "types": [ + "jasmine" + ] + }, + "files": [ + "src/test.ts", + "src/polyfills.ts" + ], + "include": [ + "src/**/*.spec.ts", + "src/**/*.d.ts" + ] +}