attachments.jade 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. template(name="cardAttachmentsPopup")
  2. ul.pop-over-list
  3. li
  4. input.js-attach-file.hide(type="file" name="file" multiple)
  5. a.js-computer-upload {{_ 'computer'}}
  6. li
  7. a.js-upload-clipboard-image {{_ 'clipboard'}}
  8. template(name="previewClipboardImagePopup")
  9. p <kbd>Ctrl</kbd>+<kbd>V</kbd> {{_ "paste-or-dragdrop"}}
  10. img.preview-clipboard-image()
  11. button.primary.js-upload-pasted-image {{_ 'upload'}}
  12. template(name="attachmentDeletePopup")
  13. p {{_ "attachment-delete-pop"}}
  14. button.js-confirm.negate.full(type="submit") {{_ 'delete'}}
  15. template(name="attachmentsGalery")
  16. .attachments-galery
  17. each attachments
  18. .attachment-item
  19. a.attachment-thumbnail.swipebox(href="{{link}}" title="{{name}}")
  20. if isUploaded
  21. if isImage
  22. img.attachment-thumbnail-img(src="{{link}}")
  23. else if($eq extension 'mp3')
  24. video(width="100%" height="100%" controls="true")
  25. source(src="{{link}}" type="audio/mpeg")
  26. else if($eq extension 'ogg')
  27. video(width="100%" height="100%" controls="true")
  28. source(src="{{link}}" type="video/ogg")
  29. else if($eq extension 'webm')
  30. video(width="100%" height="100%" controls="true")
  31. source(src="{{link}}" type="video/webm")
  32. else if($eq extension 'mp4')
  33. video(width="100%" height="100%" controls="true")
  34. source(src="{{link}}" type="video/mp4")
  35. else
  36. span.attachment-thumbnail-ext= extension
  37. else
  38. span.attachment-thumbnail-ext= extension
  39. p.attachment-details
  40. = name
  41. span.file-size ({{fileSize size}} KB)
  42. span.attachment-details-actions
  43. a.js-download(href="{{link}}?download=true")
  44. i.fa.fa-download
  45. | {{_ 'download'}}
  46. if currentUser.isBoardMember
  47. unless currentUser.isCommentOnly
  48. unless currentUser.isWorker
  49. if isImage
  50. a(class="{{#if $eq ../coverId _id}}js-remove-cover{{else}}js-add-cover{{/if}}")
  51. i.fa.fa-thumb-tack
  52. if($eq ../coverId _id)
  53. | {{_ 'remove-cover'}}
  54. else
  55. | {{_ 'add-cover'}}
  56. if currentUser.isBoardAdmin
  57. a.js-confirm-delete
  58. i.fa.fa-close
  59. | {{_ 'delete'}}
  60. if currentUser.isBoardMember
  61. unless currentUser.isCommentOnly
  62. unless currentUser.isWorker
  63. //li.attachment-item.add-attachment
  64. a.js-add-attachment(title="{{_ 'add-attachment' }}")
  65. i.fa.fa-plus