Skip to content

Commit

Permalink
~
Browse files Browse the repository at this point in the history
  • Loading branch information
yuh19027 committed May 3, 2020
1 parent 9e48e02 commit 28900f5
Show file tree
Hide file tree
Showing 5 changed files with 158 additions and 0 deletions.
Binary file modified .DS_Store
Binary file not shown.
Binary file modified final/.DS_Store
Binary file not shown.
67 changes: 67 additions & 0 deletions final/edit-profile.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Edit-Profile</title>
<link href="css/edit-profile.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet">
</head>
<body>
<br>
<br>
<br>
<br>
<br>


<header>
<a href="index.html"><img src="imgs/backbutton.png" alt="Back Icon" height = 25px weight = 25px></a>
<div class="profile">
<img class="smallImage" src="imgs/profile.png" id="userProfilePicDisplay"/>
<br><br>
<div id="usernameDisplay"></div>
<br>
<div id="userStatusDisplay"></div>
</div>
</header>



<div class="change-profile">
<label id="new-profile" for = "profilePicInput">
<img src="imgs/camera.png" height="20px"></label>
<input type="file" id="profilePicInput" name="profilePicInput">
</div>

<div class="edit">
<p>Display name</p>
<input type="text" placeholder="Display Name" name="UserName" id="usernameInput">
<p>Set a Status</p>
<input type="text" placeholder="Status Message" name="StatusMessage" id="statusInput">
<p>
<button id="profileSaveInput" onclick="window.location.href='profile.html'">Save</button>
</p>
</div>





<!-- Firebase App (the core Firebase SDK) is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.9.2/firebase-app.js"></script>

<!-- If you enabled Analytics in your project, add the Firebase SDK for Analytics -->
<script src="https://www.gstatic.com/firebasejs/7.9.2/firebase-analytics.js"></script>

<!-- Add Firebase products that you want to use -->
<script src="https://www.gstatic.com/firebasejs/7.9.2/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.9.2/firebase-firestore.js"></script>
<script src="js/firebase-config.js"></script>
<script src="js/register-sw.js"></script>

<script src="js/edit-profile.js"></script>
<script src="js/profile.js?version=2"></script>
<script src="js/main.js?version=2"></script>
</body>
</html>
33 changes: 33 additions & 0 deletions final/groupchat.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/groupchat.css" rel="stylesheet">
<link rel="manifest" href="manifest.json?version=2">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet">
<title>Group Chats</title>
</head>
<body>
<div class="flex-box">
<a href="index.html">
<img src="imgs/backbutton.png" height = 25px width = 15px>
</a>
<input id="searchMsg" type="text" placeholder="Search">
</div>
<br>
<br>
<div>
<h2>Channels</h2>
<a href="index.html"><h4>DMD3440 Chat Room</h4></a>
<h4>DMD3470 Scripting</h4>
</div>
<br>
<div>
<h2>Contacts</h2>
<h4>Joel Salisbury</h4>
</div>


</body>
</html>
58 changes: 58 additions & 0 deletions final/profile.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/profile.css" rel="stylesheet">
<link rel="manifest" href="manifest.json?version=2">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet">
<title>Profile</title>
</head>
<body>
<header>
<a href="index.html"><img src="imgs/backbutton.png" alt="Back Icon" height = 25px weight = 25px></a>
<div class="profile">
<img class="smallImage" src="imgs/profile.png" id="userProfilePicDisplay"/>
<br><br>
<div id="usernameDisplay"></div>
<br>
<div id="userStatusDisplay"></div>
<!-- <div id="userEmailDisplay"></div> -->
</div>
</header>
<br>
<br>
<div class="button">
<a href="edit-profile.html"><button>Edit Profile</button></a>
<a href="login.html"><button>Log Out</button></a>
</div>



<div class="input">
<p>Username</p>
<input type="text" placeholder="Display Name" name="UserName" id="usernameInput"></p>
<p>Status</p>
<input type="text" placeholder="Status Message" name="StatusMessage" id="statusInput">
<p><input type="file" id="profilePicInput" name="profilePicInput"></p>
<button id="profileSaveInput">Submit</button>
</div>


<!-- Firebase App (the core Firebase SDK) is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.9.2/firebase-app.js"></script>

<!-- If you enabled Analytics in your project, add the Firebase SDK for Analytics -->
<script src="https://www.gstatic.com/firebasejs/7.9.2/firebase-analytics.js"></script>

<!-- Add Firebase products that you want to use -->
<script src="https://www.gstatic.com/firebasejs/7.9.2/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.9.2/firebase-firestore.js"></script>
<script src="js/firebase-config.js"></script>
<script src="js/register-sw.js"></script>


<script src="js/profile.js?version=2"></script>
<script src="js/main.js?version=2"></script>
</body>
</html>

0 comments on commit 28900f5

Please sign in to comment.