inventrack 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +25 -0
- package/api/index.js +13 -0
- package/backend/README.md +35 -0
- package/backend/data/db.json +1239 -0
- package/backend/package-lock.json +532 -0
- package/backend/package.json +8 -0
- package/frontend/README.md +22 -0
- package/frontend/assets/Icon.png +0 -0
- package/frontend/assets/IconSort.png +0 -0
- package/frontend/assets/activity-1.png +0 -0
- package/frontend/assets/activity-2.png +0 -0
- package/frontend/assets/activity-3.png +0 -0
- package/frontend/assets/activity-4.png +0 -0
- package/frontend/assets/card-icon-1.png +0 -0
- package/frontend/assets/card-icon-2.png +0 -0
- package/frontend/assets/card-icon-3.png +0 -0
- package/frontend/assets/card-icon-4.png +0 -0
- package/frontend/assets/login.png +0 -0
- package/frontend/assets/logo.png +0 -0
- package/frontend/categories.html +143 -0
- package/frontend/css/all.min.css +9 -0
- package/frontend/css/bootstrap.min.css +6 -0
- package/frontend/css/categories.css +359 -0
- package/frontend/css/dashboard.css +373 -0
- package/frontend/css/inventoryInsights.css +308 -0
- package/frontend/css/inventoryOverview.css +353 -0
- package/frontend/css/orders.css +632 -0
- package/frontend/css/products.css +364 -0
- package/frontend/css/signin.css +120 -0
- package/frontend/css/style.css +282 -0
- package/frontend/css/suppliers.css +136 -0
- package/frontend/dashboard.html +160 -0
- package/frontend/index.html +124 -0
- package/frontend/inventoryInsights.html +182 -0
- package/frontend/inventoryOverview.html +187 -0
- package/frontend/js/api.js +55 -0
- package/frontend/js/auth.js +70 -0
- package/frontend/js/bootstrap.bundle.min.js +7 -0
- package/frontend/js/categories.js +356 -0
- package/frontend/js/dashboard.js +341 -0
- package/frontend/js/inventoryInsights.js +396 -0
- package/frontend/js/inventoryOverview.js +503 -0
- package/frontend/js/orders.js +662 -0
- package/frontend/js/products.js +650 -0
- package/frontend/js/suppliers.js +535 -0
- package/frontend/js/utils.js +234 -0
- package/frontend/orders.html +216 -0
- package/frontend/products.html +152 -0
- package/frontend/suppliers.html +175 -0
- package/frontend/webfonts/fa-brands-400.woff2 +0 -0
- package/frontend/webfonts/fa-regular-400.woff2 +0 -0
- package/frontend/webfonts/fa-solid-900.woff2 +0 -0
- package/frontend/webfonts/fa-v4compatibility.woff2 +0 -0
- package/package.json +38 -0
- package/vercel.json +18 -0
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="UTF-8" />
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
+
<title>Suppliers Page</title>
|
|
8
|
+
<!-- CSS -->
|
|
9
|
+
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
|
10
|
+
<link rel="stylesheet" href="css/all.min.css" />
|
|
11
|
+
<link rel="stylesheet" href="css/style.css" />
|
|
12
|
+
<link rel="stylesheet" href="css/suppliers.css">
|
|
13
|
+
</head>
|
|
14
|
+
|
|
15
|
+
<body>
|
|
16
|
+
<div id="top-navbar"></div>
|
|
17
|
+
<div id="second-navbar"></div>
|
|
18
|
+
|
|
19
|
+
<!-- /////////////////// Suppliers Management ///////////////// -->
|
|
20
|
+
|
|
21
|
+
<main class="container mt-5">
|
|
22
|
+
|
|
23
|
+
<section class="suplier">
|
|
24
|
+
<!-- header -->
|
|
25
|
+
<header class="d-flex flex-column flex-md-row justify-content-between p-4">
|
|
26
|
+
|
|
27
|
+
<div class="title col-12 col-md-8">
|
|
28
|
+
<h1 class="fw-bold">Suppliers</h1>
|
|
29
|
+
<p>Centralized directory to manage your supply chain partners.</p>
|
|
30
|
+
</div>
|
|
31
|
+
|
|
32
|
+
<div class="exports p-3 col-12 col-md-4">
|
|
33
|
+
<button class="btn bg-white me-2 download-date" id="downloadData">
|
|
34
|
+
<i class="fa-solid fa-download text-dark"></i> Export
|
|
35
|
+
</button>
|
|
36
|
+
|
|
37
|
+
<button class="btn add-supplier" id="addSupplier" data-bs-toggle="modal" data-bs-target="#exampleModal">
|
|
38
|
+
<i class="fa-solid fa-plus text-white"></i> Add Supplier
|
|
39
|
+
</button>
|
|
40
|
+
</div>
|
|
41
|
+
|
|
42
|
+
</header> <!-- header section -->
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
<!-- section search -->
|
|
46
|
+
<section class="card p-4 border-0">
|
|
47
|
+
<form class="row g-2">
|
|
48
|
+
<div class="col-9">
|
|
49
|
+
<input type="search" class="form-control rounded-4"
|
|
50
|
+
placeholder="Search by supplier name, contact person or email..." id="searchBySupplierName">
|
|
51
|
+
</div>
|
|
52
|
+
|
|
53
|
+
<div class="col-2">
|
|
54
|
+
<select class="form-select" id="formSelect">
|
|
55
|
+
<option value="all" selected>Status: All</option>
|
|
56
|
+
<option value="active">Active</option>
|
|
57
|
+
<option value="inactive">Inactive</option>
|
|
58
|
+
</select>
|
|
59
|
+
</div> <!--form-select-->
|
|
60
|
+
|
|
61
|
+
<div class="col-1">
|
|
62
|
+
<div class="sorting border text-center py-1 px-2 rounded-3" id="sortSupplierName">
|
|
63
|
+
<img src="./assets/IconSort.png" class="m-auto mt-2">
|
|
64
|
+
</div> <!--sorting-->
|
|
65
|
+
</div>
|
|
66
|
+
</form>
|
|
67
|
+
</section> <!--cardSearch-->
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
<!-- Table Section -->
|
|
71
|
+
<section class="card mt-3 supplier-card">
|
|
72
|
+
|
|
73
|
+
<div class="table-responsive ">
|
|
74
|
+
<table class="table">
|
|
75
|
+
|
|
76
|
+
<thead>
|
|
77
|
+
<tr>
|
|
78
|
+
<th>Supplier Name</th>
|
|
79
|
+
<th>Contact Person</th>
|
|
80
|
+
<th>Phone</th>
|
|
81
|
+
<th>Email</th>
|
|
82
|
+
<th>Address</th>
|
|
83
|
+
<th>Status</th>
|
|
84
|
+
<th>Actions</th>
|
|
85
|
+
</tr>
|
|
86
|
+
</thead>
|
|
87
|
+
|
|
88
|
+
<tbody>
|
|
89
|
+
</tbody>
|
|
90
|
+
|
|
91
|
+
</table>
|
|
92
|
+
<!-- Pagination -->
|
|
93
|
+
<div class="table-footer">
|
|
94
|
+
<span id="inventoryTableInfo"></span>
|
|
95
|
+
<div class="pagination" id="pagination"></div>
|
|
96
|
+
</div>
|
|
97
|
+
</div>
|
|
98
|
+
|
|
99
|
+
</section> <!--table-->
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
</section> <!--suplier-->
|
|
103
|
+
</main>
|
|
104
|
+
|
|
105
|
+
<!--Add/Edit Suppliers Modal -->
|
|
106
|
+
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
107
|
+
<div class="modal-dialog">
|
|
108
|
+
<div class="modal-content">
|
|
109
|
+
<div class="modal-header d-flex justify-content-evenly">
|
|
110
|
+
<div class="headerMod">
|
|
111
|
+
<h2 class="modal-title fw-bold fs-3" id="exampleModalLabel">Add/Edit Supplier</h2>
|
|
112
|
+
<p class="titleDown">
|
|
113
|
+
Manage your supplier details and status
|
|
114
|
+
</p>
|
|
115
|
+
</div>
|
|
116
|
+
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
117
|
+
</div> <!--modal-header-->
|
|
118
|
+
<div class="modal-body">
|
|
119
|
+
|
|
120
|
+
<div class="mb-3 col-12">
|
|
121
|
+
<label for="exampleFormControlInput1" class="form-label">Supplier Name</label>
|
|
122
|
+
<input type="text" class="form-control supplier-name" id="supplierName"
|
|
123
|
+
placeholder="e.g. Global Logistics Corp" />
|
|
124
|
+
</div><!--Name-->
|
|
125
|
+
|
|
126
|
+
<div class="mb-3 col-12">
|
|
127
|
+
<label for="exampleFormControlTextarea1" class="form-label">Contact Person</label>
|
|
128
|
+
<input type="text" id="contactPerson" placeholder="Enter contact name" class="form-control contact-person">
|
|
129
|
+
</div> <!--contact-->
|
|
130
|
+
|
|
131
|
+
<div class="d-flex">
|
|
132
|
+
<div class="col-md-6 mx-1">
|
|
133
|
+
<label for="inputPhone4" class="form-label">Phone</label>
|
|
134
|
+
<input type="text" class="form-control phone" id="supplierPhone" placeholder="+1 (555) 000-0000">
|
|
135
|
+
</div> <!--email-->
|
|
136
|
+
|
|
137
|
+
<div class="col-md-6 mx-1">
|
|
138
|
+
<label for="inputEmail4" class="form-label">Email</label>
|
|
139
|
+
<input type="email" class="form-control email " id="supplierMail" placeholder="supplier@example.com">
|
|
140
|
+
</div> <!--password-->
|
|
141
|
+
</div>
|
|
142
|
+
<div class="mb-3 col-12">
|
|
143
|
+
<label for="exampleFormControlInput1" class="form-label">Supplier Status</label>
|
|
144
|
+
<select class="form-select form-select-lg px-2 mx-2" aria-label=".form-select-lg example" id="select">
|
|
145
|
+
<option selected value="Active">Active</option>
|
|
146
|
+
<option value="Inactive">Inactive</option>
|
|
147
|
+
</select> <!--select-->
|
|
148
|
+
</div><!--Name-->
|
|
149
|
+
|
|
150
|
+
<div class="mb-3 col-12">
|
|
151
|
+
<label for="exampleFormControlInput1" class="form-label">Physical Address</label>
|
|
152
|
+
<textarea type="text" class="form-control txt-address" id="physicalAddress"
|
|
153
|
+
placeholder="Enter physical street address, city, and zip code"></textarea>
|
|
154
|
+
</div><!--Name-->
|
|
155
|
+
</div> <!--model-body-->
|
|
156
|
+
<div class="modal-footer" style="background-color: #F7F5F880;">
|
|
157
|
+
<button type="button" class="btn bg-white cancle" id="cancleChange" data-bs-dismiss="modal">Cancel</button>
|
|
158
|
+
<button type="button" class="btn save-supplier px-2 ms-2" id="saveSupplier">Save Supplier</button>
|
|
159
|
+
</div>
|
|
160
|
+
</div>
|
|
161
|
+
</div>
|
|
162
|
+
</div> <!--model-->
|
|
163
|
+
|
|
164
|
+
|
|
165
|
+
|
|
166
|
+
<footer id="footer"></footer>
|
|
167
|
+
|
|
168
|
+
<!-- Scripts -->
|
|
169
|
+
<script src="js/bootstrap.bundle.min.js"></script>
|
|
170
|
+
<script src="js/api.js"></script>
|
|
171
|
+
<script src="js/utils.js"></script>
|
|
172
|
+
<script src="js/suppliers.js"></script>
|
|
173
|
+
</body>
|
|
174
|
+
|
|
175
|
+
</html>
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/package.json
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "inventrack",
|
|
3
|
+
"version": "3.0.0",
|
|
4
|
+
"description": "A web-based inventory management system with dashboard, REST API, and reporting.",
|
|
5
|
+
"main": "api/index.js",
|
|
6
|
+
"module": "api/index.js",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": "./api/index.js"
|
|
9
|
+
},
|
|
10
|
+
"files": [
|
|
11
|
+
"api/",
|
|
12
|
+
"backend/",
|
|
13
|
+
"frontend/",
|
|
14
|
+
"vercel.json",
|
|
15
|
+
"README.md"
|
|
16
|
+
],
|
|
17
|
+
"keywords": [
|
|
18
|
+
"inventory",
|
|
19
|
+
"dashboard",
|
|
20
|
+
"json-server",
|
|
21
|
+
"management",
|
|
22
|
+
"node-module"
|
|
23
|
+
],
|
|
24
|
+
"authors": [
|
|
25
|
+
"Mohamed Wael Salem",
|
|
26
|
+
"Esraa Aziz Mahmoud",
|
|
27
|
+
"Ahmed Ashraf Khattab",
|
|
28
|
+
"Mohamed Elshahat Amer"
|
|
29
|
+
],
|
|
30
|
+
"license": "MIT",
|
|
31
|
+
"repository": {
|
|
32
|
+
"type": "git",
|
|
33
|
+
"url": "git+https://github.com/MoSalem149/Inventory-Management-System.git"
|
|
34
|
+
},
|
|
35
|
+
"dependencies": {
|
|
36
|
+
"json-server": "^0.17.4"
|
|
37
|
+
}
|
|
38
|
+
}
|
package/vercel.json
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 2,
|
|
3
|
+
"rewrites": [
|
|
4
|
+
{
|
|
5
|
+
"source": "/api/(.*)",
|
|
6
|
+
"destination": "/api/index.js"
|
|
7
|
+
},
|
|
8
|
+
{
|
|
9
|
+
"source": "/(.*)",
|
|
10
|
+
"destination": "/frontend/$1"
|
|
11
|
+
}
|
|
12
|
+
],
|
|
13
|
+
"functions": {
|
|
14
|
+
"api/index.js": {
|
|
15
|
+
"includeFiles": "backend/data/**"
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|