From dbcc9197680483802ed59c8a613f76fa63b471ed Mon Sep 17 00:00:00 2001
From: Martin Filser <github-wekan@linux-email.de>
Date: Mon, 10 Jan 2022 23:11:00 +0100
Subject: [PATCH 1/3] Added copy button to card title

---
 client/components/cards/cardDetails.jade |  2 ++
 client/components/cards/cardDetails.js   | 38 ++++++++++++++++--------
 2 files changed, 27 insertions(+), 13 deletions(-)

diff --git a/client/components/cards/cardDetails.jade b/client/components/cards/cardDetails.jade
index cf049625c..c8e3515e5 100644
--- a/client/components/cards/cardDetails.jade
+++ b/client/components/cards/cardDetails.jade
@@ -576,6 +576,8 @@ template(name="cardDetails")
             +activities(card=this mode="card")
 
 template(name="editCardTitleForm")
+  a.fa.fa-copy(title="{{_ 'copy-text-to-clipboard'}}")
+  span.copied-tooltip {{_ 'copied'}}
   textarea.js-edit-card-title(rows='1' autofocus dir="auto")
     = getTitle
   .edit-controls.clearfix
diff --git a/client/components/cards/cardDetails.js b/client/components/cards/cardDetails.js
index 3c3d7df33..b596b2e0e 100644
--- a/client/components/cards/cardDetails.js
+++ b/client/components/cards/cardDetails.js
@@ -689,9 +689,31 @@ Template.cardDetailsActionsPopup.events({
   },
 });
 
-Template.editCardTitleForm.onRendered(function () {
-  autosize(this.$('.js-edit-card-title'));
-});
+BlazeComponent.extendComponent({
+  onRendered() {
+    autosize(this.$('textarea.js-edit-card-title'));
+  },
+  events() {
+    return [
+      {
+        'click a.fa.fa-copy'(event) {
+          const $editor = this.$('textarea');
+          const promise = Utils.copyTextToClipboard($editor[0].value);
+
+          const $tooltip = this.$('.copied-tooltip');
+          Utils.showCopied(promise, $tooltip);
+        },
+        'keydown .js-edit-card-title'(event) {
+          // If enter key was pressed, submit the data
+          // Unless the shift key is also being pressed
+          if (event.keyCode === 13 && !event.shiftKey) {
+            $('.js-submit-edit-card-title-form').click();
+          }
+        },
+      }
+    ];
+  }
+}).register('editCardTitleForm');
 
 Template.cardMembersPopup.onCreated(function () {
   let currBoard = Boards.findOne(Session.get('currentBoard'));
@@ -751,16 +773,6 @@ const filterMembers = (filterTerm) => {
   return members;
 }
 
-Template.editCardTitleForm.events({
-  'keydown .js-edit-card-title'(event) {
-    // If enter key was pressed, submit the data
-    // Unless the shift key is also being pressed
-    if (event.keyCode === 13 && !event.shiftKey) {
-      $('.js-submit-edit-card-title-form').click();
-    }
-  },
-});
-
 Template.editCardRequesterForm.onRendered(function () {
   autosize(this.$('.js-edit-card-requester'));
 });

From 574116b0581401e258c0bc735172d4cc94e00706 Mon Sep 17 00:00:00 2001
From: Martin Filser <github-wekan@linux-email.de>
Date: Tue, 11 Jan 2022 19:17:56 +0100
Subject: [PATCH 2/3] Reduced height of Copied! tooltip at title copy button

---
 client/components/cards/cardDetails.styl | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/client/components/cards/cardDetails.styl b/client/components/cards/cardDetails.styl
index ac007b169..93b91ef3e 100644
--- a/client/components/cards/cardDetails.styl
+++ b/client/components/cards/cardDetails.styl
@@ -181,6 +181,9 @@ avatar-radius = 50%
       margin-top: 5px
       margin-bottom: 10px
 
+      .copied-tooltip
+        padding: 0px 10px
+
     .card-details-list
       font-size: 0.85em
       margin-bottom: 3px

From c59c7bd63d526865952374b78032e8d6a499e397 Mon Sep 17 00:00:00 2001
From: Martin Filser <github-wekan@linux-email.de>
Date: Tue, 11 Jan 2022 19:18:47 +0100
Subject: [PATCH 3/3] Removed unnecessary CSS code of copied tooltip

---
 client/components/cards/cardDetails.styl | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/client/components/cards/cardDetails.styl b/client/components/cards/cardDetails.styl
index 93b91ef3e..9301362a9 100644
--- a/client/components/cards/cardDetails.styl
+++ b/client/components/cards/cardDetails.styl
@@ -198,12 +198,8 @@ avatar-radius = 50%
           padding: 0px 5px
 
     .copied-tooltip
-      display: none
       margin-right: 10px
       padding: 10px;
-      background-color: #000000df;
-      color: #fff;
-      border-radius: 5px;
 
   .card-description textarea
     min-height: 100px