partdb/public/index.html

60 lines
3.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>electronic parts inventory manager</title>
<script type='application/javascript' src='partdb.js'></script>
<link rel='stylesheet' href='index.css'>
</head>
<body>
<div class="container">
<table>
<thead>
<tr><th>search</th><th>part details</th></tr>
</thead>
<tbody>
<tr>
<td class="left">
<div class="resize">
<input class="fill" type="text" id="terms" name="terms" placeholder="search terms (space seperated, anded)" oninput="search()"><br>
<select id="results" size="20" onchange="select_part()"></select>
</div>
</td>
<td class="right">
<div class="resize">
<div class="name">name:</div><div class="justify"><input class="full" type="text" id="part_name"></div>
<div class="name">description:</div><div class="justify"><input class="full" type="text" id="part_description"></div>
<div>details:</div>
<div class="justify"><textarea class="full" id="part_details" rows="4"></textarea></div>
<div class="name">package:</div><div class="justify"><input class="full" type="text" id="part_package"></div>
<div class="name">manufacturer:</div><div class="justify"><input class="full" type="text" id="part_manufacturer"></div>
<div class="name">mpn:</div><div class="justify"><input class="full" type="text" id="part_mpn"></div>
<div class="name">family:</div><div class="justify"><input class="full" type="text" id="part_family"></div>
<div class="name"><span id="url_datasheet">datasheet</span>:</div><div class="justify"><input class="full" type="text" id="part_datasheet"></div>
<div class="name"><span id="url_page">page</span>:</div><div class="justify"><input class="full" type="text" id="part_page"></div>
<div class="name">location:</div><div class="justify"><input class="full" type="text" id="part_location"></div>
<div class="name">stock:</div><div class="justify"><input class="full" type="number" min="0" step="1" id="part_stock"></div>
<table>
<thead><tr><th>distributor</th><th>sku</th><th>page</th></tr></thead>
<tbody id="distributors"></tbody>
</table>
<table>
<thead><tr><th>property</th><th>value</th></tr></thead>
<tbody id="properties"></tbody>
</table>
<div class="hscroll" id="attachments"></div>
<div><input type="text" id="attachment" placeholder="URL"><button type="button" onclick="attach()">attach</button></div>
<table>
<thead><tr><th>component</th><th>quantity</th><th>description</th></tr></thead>
<tbody id="components"></tbody>
</table>
<button type="button" onclick="delete_part()">delete part (including children)</button>
<button type="button" onclick="update_part()">update part (or add if not selected)</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>