continue front-end work

This commit is contained in:
Josh
2018-05-25 11:55:48 -04:00
parent a1a41bfa43
commit 0dce8d2bf5
16 changed files with 238 additions and 18 deletions

View File

@ -1,3 +1,3 @@
<div class="footer">
<h5 class="text-center">Powered by BigBlueButton.</h5>
<h5 class="text-center">Powered by <a target="_blank" href="http://bigbluebutton.org/">BigBlueButton</a>.</h5>
</div>

View File

@ -9,17 +9,20 @@
<% if current_user %>
<div class="dropdown">
<a href="#" class="nav-link pr-0 leading-none" data-toggle="dropdown">
<span class="avatar" style="background-image: url({{ site.base }}/{{ user.photo }})"></span>
<% if current_user.image.nil? %>
<span class="avatar"><%= current_user.name.first %></span>
<% else %>
<span class="avatar" style="background-image: url(<%= current_user.image %>)"></span>
<% end %>
<span class="ml-2 d-none d-lg-block">
<span class="text-default">{{ user.name }} {{ user.surname }}</span>
<small class="text-muted d-block mt-1">Administrator</small>
<span class="text-default"><%= current_user.name %></span>
<small class="text-muted d-block mt-1"><%= current_user.subtitle %></small>
</span>
</a>
</div>
<% else %>
<button type="submit" class="btn btn-pill btn-outline-primary ml-auto" data-toggle="modal" data-target="#loginModal">Login</button>
<%= render "shared/login_modal" %>
<%= render "shared/modals/login_modal" %>
<% end %>
</div>
</div>

View File

@ -1,12 +1,14 @@
<div class="card text-center">
<div class="card-body">
<div class="col-8 offset-2 form-group">
<div class="input-group">
<input type="text" class="form-control" placeholder="Enter a meeting name to start!">
<span class="input-group-append">
<button class="btn btn-primary" type="button">Start Meeting</button>
</span>
</div>
<%= form_for(:meeting, url: create_meeting_path) do |f| %>
<div class="input-group">
<%= f.text_field :name, class: "form-control", placeholder: "Enter a meeting name to start!" %>
<span class="input-group-append">
<%= f.submit "Start Meeting", class: "btn btn-primary" %>
</span>
</div>
<% end %>
</div>
</div>
<div class="card-footer">

View File

@ -16,10 +16,20 @@
<hr>
<div class="form-group">
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Email">
<div class="input-icon">
<span class="input-icon-addon">
<i class="fas fa-at"></i>
</span>
<input type="email" class="form-control" placeholder="Email">
</div>
</div>
<div class="form-group">
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
<div class="input-icon">
<span class="input-icon-addon">
<i class="fas fa-key"></i>
</span>
<input type="password" class="form-control" placeholder="Password">
</div>
</div>
<div class="form-footer">
<button type="submit" class="btn btn-outline-primary btn-block btn-pill">Login</button>

View File

@ -0,0 +1,32 @@
<div class="modal fade" id="selectClientModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content text-center">
<div class="modal-body">
<div class="card-body p-6">
<div class="card-title text-primary">
<h3>Which client would you like to use?</h3>
</div>
<hr class="small-rule">
<div class="form-group">
<div class="selectgroup selectgroup-pills">
<label class="selectgroup-item">
<input type="radio" name="icon-input" value="1" class="selectgroup-input" checked="">
<span class="selectgroup-button selectgroup-button-icon client-icon p-2"><i class="fab fa-html5 fa-3x"></i></span>
<p>HTML5</p>
</label>
<label class="selectgroup-item">
<input type="radio" name="icon-input" value="2" class="selectgroup-input">
<span class="selectgroup-button selectgroup-button-icon client-icon"><i class="fas fa-bolt fa-3x"></i></span>
<p>Flash</p>
</label>
</div>
</div>
<div class="card-footer">
<p>We recommend you use the HTML5 client for the best experience.</p>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -4,7 +4,7 @@
<div class="modal-body">
<div class="card-body p-6">
<div class="card-title text-primary">
<h3>Welcome</h3>
<h3>Welcome to Greenlight</h3>
</div>
<hr class="small-rule">