From c1e84c1cf18303910755a7f1e6b608000846ab63 Mon Sep 17 00:00:00 2001
From: Sachin S R <sachin.r.r@gmail.com>
Date: Thu, 21 Jul 2016 12:53:34 +0530
Subject: [PATCH] #33 Handle upload progress events using AngularJS (1.5.5+)

Patched core js code to check for upload progress event and show a
linear progress bar.
---
 dist/lf-ng-md-file-input.js | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/dist/lf-ng-md-file-input.js b/dist/lf-ng-md-file-input.js
index 01d5153..4ca3108 100644
--- a/dist/lf-ng-md-file-input.js
+++ b/dist/lf-ng-md-file-input.js
@@ -541,12 +541,14 @@
 						var lfFileType = file.type;
 						var lfTagType = parseFileType(file);
 						var lfDataUrl = window.URL.createObjectURL(file);
+                        var lfId = genLfObjId();
 
                         var lfFileObj = {
-                            "key":genLfObjId(),
+                            "key":lfId,
                             "lfFile":lfFile,
                             "lfFileName":lfFileName,
-                            "lfDataUrl":lfDataUrl
+                            "lfDataUrl":lfDataUrl,
+                            "counterId" : 'counter'+lfId
                         };
 
 						scope.lfFiles.push(lfFileObj);
@@ -584,15 +586,17 @@
 						}
 
 						var elPreview = angular.element(tplPreview);
-
-						var elFooter = angular.element('<div class="lf-ng-md-file-input-frame-footer"><div class="lf-ng-md-file-input-frame-caption">'+lfFile.name+'</div></div>');
+                        var fileProgressId = lfFileObj.key + '-uploadFileProgress';
+                        lfFileObj.uploadFileProgress = 0;
+                        scope[lfFileObj.counterId] = 0;
+                        $interval(function() {
+                            scope[lfFileObj.counterId]  = lfFileObj.uploadFileProgress;
+                            scope.$digest();
+                        }, 100, 0, false);
+                        var elFooter = angular.element('<div class="lf-ng-md-file-input-frame-footer"><md-progress-linear id="' + fileProgressId + '" md-mode="determinate" value="{{'+lfFileObj.counterId+'}}"></md-progress-linear><div class="lf-ng-md-file-input-frame-caption">' + lfFile.name + '</div></div>');
 
 						elFrame.append(elFrameX);
-						// if(scope.isPreview) {
 						elFrame.append(elPreview);
-						// }else{
-                        //     console.log('no preview');
-                        // }
 						elFrame.append(elFooter);
 
 						$compile(elFrame)(scope);