paoda
/
polyglot
mirror of https://github.com/beatriceo/polyglot.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #71 from beatriceo/send-enter 

added an event listener on enter key to have it as send
This commit is contained in:
Beatrice Olivera 2018-09-06 12:47:07 +01:00 committed by GitHub
parent 110fa37c42 4899ac5ec7
commit ab42239aad
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 26 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/javascript/packs/application.js
View File

@ -100,3 +100,4 @@ if (acceptButton) {
document.getElementById('chat-room-id').value = chatRoomId
})
}

15
app/javascript/packs/webrtc.js
View File

@ -220,3 +220,18 @@ setTimeout(function() {
window.__proto__.reload = () => { window.location = window.location }
})();
// // have enter with JS
// const form = document.getElementById("chat-form")
// document.getElementById("chat-input").addEventListener("keyup", event => {
// if(event == "Enter"){
// form.submit();
// }
// });
document.getElementById("chat-form").addEventListener("click", function(event){
event.preventDefault()
});

18
app/views/chat_rooms/show.html.erb
View File

@ -28,14 +28,16 @@
<option value="<%= language.code %>"><%= language.name %></option>
<% end %>
</select>
<span class="input-group-addon" style="width:0px; padding-left:0px; padding-right:0px; border:none;"></span>
<input type="text" class="form-control" name="chat-input" id="chat-input" value="">
<span class="input-group-btn">
<button class="btn btn-primary form-control" id="send-btn" type="submit" remote: true>Send</button>
</span>
<span class="input-group-btn">
<button class="btn btn-danger form-control" id="original-btn" type="submit" remote: true>Show Original</button>
</span>
<form class="form-inline" id="chat-form">
<span class="input-group-addon" style="width:0px; padding-left:0px; padding-right:0px; border:none;"></span>
<input type="text" class="form-control" name="chat-input" id="chat-input" value="">
<span class="input-group-btn">
<button class="btn btn-primary form-control" id="send-btn" type="submit" remote: true>Send</button>
</span>
<span class="input-group-btn">
<button class="btn btn-danger form-control" id="original-btn" type="submit" remote: true>Show Original</button>
</span>
</form>
</div>
</div>
</div>