Add upload button to room

Sadicko · Feb 6, 2015 · 8378aba · 8378aba
1 parent ac9de36
commit 8378aba
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/media/js/views/room.js b/media/js/views/room.js
@@ -58,7 +58,8 @@
             'click .hide-edit-room': 'hideEditRoom',
             'click .submit-edit-room': 'submitEditRoom',
             'click .archive-room': 'archiveRoom',
-            'click .lcb-room-poke': 'poke'
+            'click .lcb-room-poke': 'poke',
+            'click .lcb-upload-trigger': 'upload'
         },
         initialize: function(options) {
             this.client = options.client;
@@ -387,6 +388,10 @@
                 text = $.trim($input.val()),
                 at = (text.length > 0 ? ' ' : '') + '@' + user.get('username') + ' '
             $input.val(text + at).focus();
+        },
+        upload: function(e) {
+            e.preventDefault();
+            this.model.trigger('upload:show', this.model);
         }
     });
 

diff --git a/media/js/views/upload.js b/media/js/views/upload.js
@@ -19,6 +19,7 @@ Dropzone && (Dropzone.autoDiscover = false);
             this.template = Handlebars.compile($('#template-upload-preview').html());
             this.rooms = options.rooms;
             this.rooms.on('add remove', this.populateRooms, this);
+            this.rooms.on('upload:show', this.show, this)
             this.render();
         },
         render: function() {

diff --git a/templates/includes/js/room.html b/templates/includes/js/room.html
@@ -15,7 +15,10 @@ <h2 class="lcb-room-heading">
                                 href="transcript?room={{ id }}" target="_blank">
                                 <i class="fa fa-history"></i>
                             </a>
-                            </h2>
+                            <a class="btn hidden-xs lcb-upload-trigger" href="#">
+                                <i class="fa fa-upload"></i>
+                            </a>
+                        </h2>
                         <div class="lcb-room-description">
                             <p>{{description}}</p>
                         </div>