lino.jorzick/greenlight
1
0
Fork 0
forked from External/greenlight
Code Issues Pull Requests Projects Releases Wiki Activity

clean styling

Browse Source
This commit is contained in:
Josh
2018-06-13 15:51:10 -04:00
parent 7fadd6be69
commit bc67d9e1e5
15 changed files with 81 additions and 402 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/views/main/index.html.erb
View File

@ -1,7 +1,7 @@
<div class="landing-section">
<div class="background landing-section">
<div class="d-flex align-items-center" style="height: 100%;">
<div class="container text-center">
<h1 id="main-text" class="font-weight-400 resp-header">Welcome to BigBlueButton.</h1>
<h1 id="main-text" class="font-weight-400 responsive-header">Welcome to BigBlueButton.</h1>
<h4 class="text-muted">A simple front end for your BigBlueButton Open Source Web Conferencing Server.</h4>
<%= link_to "https://www.youtube.com/watch?v=yGX3JCv7OVM&feature=youtu.be", class: "p-3", target: "_blank" do %>

6
app/views/rooms/join.html.erb
View File

@ -1,14 +1,14 @@
<%= render 'shared/room_event' do %>
<%= form_for room_path(@room), method: :post do |f| %>
<div class="input-group" style="height: 48px;">
<div class="input-group join-input">
<%= f.text_field :join_name,
required: true,
class: "form-control main-large",
class: "form-control join-form",
placeholder: "Enter your name!",
value: "#{current_user ? current_user.name : ''}",
readonly: !current_user.nil? %>
<span class="input-group-append">
<%= f.submit "Join", class: "btn btn-primary px-7 main-large" %>
<%= f.submit "Join", class: "btn btn-primary px-7 join-form" %>
</span>
</div>
<% end %>

10
app/views/rooms/show.html.erb
View File

@ -1,20 +1,20 @@
<div class="room-section pb-1">
<div class="background pb-1">
<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 mb-3 font-weight-400"><%= @room.name %>
<% if current_user.main_room == @room %>
<i class="fas fa-home align-top" style="font-size: 22px;"></i>
<i class="fas fa-home align-top home-indicator"></i>
<% end %>
</h1>
<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%;">
<div class="input-icon invite-link-input">
<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%;">
<input id="invite-url" type="text" class="form-control w-100" value="<%= request.base_url + @room.invite_path %>" readonly="">
</div>
<div id="copy" class="btn btn-primary mx-2">
<i class="fas fa-copy"></i>
@ -26,7 +26,7 @@
</div> -->
</form>
</div>
<div class="col-lg-3 col-sm-12 bottom-div mt-5">
<div class="col-lg-3 col-sm-12 force-bottom mt-5">
<% if @is_running %>
<%= button_to "Join", room_path(@room), class: "btn btn-primary btn-block px-7 start-button float-right" %>
<% else %>

2
app/views/shared/_error_banner.html.erb
View File

@ -1,3 +1,3 @@
<div class="pt-2 text-center text-danger danger-section pb-1">
<div class="pt-2 text-center text-danger error-section pb-1">
<%= yield %>
</div>

2
app/views/shared/_header.html.erb
View File

@ -27,7 +27,7 @@
<span class="text-default username"><%= current_user.name %></span>
</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;">
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow" x-placement="bottom-end">
<%= link_to current_user.main_room, class: "dropdown-item" do %>
<i class="dropdown-icon fas fa-home"></i> Home Room
<% end %>

4
app/views/shared/_room_event.html.erb
View File

@ -1,10 +1,10 @@
<div class="room-section pb-9" room="<%= @room.uid %>" join-name="<%= @join_name %>">
<div class="background pb-9" room="<%= @room.uid %>" join-name="<%= @join_name %>">
<div class="container">
<div class="row pt-9">
<div class="col-lg-12 col-sm-12">
<h4 class="text-left">You have been invited to join</h4>
<h1 class="display-3 text-left mb-3 font-weight-400"><%= @room.name %></h1>
<hr class="mt-2 float-left" style="width: 20%;">
<hr class="mt-2 float-left w-25">
</div>
</div>

28
app/views/shared/_start_meeting.html.erb
View File

@ -1,28 +0,0 @@
<div class="col-10 offset-1 form-group">
<div class="start-block">
<%= form_for(:meeting, url: create_meeting_path) do |f| %>
<div class="input-group" style="height: 70px;">
<%= f.text_field :name, id: "name-input", class: "form-control main-large", placeholder: "Enter a meeting name!", autocomplete: :off %>
<span class="input-group-append">
<%= f.submit "Start", class: "btn btn-primary px-7 main-large" %>
</span>
</div>
<% end %>
<div class="input-group align-center p-4">
<div class="col-8">
<label class="form-label">Invite Participants</label>
<input id="invite-url" type="text" class="form-control" value="greenlight.com/m/your-meeting-name" readonly="">
</div>
<div class="col-4 mt-auto align-center">
<button id="copy" class="btn btn-primary">
<i class="fas fa-copy"></i>
Copy
</button>
<button id="email" class="btn btn-primary">
<i class="fas fa-envelope"></i>
Email
</button>
</div>
</div>
</div>
</div>

10
app/views/shared/components/_room_block.html.erb
View File

@ -1,8 +1,8 @@
<div class="card">
<div class="card-body p-1">
<table class="table table-hover table-vcenter text-nowrap table-no-border">
<tbody>
<td style="border-top: none;">
<tbody class="no-border-top">
<td>
<span class="stamp stamp-md bg-cyan">
<% if room == current_user.main_room %>
<i class="fas fa-home"></i>
@ -11,8 +11,8 @@
<% end %>
</span>
</td>
<td style="border-top: none;">
<h4 class="m-0 text-normal" style="color: #495057;"><%= room.name %></h4>
<td>
<h4 class="m-0 force-text-normal"><%= room.name %></h4>
<div class="small text-muted">
<% if room.sessions > 0 %>
<i>Last session on <%= recording_date(room.last_session) %></i>
@ -21,7 +21,7 @@
<% end %>
</div>
</td>
<td class="text-right" style="border-top: none;">
<td class="text-right">
<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">

32
app/views/shared/modals/_select_client_modal.html.erb
View File

@ -1,32 +0,0 @@
<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>

2
app/views/shared/settings/_account.html.erb
View File

@ -29,7 +29,7 @@
<span class="avatar avatar-xxl mr-5 mt-2" style="background-image: url(<%= current_user.image %>)"></span>
<% end %>
</div>
<div class="col-10" style="transform: translateY(25%);">
<div class="col-10 mt-5">
<%= f.text_field :image, class: "form-control #{form_is_invalid?(@user, :image)}", placeholder: "Profile Image URL" %>
</div>
</div>