add invite and join to room

app/assets/javascripts/landing.js

@@ -134,19 +134,6 @@
       }
     });
 
-    $('.center-panel-wrapper').on('keyup', '.meeting-name', function (event, msg) {
-      var newId = $(this).val();
-      Meeting.getInstance().setMeetingId(newId);
-      $(".page-wrapper.meetings").data('id', newId);
-      $('.meeting-url').val(Meeting.getInstance().getURL());
-      $('.join-meeting-title').html(I18n.join_title.replace(/%{id}/, newId));
-      if (newId === '') {
-        $('.invite-join-wrapper').addClass('hidden');
-      } else {
-        $('.invite-join-wrapper').removeClass('hidden');
-      }
-    });
-
     // enable tooltips
     var options = {
       selector: '.has-tooltip',
@@ -172,6 +159,19 @@
 
   var initIndex = function() {
 
+    $('.center-panel-wrapper').on('keyup', '.meeting-name', function (event, msg) {
+      var newId = $(this).val();
+      Meeting.getInstance().setMeetingId(newId);
+      $(".page-wrapper.meetings").data('id', newId);
+      $('.meeting-url').val(Meeting.getInstance().getURL());
+      $('.join-meeting-title').html(I18n.join_title.replace(/%{id}/, newId));
+      if (newId === '') {
+        $('.invite-join-wrapper').addClass('hidden');
+      } else {
+        $('.invite-join-wrapper').removeClass('hidden');
+      }
+    });
+
     $('ul.previously-joined').empty();
     var joinedMeetings = localStorage.getItem('joinedMeetings');
     if (joinedMeetings && joinedMeetings.length > 0) {

app/views/landing/_rooms_center_panel.html.erb

@@ -30,10 +30,23 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
 <%= render layout: 'shared/center_panel' do %>
   <div class="center-block center-panel-content-size col-xs-12">
     <% if admin? %>
-      <%= render 'shared/meeting_url', hidden: false %>
+      <%= render 'shared/meeting_name_form' %>
+      <div class="invite-join-wrapper">
+        <div class="col-xs-6">
+          <%= render 'shared/title', title: t('invite') do %>
+          <span><%= t('invite_description') %></span>
+          <% end %>
+          <%= render 'shared/meeting_url', hidden: false %>
+        </div>
+        <div class="verticle-line"></div>
+        <div class="col-xs-6">
+          <%= render 'shared/title', title: t('join'), title_class: 'join-meeting-title' %>
+          <%= render 'shared/join_form' %>
+        </div>
+      </div>
     <% else %>
       <%= render 'shared/meeting_url', hidden: true %>
+      <%= render 'shared/join_form' %>
     <% end %>
-    <%= render 'shared/join_form' %>
   </div>
 <% end %>