72 lines
2.6 KiB
Plaintext
72 lines
2.6 KiB
Plaintext
<!-- <button id="test-btn" class="btn btn-primary">Test Connection</button> -->
|
|
<% params["action"] = "call" %>
|
|
<div id="join-btn" data-room="<%= @chat_room.id %>"></div>
|
|
|
|
<div id="chatroom-hook" data-chatroom-id='<%= @chat_room.id %>'></div>
|
|
|
|
|
|
<div class="row">
|
|
<div class="call-container">
|
|
<div class="col-xs-12 col-sm-6 col-lg-4">
|
|
<div id="remote-video-container">
|
|
<div id="video_overlays">
|
|
<video id="local-video" autoplay muted></video>
|
|
</div>
|
|
<video id="remote-video" autoplay></video>
|
|
<i class="far fa-hand-paper hand"></i>
|
|
<!-- <i class="far fa-phone-slash hand"></i> -->
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-6 col-lg-4 no-padding">
|
|
<div class="messages-container-container">
|
|
<div class="information-container">
|
|
<div class="chat-information">
|
|
<!-- <p id="caller-name">name</p> -->
|
|
<select id="language-1" class="form-control no-radius">
|
|
<% @languages.each do |language| %>
|
|
<option value="<%= language.code %>"><%= language.name %></option>
|
|
<% end %>
|
|
</select>
|
|
</div>
|
|
<div class="hover-notice">
|
|
<span class="text-center"><small>Hover to see the original message</small></span>
|
|
</div>
|
|
<div id="messages-container">
|
|
</div>
|
|
<div class="chat">
|
|
<div class="input-group">
|
|
<form class="form-inline" id="chat-form">
|
|
<!-- <span class="input-group-addon" style="width:0px; padding-left:0px; padding-right:0px; border:none;"></span> -->
|
|
<div class="form-group guyisbadass">
|
|
<input type="text" class="form-control input-transparent input-large" name="chat-input" id="chat-input" value="" placeholder="Type something...">
|
|
</div>
|
|
<div class="form-group">
|
|
<span class="input-group-btn">
|
|
<button class="form-control send-button" id="send-btn" type="submit" remote: true>
|
|
<i class="fas fa-paper-plane"></i>
|
|
</button>
|
|
</span>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div><span id="current-user" class="text-color" style="display:none"><%= current_user.id %></span></div>
|
|
|
|
<script>
|
|
const div = document.getElementById('messages-container')
|
|
div.scrollTop = div.scrollHeight
|
|
</script>
|
|
|
|
<%= javascript_pack_tag 'chatrooms' %>
|
|
<%= javascript_pack_tag 'webrtc' %>
|
|
<%= javascript_pack_tag 'translate' %>
|
|
|