summaryrefslogtreecommitdiffstats
path: root/client/components/cards/details.jade
blob: 56c32e848c6bcab6eb53bb7b702f2ab8dde5492b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
template(name="cardDetails")
  section.card-details.js-card-details.js-perfect-scrollbar: .card-details-canvas
    if cover
      .card-details-cover(style="background-image: url({{ cover.url }})")

    .card-details-header
      +inlinedForm(classNames="js-card-details-title")
        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
      else
        a.fa.fa-angle-left.close-card-details.js-close-card-details
        a.fa.fa-bars.card-details-menu.js-open-card-details-menu
        h2.card-details-title.js-card-title(
          class="{{#if currentUser.isBoardMember}}js-open-inlined-form is-editable{{/if}}")
            = title
        p.card-details-list
          | {{_ 'in-list'}}
          a.card-details-list-title(
            class="{{#if currentUser.isBoardMember}}js-move-card is-editable{{/if}}")
            = list.title
            if currentUser.isBoardMember
              i.fa.fa-chevron-down

    .card-details-items
      .card-details-item.card-details-item-members
        h3.card-details-item-title {{_ 'members'}}
        each members
          +userAvatar(userId=this cardId=../_id)
        a.member.add-member.card-details-item-add-button.js-add-members
          i.fa.fa-plus

      .card-details-item.card-details-item-labels
        h3.card-details-item-title {{_ 'labels'}}
        a.js-add-labels
          each labels
            span.card-label(class="card-label-{{color}}" title=name)= name
        a.card-label.add-label.js-add-labels
          i.fa.fa-plus

    //- XXX We should use "editable" to avoid repetiting ourselves
    if currentUser.isBoardMember
      h3.card-details-item-title Description
      +inlinedForm(classNames="card-description js-card-description")
        +editor(autofocus=true)
          = description
        .edit-controls.clearfix
          button.primary(type="submit") {{_ 'edit'}}
          a.fa.fa-times-thin.js-close-inlined-form
      else
        a.js-open-inlined-form
          if description
            +viewer
              = description
          else
            | {{_ 'edit'}}
    else if description
      h3.card-details-item-title Description
      +viewer
        = description
    if attachments.count
      hr
      h2
        i.fa.fa-paperclip
        | {{_ 'attachments'}}

      +attachmentsGalery

    hr
    h2 {{ _ 'activity'}}
    if currentUser.isBoardMember
      +commentForm
    if isLoaded.get
      +activities(card=this mode="card")

template(name="cardDetailsActionsPopup")
  if currentUser.isBoardMember
    ul.pop-over-list
      li: a.js-members Edit Members…
      li: a.js-labels Edit Labels…
      li: a.js-attachments Edit Attachments…
  hr
  ul.pop-over-list
    li: a.js-copy Copy Card
    unless archived
      li: a.js-archive Archive Card
    li: a.js-more More

template(name="moveCardPopup")
  +boardLists

template(name="cardMembersPopup")
  ul.pop-over-list.pop-over-member-list
    each board.members
      li.item(class="{{#if isCardMember}}active{{/if}}")
        a.name.js-select-member(href="#")
          +userAvatar(userId=user._id)
          span.full-name
            = user.profile.fullname
            | (<span class="username">{{ user.username }}</span>)
          if isCardMember
            i.fa.fa-check

template(name="cardMorePopup")
  p.quiet
    span.clearfix
      span {{_ 'link-card'}}
      = ' '
      i.fa.colorful(class="{{#if board.isPublic}}fa-globe{{else}}fa-lock{{/if}}")
      input.inline-input(type="text" readonly value="{{ rootUrl }}")
    | {{_ 'added'}}
    span.date(title=card.createdAt) {{ moment createdAt 'LLL' }}
    a.js-delete(title="{{_ 'card-delete-notice'}}") {{_ 'delete'}}

template(name="cardDeletePopup")
  p {{_ "card-delete-pop"}}
  unless archived
   p {{_ "card-delete-suggest-archive"}}
  button.js-confirm.negate.full(type="submit") {{_ 'delete'}}