shared components for redesigned layout

app/views/shared/_center_panel.html.erb

@@ -0,0 +1,14 @@
+<div class="content-box">
+  <div class="row">
+    <div class="center-block col-sm-4">
+      <div class="panel panel-default">
+        <div class="panel-body">
+          <h3 class="title-wrapper text-center">
+            <%= yield :title %>
+          </h3>
+          <%= yield %>
+      </div>
+      <%= yield :footer %>
+    </div>
+  </div>
+</div>

app/views/shared/_join_form.html.erb

@@ -0,0 +1,9 @@
+<div class="input-group input-spacing">
+  <% @current_user = user %>
+  <%= text_field :current_user, :name, class: 'form-control meeting-user-name', placeholder: 'Enter your name' %>
+  <span class="input-group-btn">
+    <button type="button" class="btn btn-primary meeting-join">
+      Join
+    </button>
+  </span>
+</div>

app/views/shared/_meeting_url.html.erb

@@ -0,0 +1,13 @@
+<div <%= "hidden" if hidden %> class="meetin-url-wrapper">
+  <div class="input-group">
+    <input type="text" readonly="readonly" class="form-control meeting-url" 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>
+      </button>
+    </span>
+  </div>
+  <small>
+    <em>Copy this URL to invite others to the meeting</em>
+  </small>
+</div>

app/views/shared/_title.html.erb

@@ -0,0 +1,7 @@
+<div class="row">
+  <div class="page-header">
+    <h1 class="text-center">
+      <%= title %>
+    </h1>
+  </div>
+</div>