docbrown/app/views/chat_channels/index.html.erb
Vaidehi Joshi 59ea42a372
Add community_emoji to SiteConfig (#11450)
* Add optional community_emoji to SiteConfig

* Remove hardcoded emojis, favor community_emoji instead

* Remove remaining hardcoded emojis

* Validate community_emoji field when updated
2020-11-17 14:02:04 -08:00

45 lines
1.6 KiB
Text

<% title("#{community_name} Connect") %>
<%= content_for :page_meta do %>
<link rel="canonical" href="<%= app_url(connect_path) %>" />
<meta name="description" content="<%= community_name %> Connect">
<% end %>
<%= csrf_meta_tags %>
<% if user_signed_in? %>
<%= javascript_packs_with_chunks_tag "Chat", defer: true %>
<div class="chat-page-wrapper">
<div
id="chat"
class="live-chat"
data-pusher-key="<%= ApplicationConfig["PUSHER_KEY"] %>"
data-github-token="<%= @github_token %>"
data-chat-channels="<%= [] %>"
data-chat-options="<%= { showChannelsList: true, showTimestamp: true, activeChannelId: @active_channel&.id, currentUserId: current_user.id }.to_json %>">
<div class="chat" id="chat_placeholder">
<div class="chat__channels chat__channels--placeholder">
</div>
<div class="chat__activechat">
<div class="activechatchannel">
<div class="activechatchannel__conversation">
<div class="active-channel__header"><span>&nbsp;</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<% else %>
<%= render "devise/registrations/registration_form" %>
<% end %>
<style>
footer {
display: none
}
</style>
<script>
// First we get the viewport height and we multiple it by 1% to get a value for a vh unit
let vh = window.innerHeight * 0.01;
// Then we set the value in the --vh custom property to the root of the document
document.documentElement.style.setProperty('--vh', `${vh}px`);
document.body.style.setProperty('min-height','-webkit-fill-available')
</script>