From 3aeef0a4cf561982edcb40bb622e6996a604d02e Mon Sep 17 00:00:00 2001
From: Zachary Chai <zachary.chai@blindsidenetworks.com>
Date: Wed, 26 Oct 2016 13:41:55 -0400
Subject: [PATCH 1/2] refactor bbb helper and implement wait for mod

---
 app/assets/javascripts/landing.js      | 16 +++++---
 app/controllers/bbb_controller.rb      | 43 +++++++++++--------
 app/controllers/landing_controller.rb  |  1 +
 app/helpers/bbb_helper.rb              | 57 ++++++++++++++++++++++----
 app/views/bbb/end.html.erb             |  2 -
 app/views/bbb/join.html.erb            |  2 -
 app/views/bbb/join.jbuilder            |  8 ++++
 app/views/shared/_meeting_url.html.erb |  4 +-
 config/routes.rb                       |  2 +-
 9 files changed, 98 insertions(+), 37 deletions(-)
 delete mode 100644 app/views/bbb/end.html.erb
 delete mode 100644 app/views/bbb/join.html.erb
 create mode 100644 app/views/bbb/join.jbuilder

diff --git a/app/assets/javascripts/landing.js b/app/assets/javascripts/landing.js
index 9ede6b12..c3b3fde3 100644
--- a/app/assets/javascripts/landing.js
+++ b/app/assets/javascripts/landing.js
@@ -33,16 +33,22 @@
       var link = window.location.protocol +
         '//' +
         window.location.hostname +
-        '/' +
-        'meetings/' +
+        '/meetings/' +
         Math.trunc(Math.random() * 1000000000);
 
       $('.meeting-url').val(link);
     });
 
