-
Notifications
You must be signed in to change notification settings - Fork 0
/
createBook.html
61 lines (56 loc) · 3.87 KB
/
createBook.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Add a new book</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css" />
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
<script src="lib/browserShims.js"></script>
<script src="lib/util.js"></script>
<sciprt src="lib/errorTypes.js"></sciprt>
<script src="src/ctrl/initialize.js"></script>
<script src="src/model/Book.js"></script>
<script src="src/view/createBook.js"></script>
<script src="src/ctrl/createBook.js"></script>
<script>
window.addEventListener("load", pl.ctrl.createBook.initialize);
</script>
</head>
<body>
<div class="menu-container">
<div class="title-container">Library Management System</div>
<menu>
<li><a href="listBooks.html"><button type="button"><i class="w3-margin-left material-icons md-18">bookmark</i><span class="button-labels">All Books</span></button></a></li>
<li><a href="createBook.html"><button type="button"><i class="w3-margin-left material-icons md-18">add_circle</i><span class="button-labels">Add a new book</span></button></a></li>
<li><a href="updateBook.html"><button type="button"><i class="w3-margin-left material-icons md-18">loop</i><span class="button-labels">Update a book</span></button></a></li>
<li><a href="deleteBook.html"><button type="button"><i class="w3-margin-left material-icons md-18">delete</i><span class="button-labels">Delete a book</span></button></a></li>
<li><button type="button" onClick="Book.clearData()"><i class="w3-margin-left material-icons md-18">cloud_off</i><span class="button-labels">Clear database</span></button></li>
<li><button type="button" onClick="Book.createTestData"><i class="w3-margin-left material-icons md-18">cloud_upload</i><span class="button-labels">Create test data</span></button></li>
</menu>
<div class="right-output" id="creation">
<p>Create a new book record:</p>
<form id="Book" class="pure-form pure-form-aligned">
<div>
<label for="isbn">ISBN </label><input id="isbn" name="isbn"></div>
<div>
<label for="title">Title </label><input id="title" name="title"></div>
<div>
<label for="year">Year </label><input id="year" name="year"></div>
<div>
<label for="edition">Edition</label>
<input id="edition" name="edition"></div>
<div class="pure-controls">
<p>
<button type="submit" name="commit">Save</button>
<input type="reset" value="Reset">
</p>
</div>
</form>
</div>
<div class="footer-container"><a href="index.html"><i class="w3-margin-left material-icons md-18" id="footer-icon">home</i><span class="button-labels" id="footer-btn">Back to home</span></a>Powered and developed by <a href="http://www.vladimirpavlov.tk/">Vladimir Pavlov</a></div>
</div>
</body>
</html>