diff options
| author | shivam kohli <kohlishivam5522@gmail.com> | 2018-07-20 06:42:51 +0530 |
|---|---|---|
| committer | shivam kohli <kohlishivam5522@gmail.com> | 2018-07-20 06:42:51 +0530 |
| commit | 94be0d7216ec3c5f253b895681b11e7b0678211a (patch) | |
| tree | 4569a7e5fd98048b16df8d734ce47380d40dc293 /templates/inventory/new_product.html | |
| parent | 6445ed8e1ceaf170315187635cf7df86e179b179 (diff) | |
| download | codeless-94be0d7216ec3c5f253b895681b11e7b0678211a.tar.gz codeless-94be0d7216ec3c5f253b895681b11e7b0678211a.tar.bz2 codeless-94be0d7216ec3c5f253b895681b11e7b0678211a.zip | |
improvement in complete architecture
Diffstat (limited to 'templates/inventory/new_product.html')
| -rw-r--r-- | templates/inventory/new_product.html | 67 |
1 files changed, 51 insertions, 16 deletions
diff --git a/templates/inventory/new_product.html b/templates/inventory/new_product.html index 5e81f4e..a7d4cfb 100644 --- a/templates/inventory/new_product.html +++ b/templates/inventory/new_product.html @@ -129,6 +129,45 @@ with the Taler Codeless Merchant. If not, see <https://www.gnu.org/licenses/>. #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> @@ -148,30 +187,26 @@ with the Taler Codeless Merchant. If not, see <https://www.gnu.org/licenses/>. <form name="add_product_form" action="/add_product/" method="post" enctype="multipart/form-data"> {% 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> - <textarea type="text" name="description" id="description" placeholder="Description" required></textarea> + + <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> + + <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> + + <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="minimum_required" id="minimum_required" placeholder="Minimum Quantity Required" 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> + <button name="add_product" type="submit" class="submit">Add Product</button> </form> </div> </section> - - <section id="contact"> - <div class="container"> - <form method="post" enctype="multipart/form-data"> - <form method="post" enctype="multipart/form-data"> - <h1>FOR DIGITAL INVENTORY</h1> - {% csrf_token %} - {{ form.as_p }} - <button name="add_product" type="submit" class="submit">Add Product</button> - </form> - </div> - </section> - </div> - </body> </html>
\ No newline at end of file |