2022-07-27 11:44:08 -04:00
|
|
|
<html>
|
2022-07-28 08:16:55 -04:00
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8"/>
|
|
|
|
|
<link rel="stylesheet" href="static/stylesheet.css"/>
|
|
|
|
|
<title>Product Add</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="header">
|
|
|
|
|
<h1 id="title">Product Add</h1>
|
|
|
|
|
<div id="buttons">
|
|
|
|
|
<div class="header-button"><button type="submit" form="product_form" id="save">Save</button></div>
|
|
|
|
|
<div class="header-button"><a href="/"><button>Cancel</button></a></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="main">
|
|
|
|
|
<form id="product_form">
|
|
|
|
|
<div id="basic-info" class="form-section">
|
|
|
|
|
<table>
|
|
|
|
|
<tr>
|
|
|
|
|
<td><label for="sku">SKU</label></td>
|
|
|
|
|
<td><input type="text" id="sku" name="sku" required></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td><label for="name">Name</label></td>
|
|
|
|
|
<td><input type="text" id="name" name="name" required></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td><label for="price">Price ($)</label></td>
|
|
|
|
|
<td><input type="number" id="price" name="price" required></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="type-switcher" class="form-section">
|
|
|
|
|
<label for="productType">Type Switcher</label>
|
|
|
|
|
<select name="productType" id="productType">
|
|
|
|
|
<option value="dvd">DVD</option>
|
|
|
|
|
<option value="furniture">Furniture</option>
|
|
|
|
|
<option value="book">Book</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="attribute" class="form-section">
|
|
|
|
|
<div id="dvd" class="hidden">
|
|
|
|
|
<table>
|
|
|
|
|
<tr>
|
|
|
|
|
<td><label for="size">Size (MB)</label></td>
|
|
|
|
|
<td><input type="text" id="size" name="size"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
Please, provide size
|
|
|
|
|
</div>
|
|
|
|
|
<div id="furniture" class="hidden">
|
|
|
|
|
<table>
|
|
|
|
|
<tr>
|
|
|
|
|
<td><label for="height">Height (CM)</label></td>
|
|
|
|
|
<td><input type="text" id="height" name="height"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td><label for="width">Width (CM)</label></td>
|
|
|
|
|
<td><input type="text" id="width" name="width"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td><label for="length">Length (CM)</label></td>
|
|
|
|
|
<td><input type="text" id="length" name="length"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
Please, provide dimensions
|
|
|
|
|
</div>
|
|
|
|
|
<div id="book" class="hidden">
|
|
|
|
|
<table>
|
|
|
|
|
<tr>
|
|
|
|
|
<td><label for="weight">Weight (KG)</label></td>
|
|
|
|
|
<td><input type="text" id="weight" name="weight"></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
Please, provide weight
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
|
|
|
<script src="static/add-product.js"></script>
|
2022-07-27 11:44:08 -04:00
|
|
|
</html>
|
