From 9f0273aa4487545cc28712d33a4ee141738b1571 Mon Sep 17 00:00:00 2001
From: boeserwolf <github@noxware.de>
Date: Tue, 21 Apr 2020 00:58:15 +0300
Subject: Pre-fill the title of checklists (Trello-style)

---
 client/components/cards/checklists.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

(limited to 'client/components/cards')

diff --git a/client/components/cards/checklists.js b/client/components/cards/checklists.js
index 94d8176b..5acab536 100644
--- a/client/components/cards/checklists.js
+++ b/client/components/cards/checklists.js
@@ -1,4 +1,4 @@
-const { calculateIndexData, enableClickOnTouch } = Utils;
+const { calculateIndexData, enableClickOnTouch, capitalize } = Utils;
 
 function initSorting(items) {
   items.sortable({
@@ -177,6 +177,16 @@ BlazeComponent.extendComponent({
     }
   },
 
+  focusChecklistItem(event) {
+    // If a new checklist is created, pre-fill the title and select it.
+    const checklist = this.currentData().checklist;
+    if (!checklist) {
+      const textarea = event.target;
+      textarea.value = capitalize(TAPi18n.__('r-checklist'));
+      textarea.select();
+    }
+  },
+
   events() {
     const events = {
       'click .toggle-delete-checklist-dialog'(event) {
@@ -196,6 +206,7 @@ BlazeComponent.extendComponent({
         'submit .js-edit-checklist-item': this.editChecklistItem,
         'click .js-delete-checklist-item': this.deleteItem,
         'click .confirm-checklist-delete': this.deleteChecklist,
+        'focus .js-add-checklist-item': this.focusChecklistItem,
         keydown: this.pressKey,
       },
     ];
-- 
cgit v1.2.3-1-g7c22