update the dependency 'jqPlot' and add push file page

bower.json

@@ -7,7 +7,7 @@
     "angular-route": "~1.2.16",
     "angular-sanitize": "~1.2.16",
     "bootstrap": "~3.0.2",
-    "jqplot": "*"
+    "jqPlot": "*"
   },
   "description": "Chrome ADB(Android Debug Bridge) Client",
   "homepage": "https://github.com/importre/chromeadb",

src/index.html

@@ -22,7 +22,7 @@
     <script src="scripts/controllers.js"></script>
 
     <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link href="bower_components/jqplot/jquery.jqplot.min.css" rel="stylesheet">
+    <link href="bower_components/jqPlot/src/jquery.jqplot.css" rel="stylesheet">
     <link href="styles/chromeadb.css" rel="stylesheet">
 </head>
 
@@ -136,6 +136,9 @@ <h3 class="panel-title">
                         <a href="#packages" data-toggle="tab"
                            ng-click="loadPackages(devInfo.serial);">Packages</a>
                     </li>
+                    <li>
+                        <a href="#pushfile" data-toggle="tab">Push File</a>
+                    </li>
                     <li>
                         <a href="#controller" data-toggle="tab"
                            ng-click="initMousePad(devInfo.serial);">Controller</a>
@@ -208,9 +211,9 @@ <h4 class="modal-title" id="alertLabel">{{ tempPkgCmd.packageName }}</h4>
 </div>
 
 <script src="bower_components/jquery/dist/jquery.min.js"></script>
-<script src="bower_components/jqplot/jquery.jqplot.min.js"></script>
-<script src="bower_components/jqplot/plugins/jqplot.canvasTextRenderer.min.js"></script>
-<script src="bower_components/jqplot/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
+<script src="bower_components/jqPlot/src/jquery.jqplot.js"></script>
+<script src="bower_components/jqPlot/src/plugins/jqplot.canvasTextRenderer.js"></script>
+<script src="bower_components/jqPlot/src/plugins/jqplot.canvasAxisLabelRenderer.js"></script>
 <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
 
 </body>

src/scripts/chromeadb.js

