knight/bookManagement
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Scanned basically everything with this

Browse Source
This commit is contained in:
BlipRanger
2024-08-25 11:53:26 -04:00
parent 1870130b29
commit 2e66aa5829
5 changed files with 120 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
public/index.html
View File

@@ -3,20 +3,20 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ISBN Scanner</title>
<title>ISBN Scanner and Title Lookup</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Scan a Book ISBN</h1>
<h1>Scan a Book ISBN or Search by Title</h1>
<div>
<label for="camera-select">Select Camera:</label>
<select id="camera-select"></select>
<button id="start-scanner">Start Scanner</button>
</div>
<div id="interactive" class="viewport"></div>
<div>
<h2>Or upload a barcode image</h2>
<input type="file" id="barcode-input" accept="image/*">
<h2>Or search for a book by title</h2>
<input type="text" id="title-input" placeholder="Enter book title">
<button id="search-title">Search by Title</button>
</div>
<div id="book-info"></div>
<div id="prompt">
@@ -27,11 +27,6 @@
<button id="confirm">Add to Database</button>
<button id="edit-title">No, I'll add a title</button>
</div>
<div id="title-input">
<label for="manual-title">Title:</label>
<input type="text" id="manual-title">
<button id="save-title">Save</button>
</div>
<script src="https://cdn.jsdelivr.net/npm/@ericblade/quagga2/dist/quagga.js"></script>
<script src="script.js"></script>
</body>

71
public/script.js
View File

@@ -21,6 +21,7 @@ async function getCameras() {
// Update selectedDeviceId when user selects a camera
cameraSelect.addEventListener('change', function() {
selectedDeviceId = this.value;
startScanner();
});
if (videoDevices.length > 0) {
@@ -53,11 +54,12 @@ function startScanner() {
target: document.querySelector('#interactive'),
constraints: {
deviceId: selectedDeviceId,
facingMode: "environment", // Default to rear camera
facingMode: "environment", // Default to rear camera,
advanced: [{torch: true}]
},
},
decoder: {
readers: ["ean_reader"] // EAN is the standard format for ISBN-13 barcodes
readers: ["ean_reader", "ean_8_reader",
}
}, function (err) {
if (err) {
@@ -66,6 +68,7 @@ function startScanner() {
}
console.log("Initialization finished. Ready to start");
Quagga.start();
Quagga.CameraAccess.enableTorch();
});
Quagga.onDetected(async function (data) {
@@ -122,6 +125,68 @@ function promptUserWithBook(bookData) {
}
}
// Add an event listener for the search button
document.getElementById('search-title').addEventListener('click', searchByTitle);
async function searchByTitle() {
const title = document.getElementById('title-input').value;
if (!title) {
alert('Please enter a book title to search.');
return;
}
try {
const response = await fetch(`/search-title?title=${encodeURIComponent(title)}`);
const data = await response.json();
if (data.results && data.results.length > 0) {
displaySearchResults(data.results);
} else {
alert('No books found with that title.');
}
} catch (error) {
console.error('Error searching for book by title:', error);
alert('An error occurred while searching for the book.');
}
}
function displaySearchResults(results) {
// Display the search results and allow the user to select one
const bookInfoDiv = document.getElementById('book-info');
bookInfoDiv.innerHTML = ''; // Clear previous results
results.forEach((book, index) => {
const bookElement = document.createElement('div');
bookElement.innerHTML = `
<p><strong>Title:</strong> ${book.title}</p>
<p><strong>Author(s):</strong> ${book.authors.join(', ')}</p>
<p><strong>Published:</strong> ${book.publish_date || 'N/A'}</p>
<p><strong>ISBN:</strong> ${book.isbn}</p>
<p><strong>Publisher:</strong> ${book.publisher || 'N/A'}</p>
<button onclick="selectBook(${index})">Select this book</button>
`;
bookInfoDiv.appendChild(bookElement);
});
// Store the results so that we can reference them when the user makes a selection
window.searchResults = results;
}
function selectBook(index) {
const selectedBook = window.searchResults[index];
console.log('Selected book:', selectedBook);
// You can now fetch more details using the unique key if needed, or directly store this in your database
const isbn = selectedBook.isbn;
if (isbn) {
fetchBookInfo(isbn);
} else {
promptUserWithBook(selectedBook); // You might have to adapt this if there's no ISBN
}
}
async function storeBookInDatabase(bookData) {
try {
const response = await fetch('/store-book', {
@@ -164,7 +229,7 @@ async function storeBookInDatabase(bookData) {
// Start the scanner when the start button is clicked
document.getElementById('start-scanner').addEventListener('click', startScanner);
//document.getElementById('start-scanner').addEventListener('click', startScanner);
// Get cameras on page load
window.onload = getCameras;

4
public/styles.css
View File

@@ -20,10 +20,6 @@ canvas.drawing, canvas.drawingBuffer {
margin-top: 20px;
}
#title-input {
display: none;
}
#prompt-message {
font-weight: bold;
}