Including tab for listing room uploaded files

client/routes/roomRoute.coffee

@@ -56,6 +56,7 @@ openRoom = (type, name) ->
 				RocketChat.TabBar.addButton({ id: 'members-list', title: t('User_Info'), icon: 'icon-user', template: 'membersList', order: 2 })
 			else
 				RocketChat.TabBar.addButton({ id: 'members-list', title: t('Members_List'), icon: 'icon-users', template: 'membersList', order: 2 })
+			RocketChat.TabBar.addButton({ id: 'uploaded-files-list', title: t('Room_uploaded_file_list'), icon: 'icon-download', template: 'uploadedFilesList', order: 3 })
 
 			# update user's room subscription
 			if ChatSubscription.findOne({rid: room._id})?.open is false

client/views/app/tabBar/uploadedFilesList.coffee

@@ -0,0 +1,33 @@
+roomFiles = new Mongo.Collection 'room_files'
+
+Template.uploadedFilesList.helpers
+  files: ->
+    return roomFiles.find().fetch()
+
+  hasFiles: ->
+      return roomFiles.find().count() > 0
+
+  getFileIcon: (type) ->
+    if type.match(/^image\/.+$/)
+      return 'icon-picture'
+
+    return 'icon-docs'
+
+  customClassForFileType: ->
+    if this.type.match(/^image\/.+$/)
+      return 'room-files-swipebox'
+
+
+Template.uploadedFilesList.events
+  'click .room-file-item': (e, t) ->
+    if $(e.currentTarget).siblings('.icon-picture').length
+      e.preventDefault()
+
+
+Template.uploadedFilesList.onCreated ->
+  instance = this
+  this.autorun ->
+    instance.subscribe 'roomFiles', Session.get('openedRoom')
+
+Template.uploadedFilesList.onRendered ->
+  $('.room-files-swipebox').swipebox()

client/views/app/tabBar/uploadedFilesList.html

@@ -0,0 +1,25 @@
+<template name="uploadedFilesList">
+  <div class="content">
+    <div class="list-view">
+      <div class="status">
+        <h2>{{_ "Room_uploaded_file_list"}}</h2>
+      </div>
+      {{#if Template.subscriptionsReady}}
+        {{#if hasFiles }}
+          <ul class='list clearfix lines'>
+            {{#each files}}
+              <li>
+                <i class="{{getFileIcon type}}"></i>
+                <a title="{{name}}" href="{{url}}" target="_blank" class="room-file-item {{customClassForFileType}}">{{name}}</a>
+              </li>
+            {{/each}}
+          </ul>
+        {{else}}
+          <h2>{{_ "Room_uploaded_file_list_empty"}}</h2>
+        {{/if}}
+      {{else}}
+        <span>{{_ "Loading..."}}</span>
+      {{/if}}
+    </div>
+  </div>
+</template>

i18n/en.i18n.json

@@ -261,6 +261,8 @@
   "Room_name_changed" : "Room name changed to: <em>__room_name__</em> by <em>__user_by__</em>",
   "Room_name_changed_successfully" : "Room name changed successfully",
   "Room_not_found" : "Room not found",
+  "Room_uploaded_file_list" : "Files list",
+  "Room_uploaded_file_list_empty" : "No files available.",
   "room_user_count" : "%s users",
   "Rooms" : "Rooms",
   "Save" : "Save",

i18n/pt.i18n.json

@@ -251,6 +251,8 @@
   "Room_name_changed" : "Nome da sala alterado para: <em>__room_name__</em> por <em>__user_by__</em>",
   "Room_name_changed_successfully" : "Nome da sala alterado com sucesso",
   "Room_not_found" : "Sala não encontrada",
+  "Room_uploaded_file_list" : "Lista de arquivos",
+  "Room_uploaded_file_list_empty" : "Nenhum arquivo disponível",
   "room_user_count" : "%s usuários",
   "Rooms" : "Salas",
   "Save" : "Salvar",

server/publications/roomFiles.coffee

@@ -0,0 +1,27 @@
+Meteor.publish 'roomFiles', (rid) ->
+  unless this.userId
+    return this.ready()
+
+  console.log '[publish] roomFiles'.green, rid
+
+  pub = this
+
+  fileQuery =
+    rid: rid
+    complete: true
+    uploading: false
+
+  fileOptions =
+    fields:
+      _id: 1
+      name: 1
+      type: 1
+      url: 1
+
+  cursorFileListHandle = fileCollection.find(fileQuery, fileOptions).observeChanges
+    added: (_id, record) ->
+      pub.added('room_files', _id, record)
+
+  this.ready()
+  this.onStop ->
+    cursorFileListHandle.stop()