swahaniroy
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const firebaseConfig = { | |
| apiKey: `${config.apiKey}`, | |
| authDomain: `${config.authDomain}`, | |
| databaseURL: `${config.databaseURL}`, | |
| projectId: `${config.projectId}`, | |
| storageBucket: `${config.storageBucket}`, | |
| messagingSenderId: `${config.messagingSenderId}`, | |
| appId: `${config.appId}`, | |
| measurementId: `${config.measurementId}` | |
| }; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const config = { | |
| apiKey: xxx-xxx-xxx-xxx-xxx-xxx-xxx-xxx, | |
| authDomain: xxx-xxx-xxx-xxx-xxx-xxx-xxx-xxx, | |
| databaseURL: xxx-xxx-xxx-xxx-xxx-xxx-xxx-xxx, | |
| projectId: xxx-xxx-xxx-xxx-xxx-xxx-xxx-xxx, | |
| storageBucket: xxx-xxx-xxx-xxx-xxx-xxx-xxx-xxx, | |
| messagingSenderId: xxx-xxx-xxx-xxx-xxx-xxx-xxx-xxx, | |
| appId: xxx-xxx-xxx-xxx-xxx-xxx-xxx-xxx, | |
| measurementId: xxx-xxx-xxx-xxx-xxx-xxx-xxx-xxx, | |
| CometChatAppId: xxx-xxx-xxx-xxx-xxx-xxx-xxx-xxx, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| npm install -g http-server |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| logoutButon.addEventListener('click', function() { | |
| const isLeaved = confirm('Do you want to log out?'); | |
| if (isLeaved) { | |
| // logout from cometchat and then clear storage. | |
| CometChatWidget.logout().then(response => { | |
| // User successfully logged out. | |
| // Perform any clean up if required. | |
| // redirect to login page. | |
| window.location.href = '/login.html'; | |
| }); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| CometChatWidget.launch({ | |
| "widgetID": `${config.CometChatWidgetId}`, | |
| "target": "#cometchat", | |
| "roundedCorners": "false", | |
| "height": "100%", | |
| "width": "100%", | |
| "defaultID": `${user.uid}`, //default UID (user) or GUID (group) to show, | |
| "defaultType": 'user' //user or group | |
| }); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| window.addEventListener('DOMContentLoaded', function() { | |
| // hide loading indicator. | |
| hideLoading(); | |
| // get authenticated user | |
| CometChatWidget.init({ | |
| "appID": `${config.CometChatAppId}`, | |
| "appRegion": `${config.CometChatRegion}`, | |
| "authKey": `${config.CometChatAuthKey}` | |
| }).then(response => { | |
| CometChatWidget.CometChat.getLoggedinUser().then( |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Video Chat App with Vanilla JS</title> | |
| <link rel="stylesheet" href="/css/styles.css" /> | |
| <script | |
| defer |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const config = { | |
| ... | |
| CometChatAppId: xxx - xxx - xxx - xxx - xxx - xxx - xxx - xxx, | |
| CometChatRegion: xxx - xxx - xxx - xxx - xxx - xxx - xxx - xxx, | |
| CometChatAuthKey: xxx - xxx - xxx - xxx - xxx - xxx - xxx - xxx, | |
| CometChatAPIKey: xxx - xxx - xxx - xxx - xxx - xxx - xxx - xxx, | |
| CometChatWidgetId: xxx - xxx - xxx - xxx - xxx - xxx - xxx - xxx, | |
| }; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| loginBtn.addEventListener("click", function () { | |
| // show loading indicator. | |
| showLoading(); | |
| // get input user's credentials. | |
| const email = emailLoginInputElement ? emailLoginInputElement.value : null; | |
| const password = passwordLoginInputElement | |
| ? passwordLoginInputElement.value | |
| : null; | |
| if (isUserCredentialsValid({ email, password })) { | |
| // if the user's credentials are valid, call Firebase authentication service. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // hide loading indicator. | |
| hideLoading(); | |
| // get sign up container. | |
| const signUpContainer = document.getElementById("signup"); | |
| // set up event for sign up close btn | |
| const signUpCloseBtn = document.getElementById("signup__close-btn"); | |
| // set up event for create new account button. | |
| const createNewAccountBtn = document.getElementById( | |
| "login__create-account-btn" | |
| ); |