-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
1f6aead
commit f2e7c73
Showing
3 changed files
with
278 additions
and
393 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,68 +1,80 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<meta content="IE=edge" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<link rel="stylesheet" href="bootstrap.css" /> | ||
<link rel="stylesheet" href="style.css" /> | ||
<script src="generator.js" defer></script> | ||
<script src="script.js" defer></script> | ||
<title>Inventory</title> | ||
</head> | ||
<body> | ||
<div class="container-fluid p-3 p-md-4 p-lg-5"> | ||
<div class="input-group-lg row"> | ||
<div class="col-12 p-0 col-md-3 input-group-lg form-floating"> | ||
<input | ||
type="search" | ||
class="form-control search" | ||
placeholder="Enter Item Number" | ||
aria-label="Enter Item Number" | ||
aria-describedby="basic-addon2" | ||
id="text" | ||
maxlength="15" | ||
inputmode="numeric" | ||
autofocus | ||
/> | ||
<label for="text">Enter Item Number</label> | ||
</div> | ||
<div class="col-12 col-md-2 p-0 input-group-lg form-floating"> | ||
<input | ||
min="0" | ||
type="text" | ||
inputmode="numeric" | ||
pattern="[0-9]*" | ||
class="form-control count" | ||
placeholder="Enter Count" | ||
aria-label="Enter Count" | ||
aria-describedby="basic-addon2" | ||
id="count" | ||
/> | ||
<label for="count">Enter Count</label> | ||
</div> | ||
<div class="col-12 col-md-3 col-lg-3 col-xl-3 p-0 input-group-lg form-floating"> | ||
<input | ||
type="search" | ||
pattern="[0-9]*" | ||
class="form-control item-name" | ||
placeholder="Enter Item Name" | ||
aria-label="Enter Item Name" | ||
aria-describedby="basic-addon2" | ||
id="item-name" | ||
/> | ||
<label for="item-name">Enter Item Name</label> | ||
</div> | ||
<div class="col-12 col-md-4 col-lg-3 col-xl-3 input-group-lg p-0"> | ||
<button class="btn btn-primary h-100 w-100" type="button" id="generate">Generate Barcode</button> | ||
</div> | ||
</div> | ||
<div class="row input-group-lg"> | ||
<button class="btn btn-outline-danger col-12 col-md-6 col-xl-3" type="button" id="remove-all"> | ||
Remove All Items | ||
</button> | ||
<ul class="list"></ul> | ||
</div> | ||
</div> | ||
</body> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<meta content="IE=edge" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<link rel="stylesheet" href="bootstrap.css" /> | ||
<link rel="stylesheet" href="style.css" /> | ||
<script src="generator.js" defer></script> | ||
<script src="script.js" defer></script> | ||
<title>Inventory</title> | ||
</head> | ||
<body> | ||
<div class="container-fluid p-3 p-md-4 p-lg-5"> | ||
<div class="input-group-lg row"> | ||
<div class="col-12 p-0 col-md-3 input-group-lg form-floating"> | ||
<input | ||
type="search" | ||
class="form-control search" | ||
placeholder="Enter Item Number" | ||
aria-label="Enter Item Number" | ||
aria-describedby="basic-addon2" | ||
id="text" | ||
maxlength="15" | ||
inputmode="numeric" | ||
autofocus | ||
/> | ||
<label for="text">Enter Item Number</label> | ||
</div> | ||
<div class="col-12 col-md-2 p-0 input-group-lg form-floating"> | ||
<input | ||
min="0" | ||
type="text" | ||
inputmode="numeric" | ||
pattern="[0-9]*" | ||
class="form-control count" | ||
placeholder="Enter Count" | ||
aria-label="Enter Count" | ||
aria-describedby="basic-addon2" | ||
id="count" | ||
/> | ||
<label for="count">Enter Count</label> | ||
</div> | ||
<div | ||
class="col-12 col-md-3 col-lg-3 col-xl-3 p-0 input-group-lg form-floating" | ||
> | ||
<input | ||
type="search" | ||
pattern="[0-9]*" | ||
class="form-control item-name" | ||
placeholder="Enter Item Name" | ||
aria-label="Enter Item Name" | ||
aria-describedby="basic-addon2" | ||
id="item-name" | ||
/> | ||
<label for="item-name">Enter Item Name</label> | ||
</div> | ||
<div class="col-12 col-md-4 col-lg-3 col-xl-3 input-group-lg p-0"> | ||
<button | ||
class="btn btn-primary h-100 w-100" | ||
type="button" | ||
id="generate" | ||
> | ||
Generate Barcode | ||
</button> | ||
</div> | ||
</div> | ||
<div class="row input-group-lg"> | ||
<button | ||
class="btn btn-outline-danger col-12 col-md-6 col-xl-3" | ||
type="button" | ||
id="remove-all" | ||
> | ||
Remove All Items | ||
</button> | ||
<ul class="list"></ul> | ||
</div> | ||
</div> | ||
</body> | ||
</html> |
Oops, something went wrong.