diff options
author | shivam kohli <kohlishivam5522@gmail.com> | 2018-06-02 17:23:02 +0530 |
---|---|---|
committer | shivam kohli <kohlishivam5522@gmail.com> | 2018-06-02 17:23:02 +0530 |
commit | abafd12b235e4c10c410e0bf3a981d969ab3fd94 (patch) | |
tree | 0153a776ed6080e78c3636104081563e4f037990 /templates/inventory/new_product.html | |
parent | 8fd1c575aa146f4c69e458dbdde4df08d9605553 (diff) | |
download | codeless-abafd12b235e4c10c410e0bf3a981d969ab3fd94.tar.gz codeless-abafd12b235e4c10c410e0bf3a981d969ab3fd94.tar.bz2 codeless-abafd12b235e4c10c410e0bf3a981d969ab3fd94.zip |
overview page and add product functinality
Diffstat (limited to 'templates/inventory/new_product.html')
-rw-r--r-- | templates/inventory/new_product.html | 145 |
1 files changed, 145 insertions, 0 deletions
diff --git a/templates/inventory/new_product.html b/templates/inventory/new_product.html new file mode 100644 index 0000000..a8d4868 --- /dev/null +++ b/templates/inventory/new_product.html @@ -0,0 +1,145 @@ +<!DOCTYPE html> +<html> +<head> + <title>Home</title> + <style type="text/css"> + *, + *::before, + *::after { + box-sizing: border-box; + } + html { + background-color: #f0f0f0; + } + body { + color: #999999; + font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-style: normal; + font-weight: 400; + letter-spacing: 0; + padding: 1rem; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -moz-font-feature-settings: "liga" on; + } + .sidenav { + height: 100%; + width: 160px; + position: fixed; + z-index: 1; + top: 0; + left: 0; + background-color: #111; + overflow-x: hidden; + padding-top: 20px; + } + + .sidenav a { + padding: 6px 8px 6px 16px; + text-decoration: none; + font-size: 25px; + color: #818181; + display: block; + } + + .sidenav a:hover { + color: #f1f1f1; + } + .main { + margin-left: 160px; + font-size: 28px; + padding: 0px 10px; + } + @media screen and (max-height: 450px) { + .sidenav {padding-top: 15px;} + .sidenav a {font-size: 18px;} + } + #contact {width:100%; height:100%; margin 0 auto; background: #DDD; } + + .container {width:960px; height:auto; margin: 0 auto; padding: 50px 0;} + + #contact .container form input, + #contact .container form textarea { + width:97.4%; + height:30px; + padding:5px 10px; + font-size: 12px; + color:#999; + letter-spacing:1px; + background: #FFF; + border:2px solid #FFF; + margin-bottom:25px; + -webkit-transition:all .1s ease-in-out; + -moz-transition:all .1s ease-in-out; + -ms-transition:all .1s ease-in-out; + -o-transition:all .1s ease-in-out; + transition:all .1s ease-in-out;} + + #contact .container form input:focus, + #contact .container form textarea:focus { + border:2px solid #dd4545; + color:#999;} + + #contact .container form textarea { + height:150px;} + + #contact .container form .submit { + width:100%; + padding:5px 10px; + font-size: 12px; + letter-spacing:1px; + background:#dd4545; + height:40px; + text-transform:uppercase; + letter-spacing:1px; + color:#FFF; + border:2px solid #b43838; + -webkit-transition:all .1s ease-in-out; + -moz-transition:all .1s ease-in-out; + -ms-transition:all .1s ease-in-out; + -o-transition:all .1s ease-in-out; + transition:all .1s ease-in-out;} + + #contact .container form .submit:hover { + color:#FFF; + border:2px solid #dd4545; + background: #b43838; + cursor:pointer;} + + #contact .container form .required { + color:#b43838;} + </style> +</head> +<body> + +<div class="sidenav"> + <a href="/home">Home</a> + <a href="/logout">Logout</a></li> +</div> + +<div class="main"> + <center> + <h1>ADD A NEW PRODUCT</h1> + </center> + + <section id="contact"> + <div class="container"> + <form name="add_product_form" action="/add_product/" method="post" enctype="multipart/form-data"> + + {% csrf_token %} + <input type="text" name="name" id="name" placeholder="Name" required> + <textarea type="text" name="description" id="description" placeholder="Description" required></textarea> + <input type="text" name="price" id="price" placeholder="Price" required> + <input type="number" name="starting_inventory" id="starting_inventory" placeholder="Starting Inventory" required> + <input type="number" name="minimum_required" id="minimum_required" placeholder="Minimum Quantity Required" required> + <button name="add_product" type="submit" class="submit">Add Product</button> + + </form> + </div> + </section> + +</div> + +</body> +</html>
\ No newline at end of file |