create components for new layout

This commit is contained in:
Zachary Chai 2017-01-26 10:35:44 -05:00
parent 540ab7d369
commit ac74041aca
4 changed files with 29 additions and 25 deletions

View File

@ -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>

View File

@ -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>

View File

@ -28,33 +28,11 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
<%= render 'shared/meeting_name_form' %> <%= render 'shared/meeting_name_form' %>
<div class="row"> <div class="row">
<div class="previously-joined-wrapper hidden"> <%= render 'landing/previously_joined' %>
<div class="list-group text-center">
<h4><%= t('previously_joined_meetings') %></h4>
<ul class="previously-joined"></ul>
</div>
</div>
</div> </div>
<div class="row invite-join-wrapper hidden"> <div class="row">
<div class="col-xs-6"> <%= render 'landing/invite_join' %>
<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> </div>
</div> </div>

View File

@ -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>