From 32cfa1d0cc54b60ff863148e05ed23554a199e84 Mon Sep 17 00:00:00 2001
From: Max Hunt <mh2817@ic.ac.uk>
Date: Wed, 22 Apr 2020 12:52:37 +0100
Subject: [PATCH] Update

---
 views/add-item.ejs  | 46 +++++++++++++++++------------
 views/css/style.css | 72 +++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 99 insertions(+), 19 deletions(-)

diff --git a/views/add-item.ejs b/views/add-item.ejs
index 95013ff..a8a5157 100644
--- a/views/add-item.ejs
+++ b/views/add-item.ejs
@@ -58,31 +58,39 @@
 					<div class="cart">
 						&#x1F6d2; | <%= 0%>
 					</div>
-					<div class="add-item">
-						<a href="/additmpage">⊕</a>
-					</div>
 				</div>
 			</div>
-			<div class="sbar">
-				<img src="media/gg_logo.png" alt="img">
-				<input id="sfield" type="text" placeholder="I Want...">
-				<button id="sbutton">Go!</button>
-				<a href="#">Extras</a>
-			</div>
+
 			<div class="space"></div>
-			<div class="welcome">
-				<img src="media/welcome.png">
-			</div>
-			<div class="space"></div>
-			<div class="products">
-				<p>Popular:</p>
-				<div class="product-container">
-					<img src="media/var.png" alt="img">
-					<p class="l"><%= "Item name"%></p>
-					<p class="r">£<%= "20.99"%></p>
+
+			<div class="user-auth-message" id="uAuthMsg" style="display: none;"><p>Please log in to continue</p></div>
+
+			<div class="new-product-field" style="display: block;">
+				<p>Add product</p>
+				<div class="npf-short">
+					<input type="text" id="pName" placeholder="Product Name">
 				</div>
+				<div class="npf-long">
+					<input type="text" id="pDesc" placeholder="Description">
+				</div>
+				<input type="text" id="pImgUrl" placeholder="TODO: image (url)">
+				<input type="text" id="pLoc" placeholder="Location (eg. London)">
+				<input type="text" id="pStock" placeholder="Quantity in stock (default: 1)">
+				<div class="npf-long">
+					<input type="text" id="pPublic" placeholder="Display: leave empty for public, type for private, CHECKBOXES ARE FUCKING HARD">
+				</div>
+				<div class="npf-short">
+					<input type="text" id="pPrice" placeholder="Price £">
+				</div>
+				<button id="pSend">Submit</button>
 			</div>
 
+			
+			
+
+
+
+
 
 			<div class="space"></div>
 		</div>
diff --git a/views/css/style.css b/views/css/style.css
index 44f7030..eaf69b8 100644
--- a/views/css/style.css
+++ b/views/css/style.css
@@ -321,4 +321,76 @@ footer a {
 .user-logout:hover {
 	color: red;
 	transition: 0.3s;
+}
+
+.user-auth-message {
+	position: relative;
+	width: 100%;
+	text-align: center;
+}
+
+.user-auth-message p {
+	color: red;
+	font-size: 30px;
+
+}
+
+.new-product-field {
+	position: relative;
+	width: 100%;
+}
+
+.new-product-field p {
+	font-size: 25px;
+	color: #898989;
+	padding-bottom: 20px;
+}
+
+.new-product-field label {
+	font-size: 20px;
+	color: #898989;
+	display: inline-block;
+}
+
+.new-product-field input {
+	height: 40px;
+	width: 300px;
+	display: block;
+	font-size: 15px;
+	padding-left: 10px;
+	margin-bottom: 15px;
+	border-radius: 0;
+	border: 0.5px solid grey;
+}
+
+.new-product-field button {
+	height: 40px;
+	width: 100px;
+	display: block;
+	font-size: 19px;
+	font-family: osl;
+	box-shadow: 0px 2px 3px #A5A5A5;
+	margin-bottom: 15px;
+	border-radius: 0;
+	border: none;
+	background-color: #30a8ff;
+	transition: 0.3s;
+}
+
+.new-product-field button:hover {
+	transition: 0.3s;
+	background-color: #ff7700;
+}
+
+.new-product-field button:active {
+	transition: 0.1s;
+	background-color: #ffaf69;
+}
+
+.npf-long input {
+	width: 600px;
+}
+
+.npf-short input {
+	width: 150px;
 }
\ No newline at end of file