Samuele E. Locatelli
91 lines
4.4 KiB
HTML
91 lines
4.4 KiB
HTML
<header>
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
|
</header>
|
|
|
|
<body>
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
<div class="col text-center">
|
|
<h1>Demo Page Reorder Items</h1>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="input-group mb-3">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text" id="basic-addon1">search</span>
|
|
</div>
|
|
<input type="text" class="form-control" aria-label="Username" aria-describedby="basic-addon1" placeholder="search item (Item code, original DataMatrix, ...)">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<form>
|
|
<div class="form-row">
|
|
<div class="form-group col-md-4">
|
|
<label for="inputEmail4">Item Code</label>
|
|
<input type="email" class="form-control" id="inputEmail4" placeholder="item code">
|
|
</div>
|
|
<div class="form-group col-md-4">
|
|
<label for="inputPassword4">Quantity</label>
|
|
<input type="password" class="form-control" id="inputPassword4" placeholder="0">
|
|
</div>
|
|
<div class="form-group col-md-4">
|
|
<label for="inputPassword4">Item Material</label>
|
|
<select class="form-control">
|
|
<option selected>Choose...</option>
|
|
<option>Plywood</option>
|
|
<option>Wood</option>
|
|
<option>MDF</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" id="gridCheck">
|
|
<label class="form-check-label" for="gridCheck">
|
|
Send confirmation email
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Request item</button>
|
|
</form>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="card" style="width: 18rem;">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Reorder Request</h5>
|
|
<h6 class="card-subtitle mb-2 text-muted">cod. 2019.023</h6>
|
|
<p class="card-text">Items: <b>3</b>/5 (60% done)</p>
|
|
<ul class="list-group list-group-flush">
|
|
<li class="list-group-item">Item: IABC.0012 - <b>DONE</b></li>
|
|
<li class="list-group-item">Item: IDAC.0022 - <b>DONE</b></li>
|
|
<li class="list-group-item">Item: IAFC.0212 - <b>DONE</b></li>
|
|
<li class="list-group-item">Item: IABC.0212</li>
|
|
<li class="list-group-item">Item: IDEC.0232</li>
|
|
</ul>
|
|
<a href="#" class="card-link">Status: <b>NOT ready</b></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card" style="width: 18rem;">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Reorder Request</h5>
|
|
<h6 class="card-subtitle mb-2 text-muted">cod. 2019.023</h6>
|
|
<p class="card-text">Items: <b>3</b>/5 (60% done)</p>
|
|
<ul class="list-group list-group-flush">
|
|
<li class="list-group-item">Item: IDAE.0312 - <b>DONE</b></li>
|
|
<li class="list-group-item">Item: IAES.0322 - <b>DONE</b></li>
|
|
<li class="list-group-item">Item: IAFS.0012 - <b>DONE</b></li>
|
|
<li class="list-group-item">Item: IDEC.0242</li>
|
|
<li class="list-group-item">Item: IGES.0212</li>
|
|
</ul>
|
|
<a href="#" class="card-link">Status: <b>NOT ready</b></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body> |