forked from External/greenlight
styling
This commit is contained in:
joshua-arts
@ -11,13 +11,13 @@
|
||||
<% end %>
|
||||
<% end %>
|
||||
|
||||
<div class="d-flex order-lg-2 ml-auto">
|
||||
<div class="d-flex ml-auto">
|
||||
<% if current_user %>
|
||||
<a class="px-5" href="" data-toggle="modal" data-target="#createRoomModal">
|
||||
<a class="px-5 ml-2 mt-1" href="" data-toggle="modal" data-target="#createRoomModal">
|
||||
<i class="fas fa-plus"></i> Create Room
|
||||
</a>
|
||||
<div class="dropdown">
|
||||
<a href="#" class="nav-link pr-0 leading-none" data-toggle="dropdown">
|
||||
<a href="#" class="nav-link pr-0" data-toggle="dropdown">
|
||||
<% if current_user.image.nil? %>
|
||||
<span class="avatar"><%= current_user.name.first %></span>
|
||||
<% else %>
|
||||
@ -28,6 +28,9 @@
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow" x-placement="bottom-end" style="position: absolute; transform: translate3d(-56px, 32px, 0px); top: 0px; left: 0px; will-change: transform;">
|
||||
<%= link_to current_user.main_room, class: "dropdown-item" do %>
|
||||
<i class="dropdown-icon fas fa-home"></i> Home Room
|
||||
<% end %>
|
||||
<%= link_to settings_path, class: "dropdown-item" do %>
|
||||
<i class="dropdown-icon fe fe-settings"></i> Settings
|
||||
<% end %>
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<div class="sessions pb-5">
|
||||
<div class="container pt-6">
|
||||
|
||||
<%= render "shared/components/subtitle", subtitle: "Recordings" %>
|
||||
<%= render "shared/components/subtitle", subtitle: "Recordings", search: true %>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
@ -19,53 +19,61 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<% 3.times do %>
|
||||
<% if recordings.empty? %>
|
||||
<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">Presentation</a>
|
||||
<a href="#" class="btn btn-secondary">Podcast</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 far fa-eye"></i> Change Visibility</a>
|
||||
<a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon far fa-envelope"></i> Email Recording</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-trash"></i> Delete</a>
|
||||
</div>
|
||||
</div>
|
||||
<td colspan="7" class="text-center h4 p-6 font-weight-normal">
|
||||
This room has no recordings.
|
||||
</td>
|
||||
</tr>
|
||||
<% else %>
|
||||
<% 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">Presentation</a>
|
||||
<a href="#" class="btn btn-secondary">Podcast</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 far fa-eye"></i> Change Visibility</a>
|
||||
<a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon far fa-envelope"></i> Email Recording</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon far fa-trash-alt"></i> Delete</a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<% end %>
|
||||
<% end %>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@ -3,14 +3,18 @@
|
||||
<table class="table table-hover table-outline table-vcenter text-nowrap card-table">
|
||||
<tbody>
|
||||
<td>
|
||||
<span class="stamp stamp-md bg-primary mr-3">
|
||||
<i class="fas fa-<%= room.icon %>"></i>
|
||||
<span class="stamp stamp-md bg-primary">
|
||||
<% if room == current_user.main_room %>
|
||||
<i class="fas fa-home"></i>
|
||||
<% else %>
|
||||
<i class="fas fa-<%= room.icon %>"></i>
|
||||
<% end %>
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<div><%= room.name %></div>
|
||||
<div class="small text-muted">
|
||||
<i>Created on <%= room.created_at.strftime("%B #{room.created_at.day.ordinalize}, %Y.") %></i>
|
||||
<i>Last Session on <%= room.created_at.strftime("%B #{room.created_at.day.ordinalize}, %Y.") %></i>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
@ -18,11 +22,11 @@
|
||||
<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">
|
||||
<%= button_to root_path, class: "dropdown-item" do %>
|
||||
<i class="dropdown-icon fe fe-home"></i> Make Home Room
|
||||
<i class="dropdown-icon fas fa-home"></i> Make Home Room
|
||||
<% end %>
|
||||
<% if room != current_user.main_room %>
|
||||
<%= button_to room, method: :delete, data: { confirm: 'Are you sure?' }, class: "dropdown-item" do %>
|
||||
<i class="dropdown-icon fe fe-trash"></i> Delete
|
||||
<i class="dropdown-icon far fa-trash-alt"></i> Delete
|
||||
<% end %>
|
||||
<% end %>
|
||||
</div>
|
||||
|
||||
@ -1,6 +1,16 @@
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="col-9">
|
||||
<p class="subtitle"><%= subtitle %></p>
|
||||
<hr>
|
||||
</div>
|
||||
<% if search %>
|
||||
<div class="col-3">
|
||||
<div class="input-icon">
|
||||
<span class="input-icon-addon">
|
||||
<i class="fas fa-search"></i>
|
||||
</span>
|
||||
<input type="text" class="form-control btn-pill" placeholder="Search...">
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
<hr class="mt-0">
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
|
||||
<hr class="small-rule">
|
||||
|
||||
<%= form_for(@user, url: signup_path) do |f| %>
|
||||
<%= form_for(User.new, url: signup_path) do |f| %>
|
||||
<div class="form-group">
|
||||
<%= f.label :name, "Full Name", class: "form-label text-left" %>
|
||||
<%= f.text_field :name, class: "form-control", placeholder: "Full Name" %>
|
||||
|
||||
Reference in New Issue
Block a user