feature: handle error

Author: sayanee

dist/angular-pdf.js

@@ -96,7 +96,9 @@
             });
           }, function(error) {
             if (error) {
-              console.log('ERROR in getting document: ' + error);
+              if (typeof scope.onError === 'function') {
+                scope.onError(error);
+              }
             }
           }
         );

dist/angular-pdf.min.js

@@ -1,12 +1,16 @@
 app.controller('DocCtrl', function($scope) {
 
   $scope.pdfName = 'Relativity: The Special and General Theory by Albert Einstein';
-  $scope.pdfUrl = 'pdf/relativity.pdf';
+  $scope.pdfUrl = 'pdf/relatiity.pdf';
   $scope.scroll = 0;
 
   $scope.getNavStyle = function(scroll) {
     if(scroll > 100) return 'pdf-controls fixed';
     else return 'pdf-controls';
   }
 
+  $scope.onError = function(error) {
+    console.log(error);
+  }
+
 });

example/js/controllers/docCtrl.js

@@ -96,7 +96,9 @@
             });
           }, function(error) {
             if (error) {
-              console.log('ERROR in getting document: ' + error);
+              if (typeof scope.onError === 'function') {
+                scope.onError(error);
+              }
             }
           }
         );

example/js/directives/angular-pdf.js

@@ -21,46 +21,47 @@ Check [`bower.json` file](https://github.com/sayanee/angularjs-pdf/blob/master/b
 ###Features
 
 1. next / previous page
-1. zoom in / out
-1. rotate clockwise
-1. jump to a page number
-1. when scrolling, the pdf controls will get fixed position at the top
-1. define the view template
-1. define the path to pdf with scope variable
+- zoom in / out
+- rotate clockwise
+- jump to a page number
+- when scrolling, the pdf controls will get fixed position at the top
+- define the view template
+- define the path to pdf with scope variable
+- handles error 
 
 ## Getting Started
 
 1. install or copy over the file `dist/angular-pdf.min.js` or `dist/angular-pdf.js`
 
-    ```
+    ```shell
     bower install angular-pdf
     ```
 1. include the path to the direcitve file in `index.html`
 
-    ```
+    ```html
     <script src="js/vendor/angular-pdf/dist/angular-pdf.js"></script>
     ```
 
 1. include the directive as a dependency when defining the angular app:
 
-    ```
+    ```js
     var app = angular.module('App', ['pdf']);
     ```
 1. include the directive with the attribute path to the partial under a controller
 
-    ```
+    ```html
     <div class="wrapper" ng-controller="DocCtrl">
         <ng-pdf template-url="/partials/viewer.html"></ng-pdf>
     </div>
     ```
 1. include the `canvas` element to display the pdf in the template-url file
 
-    ```
+    ```html
     <canvas id="pdf-canvas"></canvas>
     ```
 1. include the path to the pdf file in the controller
 
-    ```
+    ```js
     app.controller('DocCtrl', function($scope) {
         $scope.pdfUrl = '/pdf/relativity.pdf';
     });
@@ -82,41 +83,52 @@ Check [`bower.json` file](https://github.com/sayanee/angularjs-pdf/blob/master/b
     ```
 1. **Rotate clockwise**: Include the controls in the view file as defined in the attribute `template-url` and the initial class `rotate0`
 
-    ```
+    ```html
     <button ng-click="rotate()">90</span></button>
     ...
     <canvas id="pdf-canvas" class="rotate0"></canvas>
     ```
 
     include the css styles:
 
-    ```
+    ```css
     .rotate0 {-webkit-transform: rotate(0deg); transform: rotate(0deg); }
     .rotate90 {-webkit-transform: rotate(90deg); transform: rotate(90deg); }
     .rotate180 {-webkit-transform: rotate(180deg); transform: rotate(180deg); }
     .rotate270 {-webkit-transform: rotate(270deg); transform: rotate(270deg); }
     ```
 1. **Jump to page number**: Include the controls in the view file as defined in the attribute `template-url`
 
-    ```
+    ```html
     <span>Page: </span><input type="text" min=1 ng-model="pageNum"><span> / {{pageCount}}</span>
     ```
 1. **Fixed pdf controls upon scrolling**: Wrap the controls in the view file as defined in the attribute `template-url` with a tag `nav` with an `ng-class`. Amend the scroll amount as required.
 
-    ```
+    ```html
     <nav ng-class="{'pdf-controls fixed': scroll > 100, 'pdf-controls': scroll <= 100}">
     ...
     </nav>
     ```
 
     And include the relevant css styles as required:
 
-    ```
+    ```css
     .pdf-controls { width: 100%; display: block; background: #eee; padding: 1em;}
     .fixed { position: fixed; top: 0; left: calc(50% - 480px); z-index: 100; width: 100%; padding: 1em; background: rgba(238, 238, 238,.9); width: 960px; }
     ```
 1. open the file `index.html` with a web server
 
+###Handle error
+
+1. in the controller, you can call the function `$scope.onError`:
+
+	```js
+	$scope.onError = function(error) {
+    	// handle the error
+    	// console.log(error);
+  	}
+	```
+
 ##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)