More explicit file names

1 files changed, 120 insertions, 0 deletions

diff --git a/client/components/cards/cardDetails.jade b/client/components/cards/cardDetails.jade
new file mode 100644
index 00000000..56c32e84
--- /dev/null
+++ b/client/components/cards/cardDetails.jade
@@ -0,0 +1,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'}}