mirror of
https://github.com/wekan/wekan.git
synced 2025-12-15 23:10:13 +01:00
781577db04
The idea is that by displaying card details in a sidebar stuck on the right of the screen, the mouse had to travel too much before interacting with it. I also don’t want to use the Trello solution (modal) on big screens, because I like the ability to interact with the selected card and with the board at the same time (like in a e-mail client). The solution introduced in this commit consist of opening the card detail in a column next to the minicard list. This commit also fix right sidebar members and labels drag and drop.
46 lines
1.6 KiB
Text
46 lines
1.6 KiB
Text
template(name="cardDetails")
|
|
.card-detail.js-card-detail: .card-detail-canvas
|
|
if cover
|
|
.card-detail-cover(style="background-image: url({{ card.cover.url }})")
|
|
.card-detail-header(class="{{#if currentUser.isBoardMember}}editable{{/if}}")
|
|
a.js-close-card-detail
|
|
i.fa.fa-times
|
|
h2.card-detail-title.js-card-title= title
|
|
p.card-detail-list.js-move-card
|
|
| {{_ 'in-list'}}
|
|
a.card-detail-list-title(
|
|
class="{{#if currentUser.isBoardMember}}js-open-move-from-header is-editable{{/if}}")
|
|
= list.title
|
|
hr
|
|
//- if card.members
|
|
.card-detail-item.card-detail-item-members.clearfix.js-card-detail-members
|
|
h3.card-detail-item-header {{_ 'members'}}
|
|
.js-card-detail-members-list.clearfix
|
|
each members
|
|
+userAvatar(userId=this size="small" cardId=../_id)
|
|
a.card-detail-item-add-button.dark-hover.js-details-edit-members
|
|
i.fa.fa-plus
|
|
//- We should use "editable" to avoide repetiting ourselves
|
|
.clearfix
|
|
if currentUser.isBoardMember
|
|
h3 Description
|
|
+inlinedForm(classNames="js-card-description")
|
|
i.fa.fa-times.js-close-inlined-form
|
|
textarea(autofocus)= description
|
|
button(type="submit") {{_ 'edit'}}
|
|
else
|
|
.js-open-inlined-form
|
|
a {{_ 'edit'}}
|
|
+viewer
|
|
= description
|
|
else if description
|
|
h3 Description
|
|
+viewer
|
|
= description
|
|
hr
|
|
if attachments.count
|
|
+WindowAttachmentsModule(card=this)
|
|
+WindowActivityModule(card=this)
|
|
|
|
template(name="moveCardPopup")
|
|
+boardLists
|