From d5e5386e1a53fd8766c4f3539e21907dac898eab Mon Sep 17 00:00:00 2001 From: Joel Salisbury Date: Thu, 5 Mar 2020 15:13:40 -0500 Subject: [PATCH] what's up --- demo.html | 54 +++++++++++++++++++++++++++++++++ demo.js | 59 +++++++++++++++++++++++++++++++++++++ firebase-chat-functions.js | 2 +- joel.jfif | Bin 0 -> 3791 bytes 4 files changed, 114 insertions(+), 1 deletion(-) create mode 100644 demo.html create mode 100644 demo.js create mode 100644 joel.jfif diff --git a/demo.html b/demo.html new file mode 100644 index 0000000..908d92c --- /dev/null +++ b/demo.html @@ -0,0 +1,54 @@ + + + + + + + DMD 3440 - Room of Chat Demo + + + + + +
+
My profile pic: + + + Picture of me +
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/demo.js b/demo.js new file mode 100644 index 0000000..48697f5 --- /dev/null +++ b/demo.js @@ -0,0 +1,59 @@ +// var initialMessages = getAllMessagesFromFirebase(); +// console.log(initialMessages); +var username = "Joel"; +var chatLog = document.querySelector("#chatLog"); +var inputBox = document.querySelector("#inputBox"); +var sendButton = document.querySelector("#sendButton"); +var profilePicInput = document.querySelector("#profilePic"); +var saveProfileButton = document.querySelector("#saveProfile"); +var profilePicDisplayElement = document.querySelector("#profilePicDisplay"); +var profilePic = localStorage.getItem("userProfilePic") || "unknown.jpg"; + +var testMessage = { + dateStamp:"983459835498345", + message: "Hello test!", + sentBy: "Joel" +} + +profilePicDisplayElement.src = profilePic; + +function saveProfileImageLocally() { + if (profilePicInput.files && profilePicInput.files[0]) { + var reader = new FileReader(); + reader.onload = function(e) { + localStorage.setItem("userProfilePic", reader.result); + } + reader.readAsDataURL(profilePicInput.files[0]); + } +} + +function displayMessage(message) { + var messageParagraph = document.createElement("p"); + messageParagraph.innerHTML = message.dateStamp + " " + message.message + " " + message.sentBy; + + chatLog.appendChild(messageParagraph); + chatLog.scrollTop = chatLog.scrollHeight; +} + +watchFirebaseForChanges( + function(msg){ + displayMessage(msg.data()) + } +); + +sendButton.addEventListener("click", function () { + var msgObj = { + dateStamp:Date.now(), + message: inputBox.value, + sentBy: username + } + + saveMessageToFirebase(msgObj); + + inputBox.value = ""; + inputBox.focus(); +}); + +saveProfileButton.addEventListener("click", function() { + saveProfileImageLocally(); +}); \ No newline at end of file diff --git a/firebase-chat-functions.js b/firebase-chat-functions.js index 65a98bb..f633293 100644 --- a/firebase-chat-functions.js +++ b/firebase-chat-functions.js @@ -26,4 +26,4 @@ function watchFirebaseForChanges(callBack) { //getAllMessagesFromFirebase(); -watchFirebaseForChanges(function(msg){displayNewMessage(msg.data())}) \ No newline at end of file +//watchFirebaseForChanges(function(msg){displayNewMessage(msg.data())}) \ No newline at end of file diff --git a/joel.jfif b/joel.jfif new file mode 100644 index 0000000000000000000000000000000000000000..c41c56c1c63bb787d7f5dcf55eacd9a588ab045c GIT binary patch literal 3791 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 literal 0 HcmV?d00001