diff --git a/client/components/cards/minicard.jade b/client/components/cards/minicard.jade index 985318e4f..30aca66d7 100644 --- a/client/components/cards/minicard.jade +++ b/client/components/cards/minicard.jade @@ -146,3 +146,8 @@ template(name="minicard") .badge span.badge-icon.fa.fa-sort span.badge-text {{ sort }} + +template(name="editCardSortOrderPopup") + input.js-edit-card-sort-popup(type='text' autofocus value=sort dir="auto") + .edit-controls.clearfix + button.primary.confirm.js-submit-edit-card-sort-popup(type="submit") {{_ 'save'}} diff --git a/client/components/cards/minicard.js b/client/components/cards/minicard.js index 9ffe3609f..daa5f00da 100644 --- a/client/components/cards/minicard.js +++ b/client/components/cards/minicard.js @@ -67,6 +67,9 @@ BlazeComponent.extendComponent({ } }, }, + { + 'click span.badge-icon.fa.fa-sort, click span.badge-text' : Popup.open("editCardSortOrder"), + } ]; }, }).register('minicard'); @@ -93,3 +96,24 @@ Template.minicard.helpers({ } }, }); + +BlazeComponent.extendComponent({ + events() { + return [ + { + 'click button.js-submit-edit-card-sort-popup'(event) { + // save button pressed + event.preventDefault(); + const sort = this.$('.js-edit-card-sort-popup')[0] + .value + .trim(); + if (!Number.isNaN(sort)) { + let card = this.data(); + card.move(card.boardId, card.swimlaneId, card.listId, sort); + Popup.close(); + } + }, + } + ] + } +}).register('editCardSortOrderPopup'); diff --git a/i18n/en.i18n.json b/i18n/en.i18n.json index 14e5d7b3b..e537db041 100644 --- a/i18n/en.i18n.json +++ b/i18n/en.i18n.json @@ -1085,5 +1085,6 @@ "history": "History", "request": "Request", "requests": "Requests", - "help-request": "Help Request" + "help-request": "Help Request", + "editCardSortOrderPopup-title": "Change Sorting" }