142 lines
3.6 KiB
HTML
142 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Stock-keeping</title>
|
|
<link rel="stylesheet" href="style.scss">
|
|
</head>
|
|
<body>
|
|
<div>
|
|
Components:
|
|
<table data-table="components">
|
|
<thead>
|
|
<tr>
|
|
<th>ID</th>
|
|
<th>P/N</th>
|
|
<th>description</th>
|
|
<th>packaging</th>
|
|
<th>category</th>
|
|
<th>footprint</th>
|
|
<th>value</th>
|
|
<th>quantity</th>
|
|
<th>unit</th>
|
|
<th>location</th>
|
|
<th>datasheet</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<template>
|
|
<tr>
|
|
<td data-field="id" data-type="id">-</td>
|
|
<td data-field="partNumber">-</td>
|
|
<td data-field="description">-</td>
|
|
<td data-field="packaging">-</td>
|
|
<td data-field="category" data-type="category">-</td>
|
|
<td data-field="package">-</td>
|
|
<td data-field="value">-</td>
|
|
<td data-field="quantity">-</td>
|
|
<td data-field="unit">-</td>
|
|
<td data-field="location" data-type="location">-</td>
|
|
<td data-field="datasheet" data-type="url">-</td>
|
|
</tr>
|
|
</template>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="modal" data-modal="add-movement" data-modal-show>
|
|
<div class="modal-body">
|
|
<h2>Add stock movement</h2>
|
|
<div>
|
|
<label>
|
|
Date:<br />
|
|
<input type="date" />
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<label>
|
|
Reason:<br />
|
|
<textarea></textarea>
|
|
</label>
|
|
</div>
|
|
<table data-table="movementComponent">
|
|
<thead>
|
|
<tr>
|
|
<th>P/N</th>
|
|
<th>Quantity</th>
|
|
<th>Price</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<template>
|
|
<tr>
|
|
<td data-field="partNumber">-</td>
|
|
<td data-input="quantity"><input /></td>
|
|
<td data-field="unit">-</td>
|
|
<td data-input="price"><input /></td>
|
|
</tr>
|
|
</template>
|
|
</tbody>
|
|
</table>
|
|
<button data-show-modal="add-component">Add component</button>
|
|
</div>
|
|
</div>
|
|
<div class="modal" data-modal="add-component" data-modal-show>
|
|
<div class="modal-body">
|
|
<h2>Add component</h2>
|
|
<div>
|
|
<label>
|
|
Part number:<br />
|
|
<input /><br />
|
|
<button>scan</button>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
Category:
|
|
<div><label><input type="radio" name="category" value="resistor" /> Resistor</label></div>
|
|
<div><label><input type="radio" name="category" value="capacitor" /> Capacitor</label></div>
|
|
<div><label><input type="radio" name="category" value="inductor" /> Inductor</label></div>
|
|
<div><label><input type="radio" name="category" value="ic" /> IC</label></div>
|
|
<div><label><input type="radio" name="category" value="connector" /> Connector</label></div>
|
|
<div><label><input type="radio" name="category" value="switch" /> Switch/Button</label></div>
|
|
<div>
|
|
<label>
|
|
<input type="radio" name="category" value="other" />
|
|
Other:
|
|
<input />
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<label>
|
|
Description:<br />
|
|
<input />
|
|
</label>
|
|
</div>
|
|
<div>
|
|
Packaging:
|
|
<div>
|
|
<label>
|
|
<input type="radio" name="packaging" value="tape" />
|
|
Tape
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<label>
|
|
<input type="radio" name="packaging" value="bag" />
|
|
Bag
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<label>
|
|
<input type="radio" name="packaging" value="other" />
|
|
Other:
|
|
<input />
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="main.ts"></script>
|
|
</body>
|
|
</html> |