diff options
author | Andrés Manelli <andresmanelli@gmail.com> | 2018-01-19 16:00:02 -0300 |
---|---|---|
committer | Andrés Manelli <andresmanelli@gmail.com> | 2018-01-19 16:00:02 -0300 |
commit | ee2a43dd5b4b5296f61f68b46fd85521224f571d (patch) | |
tree | 124f6eedc070ba926b8dc3f47985bb6951be3d92 /client/components/swimlanes | |
parent | 690a5b970319ceabc0be965152187d7098022621 (diff) | |
download | wekan-ee2a43dd5b4b5296f61f68b46fd85521224f571d.tar.gz wekan-ee2a43dd5b4b5296f61f68b46fd85521224f571d.tar.bz2 wekan-ee2a43dd5b4b5296f61f68b46fd85521224f571d.zip |
Add siwmlane button. Allow card drop between swimlanes
Diffstat (limited to 'client/components/swimlanes')
-rw-r--r-- | client/components/swimlanes/swimlanes.jade | 40 | ||||
-rw-r--r-- | client/components/swimlanes/swimlanes.js | 63 | ||||
-rw-r--r-- | client/components/swimlanes/swimlanes.styl | 1 |
3 files changed, 103 insertions, 1 deletions
diff --git a/client/components/swimlanes/swimlanes.jade b/client/components/swimlanes/swimlanes.jade index 8dbef116..e3b6b6d7 100644 --- a/client/components/swimlanes/swimlanes.jade +++ b/client/components/swimlanes/swimlanes.jade @@ -18,3 +18,43 @@ template(name="swimlane") +cardDetails(currentCard) if currentUser.isBoardMember +addListForm + +addListAndSwimlaneForm + +template(name="addListAndSwimlaneForm") + .list.js-list.list-composer.js-list-composer + .list-header + +inlinedForm(autoclose=false) + input.list-name-input.full-line(type="text" placeholder="{{_ 'add-list'}}" + autocomplete="off" autofocus) + .edit-controls.clearfix + button.primary.confirm(type="submit") {{_ 'save'}} + a.fa.fa-times-thin.js-close-inlined-form + else + a.open-list-composer.js-open-inlined-form + i.fa.fa-plus + | {{_ 'add-list'}} + .list-header + +inlinedForm(autoclose=false) + input.swimlane-name-input.full-line(type="text" placeholder="{{_ 'add-swimlane'}}" + autocomplete="off" autofocus) + .edit-controls.clearfix + button.primary.confirm(type="submit") {{_ 'save'}} + a.fa.fa-times-thin.js-close-inlined-form + else + a.open-list-composer.js-open-inlined-form + i.fa.fa-plus + | {{_ 'add-swimlane'}} + +template(name="addListForm") + .list.js-list.list-composer.js-list-composer + .list-header + +inlinedForm(autoclose=false) + input.list-name-input.full-line(type="text" placeholder="{{_ 'add-list'}}" + autocomplete="off" autofocus) + .edit-controls.clearfix + button.primary.confirm(type="submit") {{_ 'save'}} + a.fa.fa-times-thin.js-close-inlined-form + else + a.open-list-composer.js-open-inlined-form + i.fa.fa-plus + | {{_ 'add-list'}} diff --git a/client/components/swimlanes/swimlanes.js b/client/components/swimlanes/swimlanes.js index 9388be3a..5c2429dd 100644 --- a/client/components/swimlanes/swimlanes.js +++ b/client/components/swimlanes/swimlanes.js @@ -174,6 +174,69 @@ BlazeComponent.extendComponent({ }, }).register('addListForm'); +BlazeComponent.extendComponent({ + // Proxy + open() { + this.childComponents('inlinedForm')[0].open(); + }, + + events() { + return [{ + submit(evt) { + evt.preventDefault(); + var titleInput = this.find('.list-name-input'); + if (titleInput) { + const title = titleInput.value.trim(); + if (title) { + Lists.insert({ + title, + boardId: Session.get('currentBoard'), + sort: $('.list').length, + }); + + titleInput.value = ''; + titleInput.focus(); + } + } else { + titleInput = this.find('.swimlane-name-input'); + const title = titleInput.value.trim(); + console.log(title); + if (title) { + Swimlanes.insert({ + title, + boardId: Session.get('currentBoard'), + sort: $('.swimlane').length, + }); + + titleInput.value = ''; + titleInput.focus(); + } + } + }, + }]; + },/* + if (titleInput) { + const title = titleInput.value.trim(); + if (title) { + Lists.insert({ + title, + boardId: Session.get('currentBoard'), + sort: $('.list').length, + }); + + titleInput.value = ''; + titleInput.focus(); + } + } else { + titleInput = this.find('.swimlane-name-input'); + console.log(titleInput); + } + }, + }]; + }, + */ +}).register('addListAndSwimlaneForm'); + Template.swimlane.helpers({ canSeeAddList() { return Meteor.user() && Meteor.user().isBoardMember() && !Meteor.user().isCommentOnly(); diff --git a/client/components/swimlanes/swimlanes.styl b/client/components/swimlanes/swimlanes.styl index e9397594..48bc495c 100644 --- a/client/components/swimlanes/swimlanes.styl +++ b/client/components/swimlanes/swimlanes.styl @@ -7,7 +7,6 @@ .swimlane-header writing-mode: sideways-lr; - height: 100%; font-size: 14px; line-height: 50px; margin: 0; |