Review for UI template

.babelrc

@@ -0,0 +1,5 @@
+{
+    "presets": [
+        "env", "stage-2"
+    ]
+}

.eslintignore

@@ -0,0 +1 @@
+/server/build

.eslintrc.json

@@ -0,0 +1,14 @@
+{
+    "extends": "airbnb-base",
+    "rules": {
+        "linebreak-style":[
+            "error", "windows"
+        ],
+        "arrow-body-style": [
+            "error", "as-needed"
+        ],
+        "consistent-return": 0,
+        "array-callback-return": 0
+    }
+
+}

.gitignore

@@ -0,0 +1,5 @@
+/node_modules
+package-lock.json
+/server/build
+/.nyc_output
+.env

.travis.yml

@@ -0,0 +1,13 @@
+language: node_js
+
+node_js: 
+  - 8
+
+install: 
+  - npm install
+
+test:
+  - npm test
+
+after_success:
+  - npm run coveralls

README.md

@@ -1,2 +1,104 @@
-# storemanager
-A web application that helps store owners manage sales and product inventory records.
+[![Build Status](https://travis-ci.org/Easybuoy/storemanager.svg?branch=develop)](https://travis-ci.org/Easybuoy/storemanager)
+[![Coverage Status](https://coveralls.io/repos/github/Easybuoy/storemanager/badge.svg?branch=develop)](https://coveralls.io/github/Easybuoy/storemanager?branch=develop)
+[![Maintainability](https://api.codeclimate.com/v1/badges/969d38484786692dd8c5/maintainability)](https://codeclimate.com/github/Easybuoy/storemanager/maintainability)
+![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg)
+
+# Store Manager
+A web application that helps store owners manage sales and product inventory records..
+
+ <h2>Link To Pivotal Tracker: <a href="https://www.pivotaltracker.com/n/projects/2203192">Pivotal Tracker</a> </h2>
+
+<br>
+<h1>Store Manager UI Template</h1>
+
+<h2>Built With</h2>
+<ul>
+<li><a href="https://developer.mozilla.org/kab/docs/Web/HTML">HTML</a></li>
+<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a></li>
+<li><a href="https://developer.mozilla.org/bm/docs/Web/JavaScript">JAVASCRIPT</a></li>
+</ul>
+
+
+<h3>Link to template: <a href="https://easybuoy.github.io/storemanager/UI/index.html">Store Manager Template</a> </h3>
+<hr>
+
+<h1>Store Manager API Backend</h1>
+
+<h2>Built With</h2>
+<ul>
+<li><a href="https://nodejs.org/en/">Nodejs</a></li>
+<li><a href="https://expressjs.com/">Expressjs</a></li>
+<li><a href="https://www.npmjs.com/package/body-parser">Body Parser</a></li>
+<li><a href="https://www.npmjs.com/package/jsonwebtoken">Json Web Token</a></li>
+<li><a href="https://www.npmjs.com/package/multer">Multer</a></li>
+<li><a href="https://www.npmjs.com/package/cors">Cors</a></li>
+<li><a href="https://www.npmjs.com/package/morgan">Morgan</a></li>
+<li><a href="https://babeljs.io/">Babel</a></li>
+<li><a href="https://eslint.org/">Eslint (Airbnb Style Guide)</a></li>
+</ul>
+
+<h2>Testing Tools </h2>
+<ul>
+<li><a href="https://mochajs.org/">Mocha</a></li>
+<li><a href="https://www.chaijs.com/">Chai</a></li>
+<li><a href="https://www.npmjs.com/package/nyc">Nyc (Reporting Tool)</a></li>
+</ul>
+
+<h3>Link to API: <a href="https://store--manager.herokuapp.com/">Store Manager API</a> </h3>
+
+<h2>Getting Started</h2>
+<h3>Prerequisites</h3>
+You need Nodejs Installed to be able to run this project on your machine.
+
+<h3>Installing<h3>
+<ul><li>Clone Repository</li></ul>
+<code>git clone https://github.com/Easybuoy/storemanager</code>
+<br>
+<br>
+
+<ul><li>Change Directory To Store Manager</li></ul>
+<code>cd storemanager</code>
+<br>
+<br>
+
+<ul><li>Install Dependencies</li></ul>
+<code>npm install</code>
+<br>
+<br>
+
+<ul><li>Start Application</li></ul>
+<code>npm run start</code>
+<br>
+<br>
+
+<ul><li>Run Test</li></ul>
+<code>npm run test</code>
+<br>
+<br>
+
+<ul><li>Run Coverage Report</li></ul>
+<br>
+<code>npm run coveralls</code>
+<br>
+<br>
+
+<h2>API Routes</h2> <br>
+Register User => <code>POST || /api/v1/users/register</code> <br><br>
+Login User => <code>POST || /api/v1/users/login</code> <br><br>
+Get Current User Details => <code>GET || /api/v1/users/current</code> <br><br>
+Create New Product => <code>POST || /api/v1/products</code> <br><br>
+Get Products Details => <code>GET || /api/v1/products</code> <br><br>
+Get Single Product Detail => <code>GET || /api/v1/products/{productId}</code> <br><br>
+Create New Sale Record => <code>POST || /api/v1/sales</code> <br><br>
+Get Sale Records => <code>GET || /api/v1/sales</code> <br><br>
+Get Single Sale Record => <code>GET || /api/v1/sales/{salesId}</code> <br><br>
+
+
+
+
+
+
+
+
+<h2>License</h2>
+<h4>This project makes use of the MIT License which can be found <a href="https://github.com/Easybuoy/storemanager/blob/develop/LICENSE">here</a></h4>

UI/admin_asign_product_to_category.html

@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta name="description" content="A web application that helps store owners manage sales and product inventory records.">
+        <meta name="keywords" content="Store Manager">
+        <title>Store Manager |Assign Products</title>
+        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
+        <link rel="stylesheet" href="css/style.css">
+        <link rel="icon" type="image/ico" sizes="32x32" href="img/favicon.ico">
+
+    </head>
+
+    <body>
+
+        <nav class="navbar">
+            <span class="open-slide">
+                <a href="#" id="openslidemenu" onclick="openSlideMenu()">
+                <svg width="30" height="30">
+                        <path d="M0,5 30,5" stroke="#ffffff"
+                        stroke-width="5"/>
+                        <path d="M0,14 30,14" stroke="#ffffff"
+                        stroke-width="5"/>
+                        <path d="M0,23 30,23" stroke="#ffffff"
+                        stroke-width="5"/>
+                </svg>
+            </a></span>
+
+            <ul>
+                <li><a href="store_attendant_profile.html" style="padding-top: 10px"><div><img id="userimg" src="../uploads/users/default-avatar.png"> </div></a></li>
+                <li><a href="#"><div><input class="search" placeholder="Search Products" type="text"> <img id="searchimg" src="img/search.png"> </div></a></li>
+                <li id="appnameli"><a href="dashboard.html"><h1 id="appname"><span class="highlight">Store</span> Manager</h1></a></li>
+            </ul>
+        </nav>
+
+
+        <div id="side-menu" class="side-nav">
+            <a href="#" class="btn-close" onclick="closeSlideMenu()">&times;</a>
+            <li><a class="dashboard" href="dashboard.html">Dashboard</a></li>
+            <li><a href="admin_create_product.html">Create Product</a></li>
+            <li><a href="admin_view_products.html">View Products</a></li>
+            <li><a href="admin_create_sales_attendant.html">Create Sales Attendant</a></li>
+            <li><a href="admin_view_sales.html">View Sales</a></li>
+            <li class="current"><a href="admin_asign_product_to_category.html">Assign Products</a></li>
+            <li><a href="index.html">Logout</a></li>
+        </div>
+
+        <div id="main">
+            <div class="container">
+                    <section id="productsection" class="topmargin">
+                            <div class="container">
+                                <div class="cardgroup">
+
+                                        <div class="card">
+                                                <a href="view_product_details.html"><img src="img/gpixel2.jpg" class="cardimg"></a>
+
+                                        <div class="text-center cardbody" >
+                                                <h3 id="productname" data-name="Google Pixel 2">Google Pixel 2</h3>
+                                                <p>The Google Pixel 2 is powered by 1.9GHz octa-core </p>
+                                                <p>Quantity: 3</p>
+                                                <p  id="productamount">Price: $649</p>
+                                                <select>
+                                                        <option value="volvo">Google Pixel 2</option>
+                                                        <option value="saab">Google Pixel 3</option>
+                                                        <option value="mercedes">iPhone 7 Plus</option>
+                                                </select>
+                                                <button class="button_3" onclick="addtocart('Google Pixel 2', '$649')">Assign</button>
+                                        </div>
+
+                                        </div>
+
+                                        <div class="card">
+                                            <a href="view_product_details.html"><img src="img/gpixel3r.png" class="cardimg"></a>
+
+                                            <div class="text-center cardbody" >
+                                                <h3 id="productname" data-name="Google Pixel 2">Google Pixel 3</h3>
+                                                <p>The Pixel 3 is the latest causality. Wireless charging is.. </p>
+                                                <p>Quantity: 3</p>
+                                                <p  id="productamount">Price: $649</p>
+                                                <select>
+                                                        <option value="volvo">Google Pixel 2</option>
+                                                        <option value="saab">Google Pixel 3</option>
+                                                        <option value="mercedes">iPhone 7 Plus</option>
+                                                </select>
+                                                <button class="button_3" onclick="addtocart('Google Pixel 2', '$649')">Assign</button>
+                                            </div>
+
+                                        </div>
+
+                                        <div class="card">
+                                            <a href="view_product_details.html"><img src="img/iphonexs.png" class="cardimg"></a>
+
+                                            <div class="text-center cardbody" >
+                                                <h3 id="productname" data-name="Google Pixel 2">Iphone XS</h3>
+                                                <p>The iPhone XS display has rounded corners that... </p>
+                                                <p>Quantity: 3</p>
+                                                <p  id="productamount">Price: $1500</p>
+                                                <select>
+                                                        <option value="volvo">Google Pixel 2</option>
+                                                        <option value="saab">Google Pixel 3</option>
+                                                        <option value="mercedes">iPhone 7 Plus</option>
+                                                </select>
+                                                <button class="button_3" onclick="addtocart('Google Pixel 2', '$649')">Assign</button>
+                                            </div>
+
+                                        </div>
+
+                                        <div class="card">
+                                            <a href="view_product_details.html"><img src="img/iphonex.png" class="cardimg"></a>
+
+                                                <div class="text-center cardbody" >
+                                                    <h3 id="productname" data-name="Google Pixel 2">IPhone X</h3>
+                                                    <p>The phone comes with a 5.80-inch touchscreen display  </p>
+                                                    <p>Quantity: 3</p>
+                                                    <p  id="productamount">Price: $890</p>
+                                                    <select>
+                                                            <option value="volvo">Google Pixel 2</option>
+                                                            <option value="saab">Google Pixel 3</option>
+                                                            <option value="mercedes">iPhone 7 Plus</option>
+                                                    </select>
+                                                    <button class="button_3" onclick="addtocart('Google Pixel 2', '$649')">Assign</button>
+                                                </div>
+
+                                        </div>
+
+                                        <div class="card">
+                                                <a href="view_product_details.html"><img src="img/gpixel2.jpg" class="cardimg"></a>
+
+                                        <div class="text-center cardbody" >
+                                                <h3 id="productname" data-name="Google Pixel 2">Google Pixel 2</h3>
+                                                <p>The Google Pixel 2 is powered by 1.9GHz octa-core </p>
+                                                <p>Quantity: 3</p>
+                                                <p  id="productamount">Price: $649</p>
+                                                <select>
+                                                        <option value="volvo">Google Pixel 2</option>
+                                                        <option value="saab">Google Pixel 3</option>
+                                                        <option value="mercedes">iPhone 7 Plus</option>
+                                                </select>
+                                                <button class="button_3" onclick="addtocart('Google Pixel 2', '$649')">Assign</button>
+                                        </div>
+
+                                        </div>
+
+                                        <div class="card">
+                                            <a href="view_product_details.html"><img src="img/gpixel3r.png" class="cardimg"></a>
+
+                                            <div class="text-center cardbody" >
+                                                <h3 id="productname" data-name="Google Pixel 2">Google Pixel 3</h3>
+                                                <p>The Pixel 3 is the latest causality. Wireless charging is.. </p>
+                                                <p>Quantity: 3</p>
+                                                <p  id="productamount">Price: $649</p>
+                                                <select>
+                                                        <option value="volvo">Google Pixel 2</option>
+                                                        <option value="saab">Google Pixel 3</option>
+                                                        <option value="mercedes">iPhone 7 Plus</option>
+                                                </select>
+                                                <button class="button_3" onclick="addtocart('Google Pixel 2', '$649')">Assign</button>
+                                            </div>
+
+                                        </div>
+
+                                        <div class="card">
+                                            <a href="view_product_details.html"><img src="img/iphonexs.png" class="cardimg"></a>
+
+                                            <div class="text-center cardbody" >
+                                                <h3 id="productname" data-name="Google Pixel 2">Iphone XS</h3>
+                                                <p>The iPhone XS display has rounded corners that... </p>
+                                                <p>Quantity: 3</p>
+                                                <p  id="productamount">Price: $1500</p>
+                                                <select>
+                                                        <option value="volvo">Google Pixel 2</option>
+                                                        <option value="saab">Google Pixel 3</option>
+                                                        <option value="mercedes">iPhone 7 Plus</option>
+                                                </select>
+                                                <button class="button_3" onclick="addtocart('Google Pixel 2', '$649')">Assign</button>
+                                            </div>
+
+                                        </div>
+
+                                        <div class="card">
+                                            <a href="view_product_details.html"><img src="img/iphonex.png" class="cardimg"></a>
+
+                                                <div class="text-center cardbody" >
+                                                    <h3 id="productname" data-name="Google Pixel 2">IPhone X</h3>
+                                                    <p>The phone comes with a 5.80-inch touchscreen display  </p>
+                                                    <p>Quantity: 3</p>
+                                                    <p  id="productamount">Price: $890</p>
+                                                    <select>
+                                                            <option value="volvo">Google Pixel 2</option>
+                                                            <option value="saab">Google Pixel 3</option>
+                                                            <option value="mercedes">iPhone 7 Plus</option>
+                                                    </select>
+                                                    <button class="button_3" onclick="addtocart('Google Pixel 2', '$649')">Assign</butston>
+                                                </div>
+
+                                        </div>
+                            </div>
+                        </div>
+                        </section>
+
+        </div>
+
+
+        <footer id="footer">
+            <p>Store Manager Copyright &copy; 2018</p>
+        </footer>
+
+    <script src="js/main.js"></script>
+    </body>
+
+</html>