html template push in main branch

learnwithsumit · May 28, 2021 · 82d644f · 82d644f
1 parent 13fd52a
commit 82d644f
Show file tree

Hide file tree

Showing 34 changed files with 101 additions and 3,334 deletions.
diff --git a/.gitignore b/.gitignore
diff --git a/.vscode/settings.json b/.vscode/settings.json
diff --git a/README.md b/README.md
@@ -0,0 +1,36 @@
+[![Youtube][youtube-shield]][youtube-url]
+[![Facebook][facebook-shield]][facebook-url]
+[![Instagram][instagram-shield]][instagram-url]
+[![LinkedIn][linkedin-shield]][linkedin-url]
+
+<p align="center">
+  <h3 align="center"><a href="https://github.com/learnwithsumit/chat-application">Full Stack Chat Applicaton project with Node Express.js MongoDB & EJS Template Engine - Tutorial Series</a></h3>
+
+## Youtube Tutorial link
+
+You can get the complete series of tutorials here - https://lwsbd.link/node-chat
+
+## HTML Template
+
+This main branch contains the HTML template for the project. You will get lesson by lesson source code in corresponding branches of this repository.
+
+<!-- CONTACT -->
+
+## Contact
+
+Sumit Saha - [[email protected]](mailto:[email protected])
+
+Repository Link: [https://github.com/learnwithsumit/chat-application](https://github.com/learnwithsumit/chat-application)
+
+Youtube Channel: [https://youtube.com/LearnwithSumit](https://youtube.com/LearnwithSumit)
+
+<!-- MARKDOWN LINKS & IMAGES -->
+
+[youtube-shield]: https://img.shields.io/badge/-Youtube-black.svg?style=flat-square&logo=youtube&color=555&logoColor=white
+[youtube-url]: https://youtube.com/LearnwithSumit
+[facebook-shield]: https://img.shields.io/badge/-Facebook-black.svg?style=flat-square&logo=facebook&color=555&logoColor=white
+[facebook-url]: https://facebook.com/letslearnwithsumit
+[instagram-shield]: https://img.shields.io/badge/-Instagram-black.svg?style=flat-square&logo=instagram&color=555&logoColor=white
+[instagram-url]: https://instagram.com/learnwithsumit
+[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=flat-square&logo=linkedin&colorB=555
+[linkedin-url]: https://linkedin.com/company/learnwithsumit
diff --git a/app.js b/app.js
diff --git a/controller/inboxController.js b/controller/inboxController.js
diff --git a/controller/loginController.js b/controller/loginController.js
diff --git a/controller/usersController.js b/controller/usersController.js
diff --git a/public/images/attachment.png → images/attachment.png b/public/images/attachment.png → images/attachment.png
diff --git a/public/images/edit.svg → images/edit.svg b/public/images/edit.svg → images/edit.svg
diff --git a/public/images/error-illustration.svg → images/error-illustration.svg b/public/images/error-illustration.svg → images/error-illustration.svg
diff --git a/public/images/error.svg → images/error.svg b/public/images/error.svg → images/error.svg
diff --git a/public/images/favicon.png → images/favicon.png b/public/images/favicon.png → images/favicon.png
diff --git a/public/images/illustration.png → images/illustration.png b/public/images/illustration.png → images/illustration.png
diff --git a/public/images/logo.png → images/logo.png b/public/images/logo.png → images/logo.png
diff --git a/public/images/nophoto.png → images/nophoto.png b/public/images/nophoto.png → images/nophoto.png
diff --git a/public/images/search.png → images/search.png b/public/images/search.png → images/search.png
diff --git a/public/images/trash.png → images/trash.png b/public/images/trash.png → images/trash.png
diff --git a/public/images/user1.png → images/user1.png b/public/images/user1.png → images/user1.png
diff --git a/public/images/user2.png → images/user2.png b/public/images/user2.png → images/user2.png
diff --git a/views/inbox.ejs → inbox.html b/views/inbox.ejs → inbox.html
@@ -1,4 +1,23 @@
-<%- include('./partials/header.ejs'); %>
+<!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" />
+    <meta name="author" content="Sumit Saha" />
+    <meta name="owner" content="learnwithsumit.com" />
+    <title>Inbox</title>
+    <link rel="shortcut icon" href="./images/favicon.png" />
+    <link rel="stylesheet" href="./stylesheets/toastify.css" />
+    <link rel="stylesheet" href="./stylesheets/style.css" />
+    <script src="./js/toastify.js"></script>
+  </head>
+  <body>
+    <div class="menu">
+      <div class="menu-item"><a href="/inbox">Inbox</a></div>
+      <div class="menu-item"><a href="/users">Users</a></div>
+      <div class="menu-item"><a href="/">Login</a></div>
+    </div>
     <div id="chat-container">
       <div id="search-container">
         <input type="text" placeholder="Search" />

diff --git a/views/partials/header.ejs → index.html b/views/partials/header.ejs → index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="author" content="Sumit Saha" />
     <meta name="owner" content="learnwithsumit.com" />
-    <title><%= title %></title>
+    <title>Login</title>
     <link rel="shortcut icon" href="./images/favicon.png" />
     <link rel="stylesheet" href="./stylesheets/toastify.css" />
     <link rel="stylesheet" href="./stylesheets/style.css" />
@@ -18,3 +18,26 @@
       <div class="menu-item"><a href="/users">Users</a></div>
       <div class="menu-item"><a href="/">Login</a></div>
     </div>
+
+    <div id="login-container">
+      <div id="left-column"></div>
+      <div id="branding">
+        <img src="./images/logo.png" />
+        <h1>Login - Chat Application</h1>
+      </div>
+      <div id="login-form">
+        <form method="post" action="/">
+          <input
+            type="text"
+            name="username"
+            placeholder="enter mobile or email"
+            value=""
+          />
+          <p class="error show">Error message here</p>
+          <input type="password" name="password" placeholder="enter password" />
+          <input type="submit" value="Login" />
+        </form>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/public/js/toastify.js → js/toastify.js b/public/js/toastify.js → js/toastify.js
diff --git a/middlewares/common/decorateHtmlResponse.js b/middlewares/common/decorateHtmlResponse.js
diff --git a/middlewares/common/errorHandler.js b/middlewares/common/errorHandler.js