-
-    $('.meeting-url').val('');
-    $('.generate-link').click();
+    if (meetingId = $('.meeting-url').data('meetingId')) {
+      var link = window.location.protocol +
+        '//' +
+        window.location.hostname +
+        '/meetings/' +
+        meetingId;
+      $('.meeting-url').val(link)
+    } else {
+      $('.generate-link').click();
+    }
   };
 
   var initRooms = function() {
diff --git a/app/controllers/bbb_controller.rb b/app/controllers/bbb_controller.rb
index 9e50f497..8181a343 100644
--- a/app/controllers/bbb_controller.rb
+++ b/app/controllers/bbb_controller.rb
@@ -1,33 +1,40 @@
 class BbbController < ApplicationController
 
-  # GET /join
-  # GET /join.json
+  # GET /:resource/:id/join
   def join
-    if ( !params.has_key?(:id) )
+    if ( !params[:id] )
       render_response("missing_parameter", "meeting token was not included", :bad_request)
-    elsif ( !params.has_key?(:name) )
+    elsif ( !params[:name] )
       render_response("missing_parameter", "user name was not included", :bad_request)
     else
-      bbb_join_url = helpers.bbb_join_url(params[:id], false, params[:name], false, "#{request.base_url}/#{params[:resource]}/#{params[:id]}")
-      if bbb_join_url[:returncode]
-        logger.info "#Execute the redirect"
-        render_response("ok", "execute the redirect", :ok, {:join_url => bbb_join_url[:join_url]})
+      user = User.find_by username: params[:id]
+
+      options = if user
+        {
+          wait_for_moderator: true,
+          user_is_moderator: current_user == user
+        }
       else
-        render_response("bigbluebutton_error", "join url could not be created", :internal_server_error)
+        {}
       end
+      options[:meeting_logout_url] = "#{request.base_url}/#{params[:resource]}/#{params[:id]}"
+
+      bbb_res = helpers.bbb_join_url(
+        params[:id],
+        params[:name],
+        options
+      )
+
+      render_response bbb_res[:messageKey], bbb_res[:message], bbb_res[:status], bbb_res[:response]
     end
   end
 
   private
   def render_response(messageKey, message, status, response={})
-    respond_to do |format|
-      if (status == :ok)
-        format.html { render :template => "bbb/join" }
-        format.json { render :json => { :messageKey => messageKey, :message => message, :status => status, :response => response }, :status => status }
-      else
-        format.html { render :template => "errors/error" }
-        format.json { render :json => { :messageKey => messageKey, :message => message, :status => status, :response => response }, :status => status }
-      end
-    end
+    @messageKey = messageKey
+    @message = message
+    @status = status
+    @response = response
+    render status: @status && return
   end
 end
diff --git a/app/controllers/landing_controller.rb b/app/controllers/landing_controller.rb
index 689080ef..462f749b 100644
--- a/app/controllers/landing_controller.rb
+++ b/app/controllers/landing_controller.rb
@@ -18,6 +18,7 @@ class LandingController < ApplicationController
   private
 
   def render_meeting
+    @meeting_id = params[:id]
     params[:action] = 'meetings'
     render :action => 'meeting'
   end
diff --git a/app/helpers/bbb_helper.rb b/app/helpers/bbb_helper.rb
index 91130568..f0034065 100644
--- a/app/helpers/bbb_helper.rb
+++ b/app/helpers/bbb_helper.rb
@@ -13,10 +13,15 @@ module BbbHelper
     return password
   end
 
-  def bbb_join_url(meeting_token, meeting_recorded=false, user_fullname='User', user_is_moderator=false, meeting_logout_url=nil)
+  def bbb_join_url(meeting_token, full_name, options={})
+    options[:meeting_recorded] ||= false
+    options[:user_is_moderator] ||= false
+    options[:wait_for_moderator] ||= false
+    options[:meeting_logout_url] ||= nil
+
     bbb ||= BigBlueButton::BigBlueButtonApi.new(bbb_endpoint + "api", bbb_secret, "0.8", true)
     if !bbb
-      return { :returncode => false, :messageKey => "BBBAPICallInvalid", :message => "BBB API call invalid." }
+      return call_invalid_res
     else
       meeting_id = (Digest::SHA1.hexdigest(Rails.application.secrets[:secret_key_base]+meeting_token)).to_s
 
@@ -24,14 +29,18 @@ module BbbHelper
       begin
         bbb_meeting_info = bbb.get_meeting_info( meeting_id, nil )
       rescue BigBlueButton::BigBlueButtonException => exc
+        if options[:wait_for_moderator] && !options[:user_is_moderator]
+          return wait_moderator_res
+        end
+
         # This means that is not created
         logger.info "Message for the log file #{exc.key}: #{exc.message}"
 
         # Prepare parameters for create
-        logout_url = meeting_logout_url || logout_url = "#{request.base_url}"
+        logout_url = options[:meeting_logout_url] || "#{request.base_url}"
         moderator_password = random_password(12)
         viewer_password = random_password(12)
-        meeting_options = {:record => meeting_recorded.to_s, :logoutURL => logout_url, :moderatorPW => moderator_password, :attendeePW => viewer_password }
+        meeting_options = {:record => options[:meeting_recorded].to_s, :logoutURL => logout_url, :moderatorPW => moderator_password, :attendeePW => viewer_password }
 
         # Create the meeting
         bbb.create_meeting(meeting_token, meeting_id, meeting_options)
@@ -40,14 +49,48 @@ module BbbHelper
         bbb_meeting_info = bbb.get_meeting_info( meeting_id, nil )
       end
 
+      if options[:wait_for_moderator] && !options[:user_is_moderator] && bbb_meeting_info[:moderatorCount] <= 0
+        return wait_moderator_res
+      end
+
       # Get the join url
-      if (user_is_moderator)
+      if (options[:user_is_moderator])
         password = bbb_meeting_info[:moderatorPW]
       else
         password = bbb_meeting_info[:attendeePW]
       end
-      join_url = bbb.join_meeting_url(meeting_id, user_fullname, password )
-      return { :returncode => true, :join_url => join_url, :messageKey => "", :message => "" }
+      join_url = bbb.join_meeting_url(meeting_id, full_name, password )
+      return success_res(join_url)
     end
   end
+
+  def success_res(join_url)
+    {
+      returncode: true,
+      messageKey: "ok",
+      message: "Execute the redirect",
+      status: :ok,
+      response: {
+        join_url: join_url
+      }
+    }
+  end
+
+  def wait_moderator_res
+    {
+      returncode: false,
+      messageKey: "WaitModerator",
+      message: "Waiting for moderator",
+      status: :ok
+    }
+  end
+
+  def call_invalid_res
+    {
+      returncode: false,
+      messageKey: "BBBAPICallInvalid",
+      message: "BBB API call invalid.",
+      status: :internal_server_error
+    }
+  end
 end
diff --git a/app/views/bbb/end.html.erb b/app/views/bbb/end.html.erb
deleted file mode 100644
index ad2b2d3f..00000000
--- a/app/views/bbb/end.html.erb
+++ /dev/null
@@ -1,2 +0,0 @@
-<h1>Bbb#end</h1>
-<p>Find me in app/views/bbb/end.html.erb</p>
diff --git a/app/views/bbb/join.html.erb b/app/views/bbb/join.html.erb
deleted file mode 100644
index 55f29286..00000000
--- a/app/views/bbb/join.html.erb
+++ /dev/null
@@ -1,2 +0,0 @@
-<h1>Bbb#join</h1>
-<p>Find me in app/views/bbb/join.html.erb</p>
diff --git a/app/views/bbb/join.jbuilder b/app/views/bbb/join.jbuilder
new file mode 100644
index 00000000..cc60f524
--- /dev/null
+++ b/app/views/bbb/join.jbuilder
@@ -0,0 +1,8 @@
+json.messageKey @messageKey
+json.message @message
+json.status @status
+if @response
+  json.response do
+    json.join_url(@response[:join_url]) if @response[:join_url]
+  end
+end
diff --git a/app/views/shared/_meeting_url.html.erb b/app/views/shared/_meeting_url.html.erb
index 88056e75..0ef8f0f6 100644
--- a/app/views/shared/_meeting_url.html.erb
+++ b/app/views/shared/_meeting_url.html.erb
@@ -1,6 +1,6 @@
-<div <%= "hidden" if hidden %> class="meetin-url-wrapper">
+<div <%= "hidden" if hidden %> class="meeting-url-wrapper">
   <div class="input-group">
-    <input type="text" readonly="readonly" class="form-control meeting-url" data-path="<%= @user.room_url if @user %>"/>
+    <input type="text" readonly="readonly" class="form-control meeting-url" data-meeting-id="<%= @meeting_id %>" data-path="<%= @user.room_url if @user %>"/>
     <span class="input-group-btn">
       <button type="button" class="btn btn-default meeting-url-copy">
         <i class="fa fa-paperclip" aria-hidden="true"></i>
diff --git a/config/routes.rb b/config/routes.rb
index 9cf70c7a..55c6cfce 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -8,7 +8,7 @@ Rails.application.routes.draw do
   # meetings offer a landing page for NON authenticated users to create and join session in BigBlueButton
   # rooms offer a customized landing page for authenticated users to create and join session in BigBlueButton
   get '/:resource(/:id)', to: 'landing#index', as: :resource
-  get '/:resource/:id/join', to: 'bbb#join', as: :bbb_join
+  get '/:resource/:id/join', to: 'bbb#join', as: :bbb_join, defaults: { :format => 'json' }
 
   root to: 'landing#index', :resource => "meetings"
   # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html

From b701f2e9a6aa030249dea8b3687a090af18012c3 Mon Sep 17 00:00:00 2001
From: Zachary Chai <zachary.chai@blindsidenetworks.com>
Date: Wed, 26 Oct 2016 17:15:44 -0400
Subject: [PATCH 2/2] wait for moderator with action cable

---
 app/assets/javascripts/application.js         |  1 +
 .../javascripts/channels/moderator_joins.js   | 27 +++++++++
 app/assets/javascripts/landing.js             | 32 ++++++++---
 app/assets/javascripts/shared.js              | 55 +++++++++++++++++++
 app/assets/stylesheets/shared.scss            |  2 +-
 app/channels/moderator_joins_channel.rb       |  5 ++
 app/controllers/bbb_controller.rb             | 12 +++-
 app/controllers/landing_controller.rb         |  8 ++-
 app/helpers/bbb_helper.rb                     |  7 ++-
 .../{meeting.html.erb => meetings.html.erb}   |  2 -
 .../landing/{room.html.erb => rooms.html.erb} | 22 ++++----
 app/views/landing/wait_for_moderator.html.erb | 11 ++++
 app/views/layouts/application.html.erb        |  1 +
 app/views/shared/_center_panel.html.erb       |  2 +-
 config/environments/development.rb            |  6 ++
 config/routes.rb                              |  7 ++-
 16 files changed, 167 insertions(+), 33 deletions(-)
 create mode 100644 app/assets/javascripts/channels/moderator_joins.js
 create mode 100644 app/assets/javascripts/shared.js
 create mode 100644 app/channels/moderator_joins_channel.rb
 rename app/views/landing/{meeting.html.erb => meetings.html.erb} (99%)
 rename app/views/landing/{room.html.erb => rooms.html.erb} (58%)
 create mode 100644 app/views/landing/wait_for_moderator.html.erb

diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
index ce912696..34532f70 100644
--- a/app/assets/javascripts/application.js
+++ b/app/assets/javascripts/application.js
@@ -14,4 +14,5 @@
 //= require jquery-ui
 //= require bootstrap-sprockets
 //= require turbolinks
+//= require_self
 //= require_tree .
diff --git a/app/assets/javascripts/channels/moderator_joins.js b/app/assets/javascripts/channels/moderator_joins.js
new file mode 100644
index 00000000..3b1339da
--- /dev/null
+++ b/app/assets/javascripts/channels/moderator_joins.js
@@ -0,0 +1,27 @@
+(function() {
+
+  var initRooms = function() {
+    App.messages = App.cable.subscriptions.create({
+      channel: 'ModeratorJoinsChannel',
+      username: window.location.pathname.split('/').pop()
+    },
+    {
+      received: function(data) {
+        if (!Meeting.getInstance().getModJoined()) {
+          Meeting.getInstance().setModJoined(true);
+          if (Meeting.getInstance().getWaitingForMod()) {
+            loopJoin();
+          }
+        }
+      }
+    });
+  };
+
+  $(document).on("turbolinks:load", function() {
+    if ($("body[data-controller=landing]").get(0)) {
+      if ($("body[data-action=rooms]").get(0)) {
+        initRooms();
+      }
+    }
+  });
+}).call(this);
diff --git a/app/assets/javascripts/landing.js b/app/assets/javascripts/landing.js
index c3b3fde3..1e9e48e2 100644
--- a/app/assets/javascripts/landing.js
+++ b/app/assets/javascripts/landing.js
@@ -1,21 +1,35 @@
 (function() {
+  var waitForModerator = function(url) {
+    $.get(url + "/wait", function(html) {
+      $(".center-panel-wrapper").html(html);
+    });
+    if (!Meeting.getInstance().getWaitingForMod()) {
+      Meeting.getInstance().setWaitingForMod(true);
+      if (Meeting.getInstance().getModJoined()) {
+        loopJoin();
+      }
+    }
+  };
+
   var init = function() {
 
     $('.meeting-join').click (function (event) {
       var url = $('.meeting-url').val();
       var name = $('.meeting-user-name').val();
-      $.ajax({
-        url : url + "/join?name=" + name,
-        dataType : "json",
-        type : 'GET',
-        success : function(data) {
+      Meeting.getInstance().setURL(url);
+      Meeting.getInstance().setName(name);
+      var jqxhr = Meeting.getInstance().getjoinMeetingURL();
+
+      jqxhr.done(function(data) {
+        if (data.messageKey === 'wait_for_moderator') {
+          waitForModerator(url);
+        } else {
           $(location).attr("href", data.response.join_url);
-        },
-        error : function(xhr, status, error) {
-        },
-        complete : function(xhr, status) {
         }
       });
+      jqxhr.fail(function(xhr, status, error) {
+        console.info("meeting join failed");
+      });
     });
 
     $('.meeting-url-copy').click (function (e) {
diff --git a/app/assets/javascripts/shared.js b/app/assets/javascripts/shared.js
new file mode 100644
index 00000000..edf84fc9
--- /dev/null
+++ b/app/assets/javascripts/shared.js
@@ -0,0 +1,55 @@
+var meetingInstance = null;
+class Meeting {
+  constructor(url, name) {
+    this.url = url;
+    this.name = name;
+  }
+
+  static getInstance() {
+    if (meetingInstance) {
+      return meetingInstance;
+    }
+    var url = $('.meeting-url').val();
+    var name = $('.meeting-user-name').val();
+    meetingInstance = new Meeting(url, name);
+    return meetingInstance;
+  }
+
+  getjoinMeetingURL() {
+    return $.get(this.url + "/join?name=" + this.name, function() {
+    });
+  };
+
+  setURL(url) {
+    this.url = url;
+  }
+  setName(name) {
+    this.name = name;
+  }
+  setModJoined(modJoined) {
+    this.modJoined = modJoined;
+  }
+  getModJoined() {
+    return this.modJoined;
+  }
+  setWaitingForMod(wMod) {
+    this.waitingForMod = wMod;
+  }
+  getWaitingForMod() {
+    return this.waitingForMod;
+  }
+}
+
+var loopJoin = function() {
+  var jqxhr = Meeting.getInstance().getjoinMeetingURL();
+  jqxhr.done(function(data) {
+    if (data.messageKey === 'wait_for_moderator') {
+      setTimeout(loopJoin, 5000);
+    } else {
+      $(location).attr("href", data.response.join_url);
+    }
+  });
+  jqxhr.fail(function(xhr, status, error) {
+    console.info("meeting join failed");
+  });
+}
diff --git a/app/assets/stylesheets/shared.scss b/app/assets/stylesheets/shared.scss
index cea5f60a..73718437 100644
--- a/app/assets/stylesheets/shared.scss
+++ b/app/assets/stylesheets/shared.scss
@@ -27,7 +27,7 @@ html, body {
   border: 0;
 }
 
-.content-box {
+.center-panel {
   .center-block {
     float: none;
   }
diff --git a/app/channels/moderator_joins_channel.rb b/app/channels/moderator_joins_channel.rb
new file mode 100644
index 00000000..1d5cd143
--- /dev/null
+++ b/app/channels/moderator_joins_channel.rb
@@ -0,0 +1,5 @@
+class ModeratorJoinsChannel < ApplicationCable::Channel
+  def subscribed
+    stream_from "moderator_#{params[:username]}_join_channel"
+  end
+end
diff --git a/app/controllers/bbb_controller.rb b/app/controllers/bbb_controller.rb
index 8181a343..cc35c019 100644
--- a/app/controllers/bbb_controller.rb
+++ b/app/controllers/bbb_controller.rb
@@ -2,9 +2,9 @@ class BbbController < ApplicationController
 
   # GET /:resource/:id/join
   def join
-    if ( !params[:id] )
+    if ( params[:id].blank? )
       render_response("missing_parameter", "meeting token was not included", :bad_request)
-    elsif ( !params[:name] )
+    elsif ( params[:name].blank? )
       render_response("missing_parameter", "user name was not included", :bad_request)
     else
       user = User.find_by username: params[:id]
@@ -25,6 +25,12 @@ class BbbController < ApplicationController
         options
       )
 
+
+      if bbb_res[:returncode] && current_user && current_user == user
+        ActionCable.server.broadcast "moderator_#{user.username}_join_channel",
+          moderator: "joined"
+      end
+
       render_response bbb_res[:messageKey], bbb_res[:message], bbb_res[:status], bbb_res[:response]
     end
   end
@@ -35,6 +41,6 @@ class BbbController < ApplicationController
     @message = message
     @status = status
     @response = response
-    render status: @status && return
+    render status: @status
   end
 end
diff --git a/app/controllers/landing_controller.rb b/app/controllers/landing_controller.rb
index 462f749b..76baeebe 100644
--- a/app/controllers/landing_controller.rb
+++ b/app/controllers/landing_controller.rb
@@ -10,6 +10,10 @@ class LandingController < ApplicationController
     end
   end
 
+  def wait_for_moderator
+    render layout: false
+  end
+
   def admin?
     @user == current_user
   end
@@ -20,7 +24,7 @@ class LandingController < ApplicationController
   def render_meeting
     @meeting_id = params[:id]
     params[:action] = 'meetings'
-    render :action => 'meeting'
+    render :action => 'meetings'
   end
 
   def render_room
@@ -30,7 +34,7 @@ class LandingController < ApplicationController
       redirect_to root_path
       return
     end
-    render :action => 'room'
+    render :action => 'rooms'
   end
 
 end
diff --git a/app/helpers/bbb_helper.rb b/app/helpers/bbb_helper.rb
index f0034065..dce6942d 100644
--- a/app/helpers/bbb_helper.rb
+++ b/app/helpers/bbb_helper.rb
@@ -29,11 +29,12 @@ module BbbHelper
       begin
         bbb_meeting_info = bbb.get_meeting_info( meeting_id, nil )
       rescue BigBlueButton::BigBlueButtonException => exc
+        # This means that is not created
+
         if options[:wait_for_moderator] && !options[:user_is_moderator]
           return wait_moderator_res
         end
 
-        # This means that is not created
         logger.info "Message for the log file #{exc.key}: #{exc.message}"
 
         # Prepare parameters for create
@@ -79,7 +80,7 @@ module BbbHelper
   def wait_moderator_res
     {
       returncode: false,
-      messageKey: "WaitModerator",
+      messageKey: "wait_for_moderator",
       message: "Waiting for moderator",
       status: :ok
     }
@@ -88,7 +89,7 @@ module BbbHelper
   def call_invalid_res
     {
       returncode: false,
-      messageKey: "BBBAPICallInvalid",
+      messageKey: "BBB_API_call_invalid",
       message: "BBB API call invalid.",
       status: :internal_server_error
     }
diff --git a/app/views/landing/meeting.html.erb b/app/views/landing/meetings.html.erb
similarity index 99%
rename from app/views/landing/meeting.html.erb
rename to app/views/landing/meetings.html.erb
index d853e2fc..9bef80de 100644
--- a/app/views/landing/meeting.html.erb
+++ b/app/views/landing/meetings.html.erb
@@ -1,5 +1,3 @@
-
-
 <% content_for :title do %>
   <div class="title">
     Hi Everyone
diff --git a/app/views/landing/room.html.erb b/app/views/landing/rooms.html.erb
similarity index 58%
rename from app/views/landing/room.html.erb
rename to app/views/landing/rooms.html.erb
index 55870e01..7900b70f 100644
--- a/app/views/landing/room.html.erb
+++ b/app/views/landing/rooms.html.erb
@@ -21,16 +21,18 @@
 
     <%= render 'shared/title', title: page_title %>
 
-    <%= render layout: 'shared/center_panel' do %>
-      <div class="center-block col-sm-8">
-        <% if current_user == @user %>
-          <%= render 'shared/meeting_url', hidden: false %>
-        <% else %>
-          <%= render 'shared/meeting_url', hidden: true %>
-        <% end %>
-        <%= render 'shared/join_form', user: current_user %>
-      </div>
-    <% end %>
+    <div class="center-panel-wrapper">
+      <%= render layout: 'shared/center_panel' do %>
+        <div class="center-block col-sm-8">
+          <% if current_user == @user %>
+            <%= render 'shared/meeting_url', hidden: false %>
+          <% else %>
+            <%= render 'shared/meeting_url', hidden: true %>
+          <% end %>
+          <%= render 'shared/join_form', user: current_user %>
+        </div>
+      <% end %>
+    </div>
 
   </div>
 </div>
diff --git a/app/views/landing/wait_for_moderator.html.erb b/app/views/landing/wait_for_moderator.html.erb
new file mode 100644
index 00000000..b3b53c46
--- /dev/null
+++ b/app/views/landing/wait_for_moderator.html.erb
@@ -0,0 +1,11 @@
+<% content_for :title do %>
+  <div class="title">
+    Looks like you're the first one here...
+  </div>
+  <small>
+    You will automatically join when the meeting starts
+  </small>
+<% end %>
+
+<%= render layout: 'shared/center_panel' do %>
+<% end %>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index e85c3218..7d921a3c 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -3,6 +3,7 @@
   <head>
     <title>Greenlight</title>
     <%= csrf_meta_tags %>
+    <%= action_cable_meta_tag %>
 
     <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
     <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
diff --git a/app/views/shared/_center_panel.html.erb b/app/views/shared/_center_panel.html.erb
index cc3395ec..b2cf8d3f 100644
--- a/app/views/shared/_center_panel.html.erb
+++ b/app/views/shared/_center_panel.html.erb
@@ -1,4 +1,4 @@
-<div class="content-box">
+<div class="center-panel">
   <div class="row">
     <div class="center-block col-sm-4">
       <div class="panel panel-default">
diff --git a/config/environments/development.rb b/config/environments/development.rb
index 6f719704..b91c71aa 100644
--- a/config/environments/development.rb
+++ b/config/environments/development.rb
@@ -31,6 +31,12 @@ Rails.application.configure do
 
   config.action_mailer.perform_caching = false
 
+  # action cable socket URI
+  config.action_cable.url = "ws://localhost/cable"
+
+  # allowed action cable origins
+  Rails.application.config.action_cable.allowed_request_origins = ['http://localhost']
+
   # Print deprecation notices to the Rails logger.
   config.active_support.deprecation = :log
 
diff --git a/config/routes.rb b/config/routes.rb
index 55c6cfce..188c6eb7 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -1,4 +1,7 @@
+# For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html
 Rails.application.routes.draw do
+  mount ActionCable.server => '/cable'
+
   resources :users, only: [:edit, :update]
   get '/users/logout', to: 'sessions#destroy', as: :user_logout
 
@@ -7,9 +10,9 @@ Rails.application.routes.draw do
   # There are two resources [meetings|rooms]
   # meetings offer a landing page for NON authenticated users to create and join session in BigBlueButton
   # rooms offer a customized landing page for authenticated users to create and join session in BigBlueButton
-  get '/:resource(/:id)', to: 'landing#index', as: :resource
+  get '/:resource/:id', to: 'landing#index', as: :resource
   get '/:resource/:id/join', to: 'bbb#join', as: :bbb_join, defaults: { :format => 'json' }
+  get '/:resource/:id/wait', to: 'landing#wait_for_moderator'
 
   root to: 'landing#index', :resource => "meetings"
-  # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html
 end