forked from External/greenlight
more ui tweaks
This commit is contained in:
Josh
@ -1,85 +0,0 @@
|
||||
<div class="container">
|
||||
|
||||
<%= render "shared/components/subtitle", subtitle: "Sessions" %>
|
||||
|
||||
<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 class="text-center"><i class="icon-settings"></i></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<% 3.times do %>
|
||||
<tr>
|
||||
<td>
|
||||
<div>Example Meeting</div>
|
||||
<div class="small text-muted">
|
||||
June 21, 2017 <i>(about 3 hours ago)</i>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<img class="thumbnail px-2" src="http://test-install.blindsidenetworks.com/presentation/b622495d927cd99e9898b0601c2b18a5424a0627-1527259102285/presentation/d2d9a672040fbde2a47a10bf6c37b6a4b5ae187f-1527259102298/thumbnails/thumb-1.png">
|
||||
<img class="thumbnail px-2" src="http://test-install.blindsidenetworks.com/presentation/b622495d927cd99e9898b0601c2b18a5424a0627-1527259102285/presentation/d2d9a672040fbde2a47a10bf6c37b6a4b5ae187f-1527259102298/thumbnails/thumb-1.png">
|
||||
<img class="thumbnail px-2" src="http://test-install.blindsidenetworks.com/presentation/b622495d927cd99e9898b0601c2b18a5424a0627-1527259102285/presentation/d2d9a672040fbde2a47a10bf6c37b6a4b5ae187f-1527259102298/thumbnails/thumb-1.png">
|
||||
</td>
|
||||
<td class="text-left">
|
||||
<div class="small text-muted text-uppercase">
|
||||
Length
|
||||
</div>
|
||||
1 hr
|
||||
</td>
|
||||
<td class="text-left">
|
||||
<div class="small text-muted text-uppercase">
|
||||
Users
|
||||
</div>
|
||||
4
|
||||
</td>
|
||||
<td class="text-left">
|
||||
<div class="small text-muted text-uppercase">
|
||||
Visibility
|
||||
</div>
|
||||
Unlisted
|
||||
</td>
|
||||
<td>
|
||||
<a href="#" class="btn btn-secondary">One</a>
|
||||
<a href="#" class="btn btn-secondary">One</a>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="item-action dropdown">
|
||||
<a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
|
||||
<a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
|
||||
<a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<% end %>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Sessions
|
||||
<br><br>
|
||||
<%= @room.recordings %>
|
||||
|
||||
<% @room.recordings.each do |rec| %>
|
||||
<p><%= rec[:metadata][:meetingName] %></p>
|
||||
<% Array.wrap(rec[:playback][:format]).each do |form| %>
|
||||
<%= link_to form[:type], form[:url] %>
|
||||
<% end %>
|
||||
<% end %>
|
||||
@ -1,34 +1,41 @@
|
||||
<div class="container">
|
||||
<div class="row mt-9">
|
||||
<div class="col-9">
|
||||
<h1 id="user-text" class="display-3 text-left text-primary mb-5"><%= @room.name %></h1>
|
||||
<label class="form-label text-primary">Invite Participants</label>
|
||||
<form class="form-inline">
|
||||
<input id="invite-url" type="text" class="form-control mb-5" value="<%= request.base_url + @room.invite_path %>" readonly="" style="width: 40%;">
|
||||
<div id="copy" class="btn btn-primary mx-2 mb-5">
|
||||
<i class="fas fa-copy"></i>
|
||||
Copy
|
||||
</div>
|
||||
<div id="email" class="btn btn-primary mb-5">
|
||||
<i class="fas fa-envelope"></i>
|
||||
Email
|
||||
</div>
|
||||
</form>
|
||||
<h4 class="text-left text-primary">2 Sessions | 3 Recordings</h4>
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<%= link_to "Start", start_room_path(@room), class: "btn btn-primary btn-block px-7 start-button float-right" %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-8 mb-6">
|
||||
<% (current_user.rooms - [@room]).each do |room| %>
|
||||
<div class="col-4">
|
||||
<%= link_to room do %>
|
||||
<%= render "shared/components/room_block", room: room %>
|
||||
<% end %>
|
||||
<div class="room-section">
|
||||
<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>
|
||||
<h4 class="text-left text-primary mb-6">0 Sessions | 0 Recordings</h4>
|
||||
<label class="form-label text-primary">Invite Participants</label>
|
||||
<form class="form-inline">
|
||||
<div class="input-icon" style="width: 45%;">
|
||||
<span class="input-icon-addon">
|
||||
<i class="fe fe-link"></i>
|
||||
</span>
|
||||
<input id="invite-url" type="text" class="form-control" value="<%= request.base_url + @room.invite_path %>" readonly="" style="width: 100%;">
|
||||
</div>
|
||||
<div id="copy" class="btn btn-primary mx-2">
|
||||
<i class="fas fa-copy"></i>
|
||||
Copy
|
||||
</div>
|
||||
<!-- <div id="email" class="btn btn-primary">
|
||||
<i class="fas fa-envelope"></i>
|
||||
Email
|
||||
</div> -->
|
||||
</form>
|
||||
</div>
|
||||
<% end %>
|
||||
<div class="col-lg-3 col-sm-12 bottom-div mt-5">
|
||||
<%= link_to "Start", start_room_path(@room), class: "btn btn-primary btn-block px-7 start-button float-right" %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-7 mb-2">
|
||||
<% (current_user.rooms - [@room]).each do |room| %>
|
||||
<div class="col-4">
|
||||
<%= link_to room do %>
|
||||
<%= render "shared/components/room_block", room: room %>
|
||||
<% end %>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user