diff options
author | shivam kohli <kohlishivam5522@gmail.com> | 2018-07-23 04:29:14 +0530 |
---|---|---|
committer | shivam kohli <kohlishivam5522@gmail.com> | 2018-07-23 04:29:14 +0530 |
commit | c60f075634178d2212364c842552c256f22dae92 (patch) | |
tree | 3bd06f4bf0b6fe497902229fb9acf480e6520c9a /templates/inventory/product.html | |
parent | 94be0d7216ec3c5f253b895681b11e7b0678211a (diff) | |
download | codeless-c60f075634178d2212364c842552c256f22dae92.tar.gz codeless-c60f075634178d2212364c842552c256f22dae92.tar.bz2 codeless-c60f075634178d2212364c842552c256f22dae92.zip |
testcase added and improved user interface
Diffstat (limited to 'templates/inventory/product.html')
-rw-r--r-- | templates/inventory/product.html | 145 |
1 files changed, 141 insertions, 4 deletions
diff --git a/templates/inventory/product.html b/templates/inventory/product.html index 2081adb..4ac9a20 100644 --- a/templates/inventory/product.html +++ b/templates/inventory/product.html @@ -73,6 +73,120 @@ with the Taler Codeless Merchant. If not, see <https://www.gnu.org/licenses/>. .sidenav a {font-size: 18px;} } </style> + <style type="text/css"> + .table-fill { + background: white; + border-radius:3px; + border-collapse: collapse; + height: 320px; + margin: auto; + max-width: 600px; + padding:5px; + width: 100%; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); + animation: float 5s infinite; + } + + th { + color:#D5DDE5;; + background:#1b1e24; + border-bottom:4px solid #9ea7af; + border-right: 1px solid #343a45; + font-size:23px; + font-weight: 100; + padding:24px; + text-align:left; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + vertical-align:middle; + } + + th:first-child { + border-top-left-radius:3px; + } + + th:last-child { + border-top-right-radius:3px; + border-right:none; + } + + tr { + border-top: 1px solid #C1C3D1; + border-bottom-: 1px solid #C1C3D1; + color:#45485a; + font-size:16px; + font-weight:normal; + text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1); + } + + tr:hover td { + background:#4E5066; + color:#FFFFFF; + border-top: 1px solid #22262e; + } + + tr:first-child { + border-top:none; + } + + tr:last-child { + border-bottom:none; + } + + tr:nth-child(odd) td { + background:#EBEBEB; + } + + tr:nth-child(odd):hover td { + background:#4E5066; + } + + tr:last-child td:first-child { + border-bottom-left-radius:3px; + } + + tr:last-child td:last-child { + border-bottom-right-radius:3px; + } + + td { + background:#FFFFFF; + padding:20px; + text-align:left; + vertical-align:middle; + font-weight:300; + font-size:18px; + text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); + border-right: 1px solid #C1C3D1; + } + + td:last-child { + border-right: 0px; + } + + th.text-left { + text-align: left; + } + + th.text-center { + text-align: center; + } + + th.text-right { + text-align: right; + } + + td.text-left { + text-align: left; + } + + td.text-center { + text-align: center; + } + + td.text-right { + text-align: right; + } + </style> </head> <body> @@ -85,6 +199,9 @@ with the Taler Codeless Merchant. If not, see <https://www.gnu.org/licenses/>. <div class="main"> <center> <h1 style="text-transform: uppercase;" id="name">{{ name }}</h1> + {% if digital == 'True' %} + <h5 color="black">Digital Inventory</h5> + {% endif %} </center> <h5 color="black">The code for the pay now button is:</h5> @@ -97,16 +214,36 @@ with the Taler Codeless Merchant. If not, see <https://www.gnu.org/licenses/>. <a href="{{ href }}" style="text-decoration: none;" onmouseover="this.style.textDecoration = 'underline'" onmouseout="this.style.textDecoration = 'none'">buy now</a> - <h5 color="black">Description:</h5><h6>{{ description }}</h6><br> - <h5 color="black">Price:</h5><h6>{{ price }}</h6><br> - <h5 color="black">The Cuurent Inventory on Hand is:- {{ inventory_on_hand }}</h5> + <table class="table-fill"> + <tbody class="table-hover"> + <tr> + <td class="text-left">Description</td> + <td class="text-left">{{ description }}</td> + </tr> + {% if digital == 'False' %} + <tr> + <td class="text-left">The Cuurent Inventory on Hand</td> + <td class="text-left">{{ inventory_on_hand }}</td> + </tr> + {% endif %} + <tr> + <td class="text-left">Price</td> + <td class="text-left">{{ price }}</td> + </tr> + <tr> + <td class="text-left">Total number of prducts sold</td> + <td class="text-left">{{ count }}</td> + </tr> + </tbody> + </table> + + <form name="update_stock" action="{{ url_update_inventory }}" method="post" enctype="multipart/form-data"> {% csrf_token %} <input type="number" name="stock_updated" id="stock_updated" placeholder="Update Stock" required> <button name="update_stock" type="submit" class="submit">Update</button> </form> - </div> </body> |