fixed issue where modal trigger broke navbar

This commit is contained in:
Beatrice Olivera 2018-08-31 11:55:03 +01:00
parent d0803e7e72
commit 4eecfe6291
6 changed files with 34 additions and 18 deletions

View File

@ -16,10 +16,12 @@ let pcPeers = {}; // peer connection
let localstream; let localstream;
window.onload = () => { window.onload = () => {
if (document.getElementById("current-user")) {
currentUser = document.getElementById("current-user").innerHTML; currentUser = document.getElementById("current-user").innerHTML;
console.log(currentUser) console.log(currentUser)
localVideo = document.getElementById("local-video"); localVideo = document.getElementById("local-video");
remoteVideoContainer = document.getElementById("remote-video-container"); remoteVideoContainer = document.getElementById("remote-video-container");
}
}; };
// Ice Credentials // Ice Credentials
@ -35,8 +37,10 @@ document.onreadystatechange = async () => {
}) })
localstream = stream; localstream = stream;
if (localVideo) {
localVideo.srcObject = stream localVideo.srcObject = stream
localVideo.muted = true localVideo.muted = true
}
} catch (e) { console.error(e); } } catch (e) { console.error(e); }
} }
}; };
@ -67,8 +71,12 @@ document.onreadystatechange = async () => {
// } // }
// }); // });
// }; // };
if (document.getElementById('chatroom-hook')) {
const chatroomId = document.getElementById('chatroom-hook').dataset["chatroomId"] const chatroomId = document.getElementById('chatroom-hook').dataset["chatroomId"]
}
const handleJoinSession = async () => { const handleJoinSession = async () => {
App['chatroom' + chatroomId] = await App.cable.subscriptions.create({ App['chatroom' + chatroomId] = await App.cable.subscriptions.create({
channel: "ChatRoomsChannel", channel: "ChatRoomsChannel",

View File

@ -0,0 +1,11 @@
const triggerModalEvent = () => {
const btn = document.getElementById("modalTrigger");
const modal = document.getElementById("myModal");
btn.addEventListener('click', function(event) {
$('#myModal').modal('show');
});
}
export { triggerModalEvent }

View File

@ -1,4 +1,9 @@
import "bootstrap"; import "bootstrap";
import { profilePageAnimation } from '../users/lesson'; import { triggerModalEvent } from "../components/modal.js";
profilePageAnimation();
triggerModalEvent();
// import { profilePageAnimation } from '../users/lesson';
// profilePageAnimation();

View File

@ -1,8 +0,0 @@
import "bootstrap";
const btn = document.getElementById("modalTrigger");
const modal = document.getElementById("myModal");
btn.addEventListener('click', function(event) {
$('#myModal').modal('show');
});

View File

@ -15,5 +15,6 @@
<%= yield %> <%= yield %>
<%= javascript_include_tag 'application' %> <%= javascript_include_tag 'application' %>
<%= javascript_pack_tag 'application' %> <%= javascript_pack_tag 'application' %>
</body> </body>
</html> </html>

View File

@ -61,4 +61,3 @@ end
</div> </div>
<%= javascript_pack_tag 'modal' %>