styling again

This commit is contained in:
Josh 2018-06-01 14:20:40 -04:00
parent 45fb18e609
commit a9d5215d2b
6 changed files with 53 additions and 47 deletions

View File

@ -38,6 +38,8 @@
@import "tabler";
@import "tabler.plugins";
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext);
$background-color: #F5F7FB;
$rule-color: lightblue;

View File

@ -56,9 +56,10 @@ class RoomsController < ApplicationController
# POST /r/:room_uid
def join
opts = default_meeting_options
puts
puts @room.invite_path
# If you're unauthenticated, you must enter a name to join the meeting.
if params[:join_name]
if params[@room.invite_path][:join_name]
redirect_to @room.join_path(params[:join_name], opts)
end
end

View File

@ -18,13 +18,15 @@
<h5 class="font-weight-normal ml-4 mt-3 text-primary"><%= @room.owner.name %> (Owner)</h5>
</div>
<div class="col-lg-6 col-md-4 col-sm-12">
<div class="input-group" style="height: 60px;">
<input type="text" id="name-input" class="form-control main-large" placeholder="Enter your name!"></input>
<span class="input-group-append">
<button class="btn btn-primary px-7 main-large">Join</button>
</span>
</div>
<%= form_for room_path, method: :post do |f| %>
<div class="input-group" style="height: 60px;">
<%= f.text_field :join_name, class: "form-control main-large", placeholder: "Enter your name!" %>
<span class="input-group-append">
<%= f.submit "Join", class: "btn btn-primary px-7 main-large" %>
</span>
</div>
<% end %>
</div>
</div>
</div>
</div>
</div>

View File

@ -2,13 +2,13 @@
<div class="container">
<div class="row pt-9">
<div class="col-lg-9 col-sm-12">
<h1 id="user-text" class="display-3 text-left text-primary mb-3"><%= @room.name %>
<h1 id="user-text" class="display-3 text-left mb-3"><%= @room.name %>
<% if current_user.main_room == @room %>
<i class="fas fa-home align-top" style="font-size: 22px;"></i>
<% end %>
</h1>
<h4 class="text-left text-primary mb-6"><%= @room.sessions %> Sessions | <%= @recordings.length %> Recordings</h4>
<label class="form-label text-primary">Invite Participants</label>
<h4 class="text-left mb-6"><%= @room.sessions %> Sessions | <%= @recordings.length %> Recordings</h4>
<label class="form-label">Invite Participants</label>
<form class="form-inline">
<div class="input-icon" style="width: 45%;">
<span class="input-icon-addon">

View File

@ -2,38 +2,39 @@
<div class="container pt-6">
<%= render "shared/components/subtitle", subtitle: "Recordings", search: true %>
<div class="col-12">
<div class="card">
<div class="table-responsive">
<table class="table table-hover table-outline table-vcenter text-nowrap card-table">
<thead>
<tr>
<th>Name</th>
<th>Thumbnails</th>
<th class="text-left">Length</th>
<th class="text-left">Users</th>
<th class="text-left">Visibility</th>
<th>Formats</th>
<th class="text-center"><i class="icon-settings"></i></th>
</tr>
</thead>
<tbody>
<% if recordings.empty? %>
<tr>
<td colspan="7" class="text-center h4 p-6 font-weight-normal">
This room has no recordings.
</td>
</tr>
<% else %>
<% recordings.each do |recording| %>
<%= render "shared/components/recording_row", recording: recording %>
<div class="row">
<div class="col-12">
<div class="card">
<div class="table-responsive">
<table class="table table-hover table-outline table-vcenter text-nowrap card-table">
<thead>
<tr>
<th>Name</th>
<th>Thumbnails</th>
<th class="text-left">Length</th>
<th class="text-left">Users</th>
<th class="text-left">Visibility</th>
<th>Formats</th>
<th class="text-center"><i class="icon-settings"></i></th>
</tr>
</thead>
<tbody>
<% if recordings.empty? %>
<tr>
<td colspan="7" class="text-center h4 p-6 font-weight-normal">
This room has no recordings.
</td>
</tr>
<% else %>
<% recordings.each do |recording| %>
<%= render "shared/components/recording_row", recording: recording %>
<% end %>
<% end %>
<% end %>
</tbody>
</table>
</div>
</div>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -1,18 +1,18 @@
<div class="card">
<div class="card-body p-1">
<table class="table table-hover table-outline table-vcenter text-nowrap card-table">
<table class="table table-hover table-vcenter text-nowrap table-no-border" style="border-bottom: none;">
<tbody>
<td>
<span class="stamp stamp-md bg-primary">
<span class="stamp stamp-md bg-cyan">
<% if room == current_user.main_room %>
<i class="fas fa-home"></i>
<% else %>
<i class="fas fa-<%= room.icon %>"></i>
<i class="fas fa-chalkboard-teacher"></i>
<% end %>
</span>
</td>
<td>
<div><%= room.name %></div>
<h4 class="font-weight-normal p-0"><%= room.name %></h4>
<div class="small text-muted">
<i>Last Session on <%= recording_date(room.created_at) %></i>
</div>