summaryrefslogtreecommitdiff
path: root/templates/inventory/new_product.html
diff options
context:
space:
mode:
authorshivam kohli <kohlishivam5522@gmail.com>2018-08-01 04:51:02 +0530
committershivam kohli <kohlishivam5522@gmail.com>2018-08-01 04:51:02 +0530
commit4cd509378bd1d823f851f64e0b7d3635457c8f13 (patch)
tree898fcd9bfee582c552b5e97b99ae1dec96faf8c3 /templates/inventory/new_product.html
parentcc56d2a73f1a58ccc40062bc95153843195ee055 (diff)
downloadcodeless-4cd509378bd1d823f851f64e0b7d3635457c8f13.tar.gz
codeless-4cd509378bd1d823f851f64e0b7d3635457c8f13.tar.bz2
codeless-4cd509378bd1d823f851f64e0b7d3635457c8f13.zip
Styling changed according to Bank Demo
Diffstat (limited to 'templates/inventory/new_product.html')
-rw-r--r--templates/inventory/new_product.html180
1 files changed, 12 insertions, 168 deletions
diff --git a/templates/inventory/new_product.html b/templates/inventory/new_product.html
index a7d4cfb..9875c4a 100644
--- a/templates/inventory/new_product.html
+++ b/templates/inventory/new_product.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+
<!--
This file is part of the Taler Codeless Merchant.
(C) 2018 GNUnet e.V.
@@ -18,169 +18,14 @@ with the Taler Codeless Merchant. If not, see <https://www.gnu.org/licenses/>.
@author Shivam Kohli
-->
-<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;}
+{% extends "inventory/base2.html" %}
- #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>
- <style>
- .tooltip {
- position: relative;
- display: inline-block;
- }
-
- .tooltip .tooltiptext {
- visibility: hidden;
- width: 300px;
- background-color: #555;
- color: #fff;
- text-align: center;
- border-radius: 6px;
- padding: 5px 0;
- position: absolute;
- z-index: 1;
- bottom: 125%;
- left: 50%;
- margin-left: -60px;
- opacity: 0;
- transition: opacity 0.3s;
- }
-
- .tooltip .tooltiptext::after {
- content: "";
- position: absolute;
- top: 100%;
- left: 50%;
- margin-left: -5px;
- border-width: 5px;
- border-style: solid;
- border-color: #555 transparent transparent transparent;
- }
-
- .tooltip:hover .tooltiptext {
- visibility: visible;
- opacity: 1;
- }
- </style>
-</head>
-<body>
-
-<div class="sidenav">
- <a href="/home">Home</a>
- <a href="/logout">Logout</a></li>
- <a href="/order">Order</a></li>
-</div>
+{% block headermsg %}
+ <center><h1 class="nav">ADD A NEW PRODUCT</h1></center>
+{% endblock headermsg %}
+{% block content %}
<div class="main">
- <center>
- <h1>ADD A NEW PRODUCT</h1>
- </center>
<section id="contact">
<div class="container">
@@ -188,19 +33,19 @@ with the Taler Codeless Merchant. If not, see <https://www.gnu.org/licenses/>.
{% csrf_token %}
<label for="name" class="tooltip">Name<font size="1"><span class="tooltiptext">Enter the name of the product</span></font></label>
- <input type="text" name="name" id="name" placeholder="Name" required>
+ <input type="text" name="name" id="name" required>
<label for="description" class="tooltip">Description<font size="1"><span class="tooltiptext">Describe the product in one or two lines</span></font></label>
- <input type="text" name="description" id="description" placeholder="Description" required></input>
+ <input type="text" name="description" id="description" required></input>
<label for="price" class="tooltip">Price<font size="1"><span class="tooltiptext">Enter the price of the product. Remeber to write price in English texts. For Example 100 or 99.95</span></font></label>
- <input type="text" name="price" id="price" placeholder="Price" required>
+ <input type="text" name="price" id="price" required>
<label for="starting_inventory" class="tooltip">Starting Inventory<font size="1"><span class="tooltiptext">Enter the number of Inventory initially available for the given product</span></font></label>
- <input type="number" name="starting_inventory" id="starting_inventory" placeholder="Starting Inventory" required>
+ <input type="number" name="starting_inventory" id="starting_inventory" required>
<label for="minimum_required" class="tooltip">Minimum Inventory Required<font size="1"><span class="tooltiptext">Enter the minimum number of inventory that is required for the given product(notifications will be send if inventory is below this llimit)</span></font></label>
- <input type="number" name="minimum_required" id="minimum_required" placeholder="Minimum Inventory Required" required>
+ <input type="number" name="minimum_required" id="minimum_required" required>
<button name="add_product" type="submit" class="submit">Add Product</button>
@@ -208,5 +53,4 @@ with the Taler Codeless Merchant. If not, see <https://www.gnu.org/licenses/>.
</div>
</section>
</div>
-</body>
-</html> \ No newline at end of file
+{% endblock content %} \ No newline at end of file
generated by cgit v1.2.3 (git 2.39.1) at 2024-05-25 12:39:02 +0000