Contact us page created and .txt with email credentials

guscan · Dec 2, 2019 · c8499b16fa6b44c8d9927f5f8ff11d25811af967 · c8499b1
1 parent 15cb542
commit c8499b16fa6b44c8d9927f5f8ff11d25811af967
Show file tree

Hide file tree

Showing 4 changed files with 152 additions and 2 deletions.
diff --git a/email credentials.txt b/email credentials.txt
@@ -0,0 +1,2 @@
+user: 'localnewsspp@gmail.com',
+pass: 'localnewssup123'
diff --git a/index.js b/index.js
@@ -19,6 +19,7 @@ const sqlite = require('sqlite-async')
 const bcrypt = require('bcrypt-promise')
 const fs = require('fs-extra')
 const mime = require('mime-types')
+const nodemailer = require('nodemailer')
 //const jimp = require('jimp')
 
 /* IMPORT CUSTOM MODULES */
@@ -280,4 +281,49 @@ router.post('/upload', async ctx => {
 		} catch(err) {
 			await ctx.render('error', {message: err.message})
 		}
-	})
+	})
+
+	router.get("/contact", async ctx =>{
+		const data = {}
+		await ctx.render('contact')
+	})
+
+
+	router.post('/contact', async ctx => {
+
+		console.log(ctx.request.body)
+		const body = ctx.request.body
+		const email = body.email
+		const sub = body.sub
+		const name = body.name
+		const report = body.report
+
+		var transporter = nodemailer.createTransport({
+			service: 'gmail',
+			auth: {
+			  user: 'localnewsspp@gmail.com',
+			  pass: 'localnewssup123'
+			}
+		  });
+
+		  var mailOptions = {
+
+			from: 'localnewsspp@gmail.com',
+			to: 'localnewsspp@gmail.com',
+			subject: sub,
+			text: 'Email : ' + email + '\n' + 'From :' + name + '\n' + 'Subject : ' + body.sub + '\n' + 'Message : ' + report,
+
+		};
+
+		  transporter.sendMail(mailOptions, function(error, info){
+			if (error) {
+			  console.log(error);
+			} else {
+				console.log('Email sent: ' + info.response);
+
+			}
+		  });
+
+		  ctx.redirect('/contact?successMsg=Report sent!')
+
+	});
diff --git a/views/contact.handlebars b/views/contact.handlebars
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="eng">
+    <head>
+        <link href="css/homepage.css" type="text/css" rel="stylesheet">
+        <link href="css/upload.css" type="text/css" rel="stylesheet">  
+        <title>Local News - Upload Your Own Article!</title>
+        <div class="header"> 
+            <h1> LOCAL NEWS</h1>
+            <p>TOP NEWS</p>
+        </div> 
+
+<div class="navbar">
+  <a href="/">HOME</a>
+  <a href="/business">BUSINESS</a>
+  <a href="/lifeandstyle">LIFE & STYLE</a>
+  <a href="/careers">CAREERS</a>
+  <a href="/sports">SPORTS</a>
+  <a href="/music">MUSIC</a>
+  <a href="/entertainment">ENTERTAINMENT</a>
+  <a href="/upload">UPLOAD</a>
+  <a href="/logout" class="right">  LOGOUT &#129154;</a>
+  <a href="/search">SEARCH</a>
+</div>
+
+</head>
+
+    <body>
+
+                <div class="column--primary" style="text-align:center">
+                <div class="story-body"> 
+                <div class="story-body__inner"> 
+                <h1 class="story-body__h1">Report a Technical Error</h1>                  	
+                <div class="contact-form optional-is-default">
+
+        <form action="/contact" method="post" accept-charset="utf-8">
+                <fieldset class="contact-form__details">
+				    <legend class="off-screen">Your contact details</legend>
+                    <br>
+            <label class="contact-form__label" for="fullName">
+                            Name
+                        </label>
+                      <br>
+                        <input  type="text" name="name" class="Article_Boxes"><br>
+                        <br>
+
+                        <label class="contact-form__label" for="email">
+
+                            Your E-mail address
+
+                                <span class="contact-form__validation-label-required"></span>
+
+                        </label>
+
+
+                        <br>
+                        <input  type="text" name="email" class="Article_Boxes"><br>
+                         <br>
+
+                        <label class="contact-form__label" for="sub">
+
+                            Subject 
+
+                                <span class="contact-form__validation-label-optional"></span>
+
+                        </label>
+
+                        <br>
+                        <input  type="text" name="sub" class="Article_Boxes"><br>
+
+                         <br>
+
+                        <label class="contact-form__label" for="message">
+
+                            Report
+
+                                <span aria-hidden="true" class="contact-form__validation-label-optional"></span>
+
+                        </label>
+                       <br>
+                        <br>
+
+                       <textarea type="text"  name="report" class="Article_Text"></textarea><br>
+                </fieldset>
+                <br>
+
+
+<input type='submit' class="button"><br>  
+
+
+
+
+                </div>
+		</form>
+	</div>
+ </div> </div> </div>
+
+
+
+
+
+    </body>
+</html>
diff --git a/views/index.handlebars b/views/index.handlebars
@@ -207,7 +207,7 @@ function showSlides(n) {
         <a href="#" class="text-center">Reviews</a>
       </div>
       <div class="mobile-link">
-        <a href="#" class="text-center">Contact Us</a>
+        <a href="/contact" class="text-center">Contact Us</a>
       </div>
     </div>
   </div>