Andreas/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2025-12-16 23:40:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

change edit card title input to textarea for editing larger titles

Browse source
This commit is contained in:
alayek 2015-12-31 20:36:30 +05:30
parent 9c013d3233
commit 23ca733afd
2 changed files with 21 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
client/components/cards/cardDetails.jade
View file

@ -2,10 +2,7 @@ template(name="cardDetails")
section.card-details.js-card-details.js-perfect-scrollbar: .card-details-canvas section.card-details.js-card-details.js-perfect-scrollbar: .card-details-canvas
.card-details-header .card-details-header
+inlinedForm(classNames="js-card-details-title") +inlinedForm(classNames="js-card-details-title")
input.full-line(type="text" value=title autofocus) +editCardTitleForm
.edit-controls.clearfix
button.primary.confirm(type="submit") {{_ 'save'}}
a.fa.fa-times-thin.js-close-inlined-form
else else
a.fa.fa-times-thin.close-card-details.js-close-card-details a.fa.fa-times-thin.close-card-details.js-close-card-details
if currentUser.isBoardMember if currentUser.isBoardMember
@ -77,6 +74,13 @@ template(name="cardDetails")
if isLoaded.get if isLoaded.get
+activities(card=this mode="card") +activities(card=this mode="card")
template(name="editCardTitleForm")
textarea.js-edit-card-title(rows='1' autofocus)
= title
.edit-controls.clearfix
button.primary.confirm.js-submit-edit-card-title-form(type="submit") {{_ 'save'}}
a.fa.fa-times-thin.js-close-inlined-form
template(name="cardDetailsActionsPopup") template(name="cardDetailsActionsPopup")
ul.pop-over-list ul.pop-over-list
li: a.js-members {{_ 'card-edit-members'}} li: a.js-members {{_ 'card-edit-members'}}

13
client/components/cards/cardDetails.js
View file

@ -141,6 +141,19 @@ Template.cardDetailsActionsPopup.events({
'click .js-more': Popup.open('cardMore'), 'click .js-more': Popup.open('cardMore'),
}); });
Template.editCardTitleForm.onRendered(function() {
autosize(this.$('.js-edit-card-title'));
});
Template.editCardTitleForm.events({
'keydown .js-edit-card-title'(evt) {
// If enter key was pressed, submit the data
if (evt.keyCode === 13) {
$('.js-submit-edit-card-title-form').click();
}
},
});
Template.moveCardPopup.events({ Template.moveCardPopup.events({
'click .js-select-list'() { 'click .js-select-list'() {
// XXX We should *not* get the currentCard from the global state, but // XXX We should *not* get the currentCard from the global state, but