From d6f70c8594aab9f35975a151406b5ce51b4d6902 Mon Sep 17 00:00:00 2001
From: Daniel Berteaud <daniel@firewall-services.com>
Date: Fri, 23 May 2014 22:49:21 +0200
Subject: [PATCH] Small transitions for previews Also fix main video removal if
 it's a peer's screen

---
 public/css/vroom.css |  1 +
 public/js/vroom.js   | 14 ++++++++++----
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/public/css/vroom.css b/public/css/vroom.css
index bbb7004..97cb7d0 100644
--- a/public/css/vroom.css
+++ b/public/css/vroom.css
@@ -22,6 +22,7 @@
 .previewContainer{
   margin-top: 5px;
   margin-bottom: 5px;
+  display: none;
 }
 .previewContainer:nth-child(2n+1){
   clear: left;
diff --git a/public/js/vroom.js b/public/js/vroom.js
index a76a5e1..a44444d 100644
--- a/public/js/vroom.js
+++ b/public/js/vroom.js
@@ -341,7 +341,7 @@ function initVroom(room) {
         }).css('max-height', maxHeight()));
         $('.selected').removeClass('selected');
         el.addClass('selected');
-        mainVid = id;
+        mainVid = el.attr('id');
         $('#mainVideo').show(300);
       }
     }, wait);
@@ -441,7 +441,7 @@ function initVroom(room) {
       }, 3500);
       // Stop moh
       $('#mohPlayer')[0].pause();
-      $('.aloneEl').hide(200);
+      $('.aloneEl').hide(300);
       moh = false;
     }
     $(div).attr('id', 'peer_' + id);
@@ -458,6 +458,8 @@ function initVroom(room) {
     $(video).click(function() {
       handlePreviewClick($(this), peer.id);
     });
+    // Now display the div
+    div.show(200);
   }
 
   // Update volume of the corresponding peer
@@ -918,6 +920,7 @@ function initVroom(room) {
         $('.aloneEl').show(200);
       }
     }, 2000);
+    $('#videoLocalContainer').show(200);
   });
 
   // Handle new video stream added: someone joined the room
@@ -948,8 +951,11 @@ function initVroom(room) {
     else if (peer && peers[peer.id]){
       delete peers[peer.id];
     }
-    $("#peer_" + id).remove();
-    if (mainVid === id){
+    $("#peer_" + id).hide(300);
+    setTimeout(function(){
+      $("#peer_" + id).remove();
+    }, 300);
+    if (mainVid == id || mainVid == id + '_incoming'){
       $('#mainVideo').hide(500);
       setTimeout(function(){
         $('#mainVideo').html('');