attachments.jade 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. template(name="cardAttachmentsPopup")
  2. if $gt uploads.length 0
  3. .attachment-upload {{_ 'uploading'}}
  4. table
  5. tr
  6. th.upload-file-name-descr {{_ 'name'}}
  7. th.upload-progress-descr {{_ 'progress'}}
  8. th.upload-remaining-descr {{_ 'remaining_time'}}
  9. th.upload-speed-descr {{_ 'speed'}}
  10. each upload in uploads
  11. tr
  12. td.upload-file-name-value {{upload.file.name}}
  13. td.upload-progress-value {{upload.progress.get}}%
  14. td.upload-remaining-value {{getEstimateTime upload}}
  15. td.upload-speed-value {{getEstimateSpeed upload}}
  16. else
  17. ul.pop-over-list
  18. li
  19. input.js-attach-file.hide(type="file" name="file" multiple)
  20. a.js-computer-upload {{_ 'computer'}}
  21. li
  22. a.js-upload-clipboard-image {{_ 'clipboard'}}
  23. template(name="previewClipboardImagePopup")
  24. p <kbd>Ctrl</kbd>+<kbd>V</kbd> {{_ "paste-or-dragdrop"}}
  25. img.preview-clipboard-image()
  26. button.primary.js-upload-pasted-image {{_ 'upload'}}
  27. template(name="attachmentDeletePopup")
  28. p {{_ "attachment-delete-pop"}}
  29. button.js-confirm.negate.full(type="submit") {{_ 'delete'}}
  30. template(name="attachmentsGallery")
  31. #viewer-overlay.hidden
  32. #viewer-container
  33. object#pdf-viewer(type="application/pdf")
  34. span.pdf-preview-error Your device does not support previewing pdfs. Try downloading instead.
  35. a#viewer-close.fa.fa-times-thin
  36. .attachments-gallery
  37. if currentUser.isBoardMember
  38. unless currentUser.isCommentOnly
  39. unless currentUser.isWorker
  40. //li.attachment-item.add-attachment
  41. a.js-add-attachment(title="{{_ 'add-attachment' }}")
  42. i.fa.fa-plus
  43. each attachments
  44. .attachment-item
  45. span.attachment-thumbnail(href="{{link}}" title="{{sanitize name}}" class="{{#if isImage}}swipebox{{/if}} {{#if $eq extension 'pdf'}}pdf{{/if}}")
  46. if link
  47. if($eq extension 'svg')
  48. img.attachment-thumbnail-img(src="{{link}}" title="{{sanitize name}}" type="image/svg+xml")
  49. else if isImage
  50. img.attachment-thumbnail-img(src="{{link}}" title="{{sanitize name}}")
  51. else if($eq extension 'mp3')
  52. video(width="100%" height="100%" title="{{sanitize name}}" controls="true")
  53. source(src="{{link}}" type="audio/mpeg")
  54. else if($eq extension 'ogg')
  55. video(width="100%" height="100%" title="{{sanitize name}}" controls="true")
  56. source(src="{{link}}" type="video/ogg")
  57. else if($eq extension 'webm')
  58. video(width="100%" height="100%" title="{{sanitize name}}" controls="true")
  59. source(src="{{link}}" type="video/webm")
  60. else if($eq extension 'mp4')
  61. video(width="100%" height="100%" title="{{sanitize name}}" controls="true")
  62. source(src="{{link}}" type="video/mp4")
  63. else
  64. span.attachment-thumbnail-ext= extension
  65. p.attachment-details
  66. = name
  67. span.file-size ({{fileSize size}})
  68. span.attachment-details-actions
  69. a.js-download(href="{{link}}?download=true", download="{{name}}")
  70. i.fa.fa-download
  71. | {{_ 'download'}}
  72. if currentUser.isBoardMember
  73. unless currentUser.isCommentOnly
  74. unless currentUser.isWorker
  75. a.fa.fa-navicon.attachment-details-menu.js-open-attachment-menu(title="{{_ 'attachmentActionsPopup-title'}}")
  76. template(name="attachmentActionsPopup")
  77. ul.pop-over-list
  78. li
  79. if isImage
  80. a(class="{{#if isCover}}js-remove-cover{{else}}js-add-cover{{/if}}")
  81. i.fa.fa-book
  82. i.fa.fa-picture-o
  83. if isCover
  84. | {{_ 'remove-cover'}}
  85. else
  86. | {{_ 'add-cover'}}
  87. if currentUser.isBoardAdmin
  88. if isImage
  89. a(class="{{#if isBackgroundImage}}js-remove-background-image{{else}}js-add-background-image{{/if}}")
  90. i.fa.fa-picture-o
  91. if isBackgroundImage
  92. | {{_ 'remove-background-image'}}
  93. else
  94. | {{_ 'add-background-image'}}
  95. a.js-rename
  96. i.fa.fa-pencil-square-o
  97. | {{_ 'rename'}}
  98. a.js-confirm-delete
  99. i.fa.fa-close
  100. | {{_ 'delete'}}
  101. p.attachment-storage
  102. | {{versions.original.storage}}
  103. if $neq versions.original.storage "fs"
  104. a.js-move-storage-fs
  105. i.fa.fa-arrow-right
  106. | {{_ 'attachment-move-storage-fs'}}
  107. if $neq versions.original.storage "gridfs"
  108. if versions.original.storage
  109. a.js-move-storage-gridfs
  110. i.fa.fa-arrow-right
  111. | {{_ 'attachment-move-storage-gridfs'}}
  112. if $neq versions.original.storage "s3"
  113. if versions.original.storage
  114. a.js-move-storage-s3
  115. i.fa.fa-arrow-right
  116. | {{_ 'attachment-move-storage-s3'}}
  117. template(name="attachmentRenamePopup")
  118. input.js-edit-attachment-name(type='text' autofocus value="{{getNameWithoutExtension}}" dir="auto")
  119. .edit-controls.clearfix
  120. button.primary.confirm.js-submit-edit-attachment-name(type="submit") {{_ 'save'}}