@@ -14,6 +14,9 @@ adb.config(function ($routeProvider) {
     .when('/packages', {
       templateUrl: chrome.runtime.getURL('../views/packages.html')
     })
+    .when('/pushfile', {
+      templateUrl: chrome.runtime.getURL('../views/pushfile.html')
+    })
     .when('/controller', {
       templateUrl: chrome.runtime.getURL('../views/controller.html')
     })

src/scripts/controllers.js

@@ -240,7 +240,26 @@ adb.controller('controller', ['$scope', '$q', 'socketService', '$sce', function
       });
   };
 
-  $scope.pushFile = function (serial, fileEntry, filePath) {
+  $scope.pushFile = function (serial, fileEntry, filePath, targetPath) {
+    fileEntry.file(function (file) {
+      var reader = new FileReader();
+      reader.onerror = function (e) {
+        $scope.logMessage = {
+          cmd: 'File Error',
+          res: e.target.error.message
+        };
+        $scope.$apply();
+      };
+      reader.onloadend = function (e) {
+        if (!e.target.error) {
+          $scope.pushFileCommandsWithTargetPath(e, serial, filePath, targetPath);
+        }
+      };
+      reader.readAsArrayBuffer(file);
+    });
+  };
+
+  $scope.pushFileAndInstall = function (serial, fileEntry, filePath) {
     fileEntry.file(function (file) {
       var reader = new FileReader();
       reader.onerror = function (e) {
@@ -259,6 +278,92 @@ adb.controller('controller', ['$scope', '$q', 'socketService', '$sce', function
     });
   };
 
+  $scope.pushFileCommandsWithTargetPath = function (e, serial, filePath, targetPath) {
+    var fileName = filePath.replace(/^.*[\\\/]/, '');
+    var cmd1 = 'host:transport:' + serial;
+    var cmd2 = 'sync:';
+    var sendCmd1 = 'SEND';
+    var targetFilePath = targetPath + '/' + fileName;
+    var sendCmd3 = targetFilePath + ',33206';
+    var sendCmd2 = integerToArrayBuffer(sendCmd3.length);
+    var dataCmd1 = 'DATA';
+    var doneCmd = 'DONE';
+
+    $scope.logMessage = {
+      cmd: 'Push File',
+      res: 'Pushing...'
+    };
+
+    $scope.getNewCommandPromise(cmd1)
+        .then(function (param) {
+          if (param.data === 'OKAY') {
+            return $scope.getCommandPromise(cmd2, param.createInfo);
+          }
+        })
+        .then(function (param) {
+          if (param.data === 'OKAY') {
+            return socketService.write(param.createInfo, sendCmd1);
+          }
+        })
+        .then(function (param) {
+          return socketService.writeBytes(param.createInfo, sendCmd2.buffer);
+        })
+        .then(function (param) {
+          return socketService.write(param.createInfo, sendCmd3);
+        })
+        .then(function (param) {
+          var defer = $q.defer();
+          var promise = defer.promise;
+          var file = e.target.result;
+          var maxChunkSize = 64 * 1024;
+          var chunkFunc = function (i, chunkSize) {
+            var fileSlice = file.slice(i, i + chunkSize);
+            promise = promise.then(function (param) {
+              return socketService.write(param.createInfo, dataCmd1);
+            })
+                .then(function (param) {
+                  var chunkSizeInBytes = integerToArrayBuffer(chunkSize);
+                  return socketService.writeBytes(param.createInfo, chunkSizeInBytes.buffer);
+                })
+                .then(function (param) {
+                  return socketService.writeBytes(param.createInfo, fileSlice);
+                });
+          };
+
+          for (var i = 0; i < file.byteLength; i += maxChunkSize) {
+            var chunkSize = maxChunkSize;
+            //check if on last chunk
+            if (i + maxChunkSize > file.byteLength) {
+              chunkSize = file.byteLength - i;
+            }
+            chunkFunc(i, chunkSize);
+          }
+
+          promise.then(function (param) {
+            return socketService.write(param.createInfo, doneCmd);
+          })
+              .then(function (param) {
+                return socketService.write(param.createInfo, integerToArrayBuffer(0));
+              });
+          defer.resolve(param);
+
+          return promise;
+        })
+        .then(() => {
+          $scope.logMessage = {
+            cmd: 'Push File',
+            res: `Push to ${targetFilePath} successfully.`
+          };
+        })
+        .catch(function (param) {
+          $scope.initVariables();
+          $scope.logMessage = {
+            cmd: 'Connection Error',
+            res: 'Cannot find any devices'
+          };
+        });
+  };
+
   $scope.pushFileCommands = function (e, serial, filePath) {
     var fileName = filePath.replace(/^.*[\\\/]/, '');
     var cmd1 = 'host:transport:' + serial;
@@ -576,7 +681,24 @@ adb.controller('controller', ['$scope', '$q', 'socketService', '$sce', function
   $scope.chooseAndInstallPackage = function () {
     chrome.fileSystem.chooseEntry({'type': 'openFile'}, function (entry, fileEntries) {
       chrome.fileSystem.getDisplayPath(entry, function (displayPath) {
-        $scope.pushFile($scope.devInfo.serial, entry, displayPath);
+        $scope.pushFileAndInstall($scope.devInfo.serial, entry, displayPath);
+      });
+    });
+  };
+
+  $scope.chooseAndPushFile = function () {
+    const pushFilePath = document.getElementById('push-file-path').value;
+    console.log(pushFilePath);
+    if (pushFilePath === '') {
+      $scope.logMessage = {
+        cmd: 'Push File',
+        res: 'Please input a file path on the device.'
+      };
+      return;
+    }
+    chrome.fileSystem.chooseEntry({'type': 'openFile'}, function (entry, fileEntries) {
+      chrome.fileSystem.getDisplayPath(entry, function (displayPath) {
+        $scope.pushFile($scope.devInfo.serial, entry, displayPath, pushFilePath);
       });
     });
   };

src/styles/chromeadb.css

@@ -31,15 +31,28 @@ tr > td.active {
     width: 150px !important;
 }
 
+.push-file-button {
+    width: 150px !important;
+}
+
 div .search-packages {
     float: right;
     width: 80%;
 }
 
+div .search-files {
+    float: right;
+    width: 80%;
+}
+
 div .install-package {
     float: left;
 }
 
+div .push-file {
+    float: left;
+}
+
 .navbar-brand {
     padding: 0 0 0 15px;
 }

src/views/pushfile.html

@@ -0,0 +1,17 @@
+<!--pushfile tab-->
+
+<div class="tab-pane" id="pushfile">
+    <div>
+        <div class="search-files">
+            <input id="push-file-path" class="form-control" type="search" ng-model="packageQuery"
+                               placeholder="Search files">
+        </div>
+        <div class="push-file">
+            <button class="btn btn-primary push-file-button"
+                    ng-click="chooseAndPushFile();">
+                Push File
+            </button>
+        </div>
+    </div>
+</div>
+