From ac74041acac6965527d1fdab4b0f37ea734fd1dc Mon Sep 17 00:00:00 2001
From: Zachary Chai <zachary.chai@blindsidenetworks.com>
Date: Thu, 26 Jan 2017 10:35:44 -0500
Subject: [PATCH] create components for new layout

---
 app/views/landing/_invite_join.html.erb       | 13 +++++++++
 app/views/landing/_previously_joined.html.erb |  6 ++++
 app/views/landing/index.html.erb              | 28 ++-----------------
 app/views/shared/_title.html.erb              |  7 +++++
 4 files changed, 29 insertions(+), 25 deletions(-)
 create mode 100644 app/views/landing/_invite_join.html.erb
 create mode 100644 app/views/landing/_previously_joined.html.erb
 create mode 100644 app/views/shared/_title.html.erb

diff --git a/app/views/landing/_invite_join.html.erb b/app/views/landing/_invite_join.html.erb
new file mode 100644
index 00000000..e143c74a
--- /dev/null
+++ b/app/views/landing/_invite_join.html.erb
@@ -0,0 +1,13 @@
+<div class="invite-join-wrapper hidden">
+  <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>
diff --git a/app/views/landing/_previously_joined.html.erb b/app/views/landing/_previously_joined.html.erb
new file mode 100644
index 00000000..3270589b
--- /dev/null
+++ b/app/views/landing/_previously_joined.html.erb
@@ -0,0 +1,6 @@
+<div class="previously-joined-wrapper hidden">
+  <div class="list-group text-center">
+    <h4><%= t('previously_joined_meetings') %></h4>
+    <ul class="previously-joined"></ul>
+  </div>
+</div>
diff --git a/app/views/landing/index.html.erb b/app/views/landing/index.html.erb
index c61793f0..126a4493 100644
--- a/app/views/landing/index.html.erb
+++ b/app/views/landing/index.html.erb
@@ -28,33 +28,11 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
           <%= render 'shared/meeting_name_form' %>
 
           <div class="row">
-            <div class="previously-joined-wrapper hidden">
-              <div class="list-group text-center">
-                <h4><%= t('previously_joined_meetings') %></h4>
-                <ul class="previously-joined"></ul>
-              </div>
-            </div>
+            <%= render 'landing/previously_joined' %>
           </div>
 
-          <div class="row invite-join-wrapper hidden">
-            <div class="col-xs-6">
-              <div class="title-wrapper text-center">
-                <div class="title-invite">
-                  <h2><%= t('invite') %></h2>
-                  <span><%= t('invite_description') %></span>
-                </div>
-              </div>
-              <%= render 'shared/meeting_url', hidden: false %>
-            </div>
-            <div class="verticle-line"></div>
-            <div class="col-xs-6">
-              <div class="title-wrapper text-center">
-                <div class="title-join">
-                  <h2 class="join-meeting-title"><%= t('join') %></h2>
-                </div>
-              </div>
-              <%= render 'shared/join_form' %>
-            </div>
+          <div class="row">
+            <%= render 'landing/invite_join' %>
           </div>
 
         </div>
diff --git a/app/views/shared/_title.html.erb b/app/views/shared/_title.html.erb
new file mode 100644
index 00000000..f18a9627
--- /dev/null
+++ b/app/views/shared/_title.html.erb
@@ -0,0 +1,7 @@
+<% title_class ||= '' %>
+<div class="title-wrapper text-center">
+  <div class="title">
+    <h2 class="<%= title_class if title_class %>"><%= title %></h2>
+    <%= yield %>
+  </div>
+</div>