update

Author: bahaaldine

dist/angular-csv-import.js

@@ -1,5 +1,5 @@
-/*! angular-csv-import - v0.0.36 - 2016-11-01
-* Copyright (c) 2016 ; Licensed  */
+/*! angular-csv-import - v0.0.37 - 2017-05-19
+* Copyright (c) 2017 ; Licensed  */
 'use strict';
 
 var csvImport = angular.module('ngCsvImport', []);
@@ -35,7 +35,7 @@ csvImport.directive('ngCsvImport', function() {
 		  	'<div ng-show="headerVisible"><div class="label">Header</div>' +
 		  	(material ? '<input type="checkbox" ng-model="header"></div>' :
 		  		'<md-switch class="ng-csv-import-header-switch" ng-model="header"></md-switch>') +
-			'<div ng-show="encoding"><div class="label">Encoding</div><span>{{encoding}}</span></div>'+
+			'<div ng-show="encodingVisible"><div class="label">Encoding</div><span>{{encoding}}</span></div>'+
 			'<div ng-show="separatorVisible">'+
 			'<div class="label">Seperator</div>'+
 			'<span><input class="separator-input ' + (material ? '_md md-input' : '')  + ' " type="text" ng-change="changeSeparator" ng-model="separator"><span>'+
@@ -83,7 +83,9 @@ csvImport.directive('ngCsvImport', function() {
 					scope.result = csvToJSON(content);
 					scope.$apply();
 					if ( typeof scope.callback === 'function' ) {
-						scope.callback(e);
+                        			if ( scope.callback != null) {
+                            				scope.callback(e);
+                        			}
 					}
 				}
 			});
@@ -114,7 +116,9 @@ csvImport.directive('ngCsvImport', function() {
 						scope.result.filename = scope.filename;
 						scope.$$postDigest(function(){
 							if ( typeof scope.callback === 'function' ) {
-								scope.callback(onChangeEvent);
+				                                if ( scope.callback != null) {
+				                                    scope.callback(onChangeEvent);
+				                                }
 							}
 						});
 					});
@@ -132,7 +136,9 @@ csvImport.directive('ngCsvImport', function() {
 						scope.result = csvToJSON(content);
 						scope.$$postDigest(function(){
 							if ( typeof scope.callback === 'function' ) {
-								scope.callback(onChangeEvent);
+				                                if ( scope.callback != null) {
+				                                    scope.callback(onChangeEvent);
+				                                }
 							}
 						});
 					}

dist/angular-csv-import.min.js

@@ -69,6 +69,9 @@
     <script src="bower_components/angular-csv-import/dist/angular-csv-import.js"></script>
     <!-- endbuild -->
 
+    <script src="lib/line-navigator-master/file-wrapper.js"></script>
+    <script src="lib/line-navigator-master/line-navigator.js"></script>
+
         <!-- build:js({.tmp,app}) scripts/scripts.js -->
         <script src="scripts/app.js"></script>
         <script src="scripts/controllers/main.js"></script>

examples/app/index.html

@@ -13,7 +13,8 @@ angular
     'ngResource',
     'ngRoute',
     'ngCsvImport',
-    'hljs'
+    'hljs',
+    'ngMaterial'
   ])
   .config(function ($routeProvider) {
     $routeProvider

examples/app/scripts/app.js

@@ -2,6 +2,7 @@
 
 angular.module('examplesApp')
  .controller('MainCtrl', ['$scope', '$parse', function ($scope, $parse) {
+    $scope.Math = window.Math;
     $scope.csv = {
     	content: null,
     	header: true,
@@ -11,23 +12,38 @@ angular.module('examplesApp')
     	result: null,
     	encoding: 'ISO-8859-1',
     	encodingVisible: true,
-        uploadButtonLabel: "upload a csv file"
+        uploadButtonLabel: "upload a csv file",
+        progressCallback: function(progress) {
+            $scope.$apply( function() {
+                $scope.progress = progress;
+            });
+        },
+        streamingCallback: function(stream) {
+            if ( typeof stream != "undefined" ) {
+                $scope.$apply( function() {
+                    $scope.preview = stream[Math.floor(Math.random()*stream.length)];
+                });
+            }
+        },
+        streamingErrorCallback: function(streamError) {
+            console.log(streamError);
+        }
     };
 
     var _lastGoodResult = '';
     $scope.toPrettyJSON = function (json, tabWidth) {
-			var objStr = JSON.stringify(json);
-			var obj = null;
-			try {
-				obj = $parse(objStr)({});
-			} catch(e){
-				// eat $parse error
-				return _lastGoodResult;
-			}
+		var objStr = JSON.stringify(json);
+		var obj = null;
+		try {
+			obj = $parse(objStr)({});
+		} catch(e){
+			// eat $parse error
+			return _lastGoodResult;
+		}
 
-			var result = JSON.stringify(obj, null, Number(tabWidth));
-			_lastGoodResult = result;
+		var result = JSON.stringify(obj, null, Number(tabWidth));
+		_lastGoodResult = result;
 
-			return result;
+		return result;
     };
 }]);

examples/app/scripts/controllers/main.js

@@ -106,6 +106,10 @@ div.block>div.content>pre {
   margin: 0;
 }
 
+.ng-csv-progress {
+  color: white;
+}
+
 footer {
 }
 

examples/app/styles/main.css

@@ -12,12 +12,19 @@
       result="csv.result"
       encoding="csv.encoding"
       encoding-visible="csv.encodingVisible"
-      upload-button-label="csv.uploadButtonLabel"></ng-csv-import>
+      upload-button-label="csv.uploadButtonLabel"
+      progress-callback="csv.progressCallback"
+      streaming-callback="csv.streamingCallback"
+      streaming-error-callback="csv.streamingCallback"></ng-csv-import>
   </div>
 </div> 
 
+<div ng-if="progress">
+  <md-progress-linear md-mode="determinate" class="md-warn" value="{{progress}}"></md-progress-linear>
+</div>
+
 <div class="block row"  ng-if="csv.result">
-  <div class="content" hljs source="toPrettyJSON(csv.result, 2)"></div>
+  <div class="content" hljs source="toPrettyJSON(preview, 2)"></div>
 </div>
 
 <!--div ng-if="csv.content" class="block left">