feat: managing onPassword requests

Ref #115

example/js/controllers/docCtrl.js

@@ -2,6 +2,7 @@ app.controller('DocCtrl', function($scope) {
 
   $scope.pdfName = 'Relativity: The Special and General Theory by Albert Einstein';
   $scope.pdfUrl = 'pdf/relativity.pdf';
+  $scope.pdfPassword = 'test';
   $scope.scroll = 0;
   $scope.loading = 'loading';
 
@@ -22,4 +23,12 @@ app.controller('DocCtrl', function($scope) {
     console.log(progressData);
   };
 
+  $scope.onPassword = function (updatePasswordFn, passwordResponse) {
+    if (passwordResponse === PDFJS.PasswordResponses.NEED_PASSWORD) {
+        updatePasswordFn($scope.pdfPassword);
+    } else if (passwordResponse === PDFJS.PasswordResponses.INCORRECT_PASSWORD) {
+        console.log('Incorrect password')
+    }
+  };
+
 });

readme.md

@@ -30,6 +30,7 @@ Check [`bower.json` file](https://github.com/sayanee/angularjs-pdf/blob/master/b
 - handles error
 - show loading of pdf
 - show progress percentage of loading pdf
+- insert password for protected PDFs
 - dynamically change the pdf url
 - support retina canvas
 - set authorization or http headers
@@ -207,6 +208,19 @@ $scope.onProgress = function(progress) {
 }
 ```
 
+### Managing password requests
+
+In the controller, you can use the function `scope.onPassword`. This function is called when the PDF require an opening password.
+
+```js
+$scope.onPassword = function (updatePasswordFn, passwordResponse) {
+  // if passwordResponse === PDFJS.PasswordResponses.NEED_PASSWORD
+  // you can provide the password calling updatePasswordFn('THE_PASSWORD')
+  // else if passwordResponse === PDFJS.PasswordResponses.INCORRECT_PASSWORD
+  // provided password is not correct
+};
+```
+
 ## Variations
 
 1. If using with [Angular UI modal](http://angular-ui.github.io/bootstrap/#/modal), `pageNum` attribute is no longer required. [Checkout the implementation](https://github.com/sayanee/angularjs-pdf/issues/12)

src/angular-pdf.js

@@ -167,6 +167,7 @@
           if (url && url.length) {
             pdfLoaderTask = PDFJS.getDocument(params);
             pdfLoaderTask.onProgress = scope.onProgress;
+            pdfLoaderTask.onPassword = scope.onPassword;
             pdfLoaderTask.then(
                 function(_pdfDoc) {
                   if (typeof scope.onLoad === 'function') {

test/karma.conf.js

@@ -16,6 +16,7 @@ module.exports = function(config) {
     // list of files / patterns to load in the browser
     files: [
       {pattern: 'example/pdf/relativity.pdf', included: false, served: true},
+      {pattern: 'example/pdf/relativity.protected.pdf', included: false, served: true},
       'bower_components/pdfjs-dist/web/compatibility.js',
       'example/js/lib/pdf.js',
       'example/js/lib/pdf.worker.js',

test/spec/ngPdfSpec.js

@@ -41,3 +41,39 @@ describe('ngPdf', function() {
       expect($scope.pageNum).toBe(13);
   });
 });
+
+describe('ngPdf protected', function() {
+  console.log = function() {};
+  var element, $scope;
+
+  // Load the myApp module, which contains the directive
+  beforeEach(module('App'));
+
+  beforeEach(module('my.templates'));
+
+  beforeEach(inject(function(_$compile_, _$rootScope_, _$document_){
+    // The injector unwraps the underscores (_) from around the parameter names when matching
+    var $compile = _$compile_;
+    var $rootScope = _$rootScope_;
+    var $document = _$document_;
+    $scope = $rootScope.$new();
+    // Compile a piece of HTML containing the directive
+    var html = '<ng-pdf template-url="partials/viewer.html" canvasid="pdf" scale="page-fit" page=13></ng-pdf>';
+    var elmnt = angular.element(html);
+    $document.find('body').append(elmnt);
+    element = $compile(elmnt)($scope);
+    $scope.pdfUrl = '/pdf/relativity.protected.pdf';
+    $scope.onPassword = jasmine.createSpy('onPassword');
+    $scope.$digest();
+  }));
+
+  beforeEach(function(done){
+      setTimeout(function() {
+        done();
+      }, 9000);
+  }, 10000);
+
+  it('should call onPassword function', function() {
+    expect($scope.onPassword).toHaveBeenCalled();
+  });
+});