From 3414cb84ad8ac800e23bbda6ce12822f40d1bd19 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9s=20Manelli?= Date: Thu, 1 Feb 2018 13:10:30 -0300 Subject: Add ability to edit swimlane name --- client/components/swimlanes/swimlaneHeader.jade | 15 +++++++++++++++ client/components/swimlanes/swimlaneHeader.js | 16 ++++++++++++++++ client/components/swimlanes/swimlanes.jade | 5 +---- 3 files changed, 32 insertions(+), 4 deletions(-) create mode 100644 client/components/swimlanes/swimlaneHeader.jade create mode 100644 client/components/swimlanes/swimlaneHeader.js diff --git a/client/components/swimlanes/swimlaneHeader.jade b/client/components/swimlanes/swimlaneHeader.jade new file mode 100644 index 00000000..17eb3ea4 --- /dev/null +++ b/client/components/swimlanes/swimlaneHeader.jade @@ -0,0 +1,15 @@ +template(name="swimlaneHeader") + .swimlane-header-wrap + +inlinedForm + +editSwimlaneTitleForm + else + .swimlane-header( + class="{{#if currentUser.isBoardMember}}js-open-inlined-form is-editable{{/if}}") + = title + +template(name="editSwimlaneTitleForm") + .list-composer + input.list-name-input.full-line(type="text" value=title autofocus) + .edit-controls.clearfix + button.primary.confirm(type="submit") {{_ 'save'}} + a.fa.fa-times-thin.js-close-inlined-form diff --git a/client/components/swimlanes/swimlaneHeader.js b/client/components/swimlanes/swimlaneHeader.js new file mode 100644 index 00000000..b3f93536 --- /dev/null +++ b/client/components/swimlanes/swimlaneHeader.js @@ -0,0 +1,16 @@ +BlazeComponent.extendComponent({ + editTitle(evt) { + evt.preventDefault(); + const newTitle = this.childComponents('inlinedForm')[0].getValue().trim(); + const swimlane = this.currentData(); + if (newTitle) { + swimlane.rename(newTitle.trim()); + } + }, + + events() { + return [{ + submit: this.editTitle, + }]; + }, +}).register('swimlaneHeader'); diff --git a/client/components/swimlanes/swimlanes.jade b/client/components/swimlanes/swimlanes.jade index 765f6d49..6fc24d4c 100644 --- a/client/components/swimlanes/swimlanes.jade +++ b/client/components/swimlanes/swimlanes.jade @@ -1,8 +1,6 @@ template(name="swimlane") .swimlane.js-lists - .swimlane-header-wrap - .swimlane-header - = title + +swimlaneHeader if isMiniScreen if currentList +list(currentList) @@ -17,7 +15,6 @@ template(name="swimlane") if currentCardIsInThisList _id ../_id +cardDetails(currentCard) if currentUser.isBoardMember - +addListForm +addListAndSwimlaneForm template(name="listsGroup") -- cgit v1.2.3-1-g7c22