summaryrefslogtreecommitdiffstats
path: root/client/components/cards/details.jade
blob: f8e99d77ad13d049663a1c5cea3b1e4e2af64d5e (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
121
122
123
124
125
126
127
128
129
130
131
132
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 avoide 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.name
            | (<span class="username">{{ user.username }}</span>)
          if isCardMember
            i.fa.fa-check

template(name="cardLabelsPopup")
  ul.edit-labels-pop-over
    each board.labels
      li
        a.card-label-edit-button.fa.fa-pencil.js-edit-label
        span.card-label.card-label-selectable.js-select-label(class="card-label-{{color}}"
          class="{{# if isLabelSelected ../_id }}active{{/ if }}")
            = name
            if currentUser.isBoardAdmin
              span.card-label-selectable-icon.fa.fa-check
  a.quiet-button.full.js-add-label {{_ 'label-create'}}

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'}}