-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
130 lines (121 loc) · 5.52 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<?php
$commonNameTitle = parse_ini_file("./common.ini");
require 'db/DB.php';
require 'model/Customer.php';
require 'model/Book.php';
require 'model/Author.php';
require 'controller/BookController.php';
require 'controller/AuthorController.php';
require 'model/Enum.php';
require 'model/BookCategory.php';
$bkController = new BookController();
$aController = new AuthorController();
ob_start();
session_start();
$customer = new Customer();
if (isset($_SESSION["customer"])) {
$customer = $_SESSION["customer"];
}
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Home</title>
<link href="css/bootstrap-pulse.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<link href="css/navbar.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/select/1.2.5/css/select.dataTables.min.css">
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
</head>
<body>
<input type="hidden" id="customer-id" class="d-none" value="<?php echo $customer->getCustomerId(); ?>">
<?php include 'view/customer/navbar.php' ?>
<main class="container-fluid">
<!-- Order Request Modal -->
<div class="modal fade" id="orderRequestModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form id="backOrderForm">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Send Order Request</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<?php if (isset($_SESSION["customer"])) { ?>
<div id="order-body" class="modal-body">
<!-- content populated from js file -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
<input type="submit" class="btn btn-primary" value="Send Order">
</div>
<?php } else { ?>
<div class="modal-body">You must login before submitting an order request</div>
<?php } ?>
</form>
</div>
</div>
</div>
<div class="row">
<!-- All the filters are in here -->
<div class="col-3">
<div class="filter-container">
<label for="category-filter">Categories</label>
<select id="category-filter" class="custom-select" onchange="rerenderBooks()">
<option value="-1" selected>All</option>
<option value="0"><?php echo BookCategory::toString(0); ?></option>
<option value="1"><?php echo BookCategory::toString(1); ?></option>
<option value="2"><?php echo BookCategory::toString(2); ?></option>
<option value="3"><?php echo BookCategory::toString(3); ?></option>
<option value="4"><?php echo BookCategory::toString(4); ?></option>
<option value="5"><?php echo BookCategory::toString(5); ?></option>
</select>
</div>
<div class="filter-container">
<label for="inventory-filter">Availability</label>
<select id="inventory-filter" class="custom-select" onchange="rerenderBooks()">
<option value="-1" selected>All</option>
<option value="0">Out of Stock</option>
<option value="1">In Stock</option>
</select>
</div>
</div>
<!-- Each book gets appended in here -->
<div id="book-container" class="col book-container">
</div>
</div>
</main>
<script>
feather.replace();
</script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/util.js"></script>
<script src="js/client-index.js"></script>
<script>
$(document).ready(() => {
let books = <?php echo json_encode($bkController->fetchBooks()); ?>;
let authorNames = <?php echo json_encode($aController->getBookAuthors()); ?>;
authorNames.map((k, i) => {
if (parseInt(books[i].book_id) === parseInt(authorNames[i].book_id)) {
books[i]['authorNames'] = authorNames[i].names;
}
});
initializeBooks(books);
// console.log(books);
$('#backOrderForm').submit((e) => {
e.preventDefault();
orderSubmit();
return false;
});
});
</script>
</body>
</html>