Add a button to allow deleting an uploaded file

packages/rocketchat-ui-flextab/flex-tab/tabs/uploadedFilesList.coffee

@@ -2,7 +2,7 @@ roomFiles = new Mongo.Collection 'room_files'
 
 Template.uploadedFilesList.helpers
 	files: ->
-		return roomFiles.find({ rid: @rid }, { sort: {uploadedAt : -1} }).fetch()
+		return roomFiles.find({ rid: @rid }, { sort: { uploadedAt: -1 } }).fetch()
 
 	hasFiles: ->
 		return roomFiles.find({ rid: @rid }).count() > 0
@@ -23,11 +23,40 @@ Template.uploadedFilesList.helpers
 	escapedName: ->
 		return s.escapeHTML @name
 
+	canDelete: ->
+		msg = ChatMessage.findOne { file: { _id: @_id } }
+		if msg
+			return RocketChat.authz.hasAtLeastOnePermission('delete-message', msg.rid) or RocketChat.settings.get('Message_AllowDeleting') and msg.u?._id is Meteor.userId()
+
 Template.uploadedFilesList.events
 	'click .room-file-item': (e, t) ->
 		if $(e.currentTarget).siblings('.icon-picture').length
 			e.preventDefault()
 
+	'click .icon-trash': (e, t) ->
+		self = this
+		swal {
+			title: 'Are you sure?'
+			text: 'You will not be able to recover this file.'
+			type: 'warning'
+			showCancelButton: true
+			confirmButtonColor: '#DD6B55'
+			confirmButtonText: 'Yes delete it'
+			cancelButtonText: 'Cancel'
+			closeOnConfirm: false
+			html: false
+		}, ->
+			swal
+				title: 'Deleted'
+				text: 'Your file has been deleted.'
+				type: 'success'
+				timer: 1000
+				showConfirmButton: false
+
+				msg = ChatMessage.findOne { file: { _id: self._id } }
+				fileCollection.remove self._id, () ->
+					chatMessages[Session.get('openedRoom')].deleteMsg(msg);
+
 	'scroll .content': _.throttle (e, t) ->
 		if e.target.scrollTop >= e.target.scrollHeight - e.target.clientHeight
 			t.limit.set(t.limit.get() + 50)

packages/rocketchat-ui-flextab/flex-tab/tabs/uploadedFilesList.html

 <template name="uploadedFilesList">
+	<style>
+		i.red-hover:hover
+		{
+			color: red;
+            cursor: pointer;
+		}
+	</style>
 	<div class="content">
 		<div class="list-view uploaded-files-list">
 			<div class="status">
@@ -7,6 +14,9 @@
 			<ul class="list clearfix lines">
 				{{#each files}}
 					<li>
+						{{#if canDelete}}
+                        <i class="icon-trash red-hover" style="float: right; padding-top: 10px;"></i>
+						{{/if}}
 						<a title="{{escapedName}}" href="{{url}}" target="_blank" class="room-file-item {{customClassForFileType}}">
 							<i class="{{getFileIcon type}}"></i>
 							<p>{{name}}</p>