Add button to download tgz backups

src/js/client.js

@@ -1545,6 +1545,10 @@ angular.module('Application').service('Client', ['$http', '$interval', '$timeout
         });
     };
 
+    Client.prototype.getAppBackupDownloadLink = function (appId, backupId) {
+        return client.apiOrigin + '/api/v1/apps/' + appId + '/backups/' + backupId + '/download?access_token=' + token;
+    };
+
     Client.prototype.getServices = function (callback) {
         get('/api/v1/services', null, function (error, data, status) {
             if (error) return callback(error);

src/translation/en.json

@@ -1536,7 +1536,8 @@
                 "cloneTooltip": "Clone from this Backup",
                 "restoreTooltip": "Restore to this Backup",
                 "createBackupAction": "Create Backup",
-                "importAction": "Import Backup"
+                "importAction": "Import Backup",
+                "downloadBackupTooltip": "Download Backup"
             },
             "import": {
                 "title": "Import From External Backup",

src/views/app.html

@@ -1397,6 +1397,7 @@
                   <td><div>v{{ backup.packageVersion }}</div></td>
                   <td><div uib-tooltip="{{ backup.creationTime | prettyLongDate }}">{{ backup.creationTime | prettyDate }} <b ng-show="backup.label">({{ backup.label }})</b></div></td>
                   <td class="text-right no-wrap" style="vertical-align: bottom">
+                    <a class="btn btn-xs btn-default" ng-show="backup.format === 'tgz' && app.accessLevel === 'admin'" ng-href="{{ getAppBackupDownloadLink(backup) }}" target="_blank" uib-tooltip="{{ 'app.backups.backups.downloadBackupTooltip' | tr }}Download Backup"><i class="fas fa-download"></i></a>
                     <button class="btn btn-xs btn-default" ng-show="app.accessLevel === 'admin'" ng-click="downloadConfig(backup)" uib-tooltip="{{ 'app.backups.backups.downloadConfigTooltip' | tr }}"><i class="fas fa-file-alt"></i></button>
                     <button class="btn btn-xs btn-default" ng-show="app.accessLevel === 'admin'" ng-click="editBackup.show(backup)" uib-tooltip="{{ 'backups.listing.tooltipEditBackup' | tr }}"><i class="fa fa-pencil-alt"></i></button>
                     <button class="btn btn-xs btn-default" ng-show="app.accessLevel === 'admin'" ng-click="clone.show(backup)" uib-tooltip="{{ 'app.backups.backups.cloneTooltip' | tr }}"><i class="far fa-clone"></i></button>

src/views/app.js

@@ -95,6 +95,10 @@ angular.module('Application').controller('AppController', ['$scope', '$location'
         }
     };
 
+    $scope.getAppBackupDownloadLink = function (backup) {
+        return Client.getAppBackupDownloadLink($scope.app.id, backup.id);
+    };
+
     $scope.onAppClick = function (app, $event) { onAppClick(app, $event, true /* always operator */, $scope); };
 
     $scope.sftpInfo = {