partdb/public/index.html

53 lines
2.5 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>electronic parts database explorer</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()"></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>package: <input type="text" id="part_package" size="4">-<input type="text" id="part_pincount" size="2"></div>
<div class="name">manufacturer:</div><div class="justify"><input class="full" type="text" id="part_manufacturer"></div>
<div class="name">family:</div><div class="justify"><input class="full" type="text" id="part_family"></div>
<div class="name"><a id="url_datasheet">datasheet</a>:</div><div class="justify"><input class="full" type="text" id="part_datasheet"></div>
<div class="name"><a id="url_page">page</a>:</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(s)</th></tr></thead>
<tbody id="properties"></tbody>
</table>
<div class="hscroll" id="attachments"></div>
<button type="button" onclick="delete_part()">delete part (including children)</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>