From f66d4e34d691ae8159b6dedfd5a3e542d712c5b0 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Mon, 25 May 2020 21:47:58 +0200
Subject: [PATCH] Bring back backupId clipboard logic

---
 src/views/app.html | 2 +-
 src/views/app.js   | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/views/app.html b/src/views/app.html
index a2dd0fc60..9d2b72efc 100644
--- a/src/views/app.html
+++ b/src/views/app.html
@@ -992,7 +992,7 @@
               </thead>
               <tbody>
                 <tr ng-repeat="backup in backups.backups">
-                  <td><div ng-click="backups.copyBackupId(backup)" class="hand" uib-tooltip="{{ backups.copyBackupIdDone ? 'Copied to clipboard' : 'Click to copy backup id' }}" tooltip-placement="right"><i class="fa fa-copy"></i></div></td>
+                  <td><div class="hand clipboard" data-clipboard-text="{{ backup.id }}" uib-tooltip="{{ copyBackupIdDone ? 'Copied to clipboard' : 'Click to copy backup id' }}" tooltip-placement="right"><i class="fa fa-copy"></i></div></td>
                   <td><div uib-tooltip="{{ backup.creationTime | prettyLongDate }}">v{{ backup.packageVersion }} - {{ backup.creationTime | prettyDate }}</div></td>
                   <td class="text-right no-wrap" style="vertical-align: bottom">
                     <button class="btn btn-xs btn-default" ng-click="downloadConfig(backup)" uib-tooltip="Download Backup Configuration"><i class="fas fa-file-alt"></i></button>
diff --git a/src/views/app.js b/src/views/app.js
index f123ee6ff..713c86393 100644
--- a/src/views/app.js
+++ b/src/views/app.js
@@ -9,6 +9,7 @@
 /* global ERROR */
 /* global moment */
 /* global Chart */
+/* global Clipboard */
 /* global SECRET_PLACEHOLDER */
 
 angular.module('Application').controller('AppController', ['$scope', '$location', '$timeout', '$interval', '$route', '$routeParams', 'Client', function ($scope, $location, $timeout, $interval, $route, $routeParams, Client) {
@@ -1617,5 +1618,11 @@ angular.module('Application').controller('AppController', ['$scope', '$location'
         });
     });
 
+    var clipboard = new Clipboard('.clipboard');
+    clipboard.on('success', function () {
+        $scope.$apply(function () { $scope.copyBackupIdDone = true; });
+        $timeout(function () { $scope.copyBackupIdDone = false; }, 5000);
+    });
+
     $('.modal-backdrop').remove();
 }]);