attachments.jade 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  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="previewAttachedImagePopup")
  13. img.preview-large-image.js-large-image-clicked(src="{{url}}")
  14. template(name="attachmentDeletePopup")
  15. p {{_ "attachment-delete-pop"}}
  16. button.js-confirm.negate.full(type="submit") {{_ 'delete'}}
  17. template(name="attachmentsGalery")
  18. .attachments-galery
  19. each attachments
  20. .attachment-item
  21. a.attachment-thumbnail.swipebox(href="{{url}}" title="{{name}}")
  22. if isUploaded
  23. if isImage
  24. img.attachment-thumbnail-img(src="{{url}}")
  25. else if($eq extension 'mp3')
  26. video(width="100%" height="100%" controls="true")
  27. source(src="{{url}}" type="audio/mpeg")
  28. else if($eq extension 'ogg')
  29. video(width="100%" height="100%" controls="true")
  30. source(src="{{url}}" type="video/ogg")
  31. else if($eq extension 'webm')
  32. video(width="100%" height="100%" controls="true")
  33. source(src="{{url}}" type="video/webm")
  34. else if($eq extension 'mp4')
  35. video(width="100%" height="100%" controls="true")
  36. source(src="{{url}}" type="video/mp4")
  37. else
  38. span.attachment-thumbnail-ext= extension
  39. else
  40. +spinner
  41. p.attachment-details
  42. = name
  43. span.attachment-details-actions
  44. a.js-download(href="{{url download=true}}")
  45. i.fa.fa-download
  46. | {{_ 'download'}}
  47. if currentUser.isBoardMember
  48. unless currentUser.isCommentOnly
  49. unless currentUser.isWorker
  50. if isImage
  51. a(class="{{#if $eq ../coverId _id}}js-remove-cover{{else}}js-add-cover{{/if}}")
  52. i.fa.fa-thumb-tack
  53. if($eq ../coverId _id)
  54. | {{_ 'remove-cover'}}
  55. else
  56. | {{_ 'add-cover'}}
  57. if currentUser.isBoardAdmin
  58. a.js-confirm-delete
  59. i.fa.fa-close
  60. | {{_ 'delete'}}
  61. if currentUser.isBoardMember
  62. unless currentUser.isCommentOnly
  63. unless currentUser.isWorker
  64. //li.attachment-item.add-attachment
  65. a.js-add-attachment(title="{{_ 'add-attachment' }}")
  66. i.fa.fa-plus