index: increase font of critter name #9
3 changed files with 22 additions and 14 deletions
25
app.js
25
app.js
|
@ -4,15 +4,18 @@ const path = require("path");
|
|||
const morgan = require("morgan");
|
||||
const bodyParser = require("body-parser");
|
||||
const sqlite3 = require("sqlite3").verbose();
|
||||
const bole = require('bole');
|
||||
const log = bole('app');
|
||||
|
||||
const config = require('./config');
|
||||
const app = express();
|
||||
|
||||
// Create an SQLite database and initialize tables
|
||||
const db = new sqlite3.Database("db/results.db", (err) => {
|
||||
const db = new sqlite3.Database(config.db_path, (err) => {
|
||||
if (err) {
|
||||
console.error("Error opening SQLite database:", err.message);
|
||||
log.error("Error opening SQLite database:", err.message);
|
||||
} else {
|
||||
console.log("Connected to SQLite database");
|
||||
log.info("Connected to SQLite database", config.db_path);
|
||||
db.run(`
|
||||
CREATE TABLE IF NOT EXISTS button_clicks (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
|
@ -59,16 +62,16 @@ try {
|
|||
[animal, animal],
|
||||
(err) => {
|
||||
if (err) {
|
||||
console.error(`Error inserting animal ${animal}: `, err.message);
|
||||
log.error(`Error inserting animal ${animal}: `, err.message);
|
||||
} else {
|
||||
console.log(`Success inserting animal ${animal}`);
|
||||
log.info(`Success inserting animal ${animal}`);
|
||||
}
|
||||
},
|
||||
);
|
||||
}
|
||||
});
|
||||
} catch (error) {
|
||||
console.error("Error loading animals:", error);
|
||||
log.error("Error loading animals:", error);
|
||||
animals = ["Dog", "Cat", "Elephant", "Lion", "Giraffe"];
|
||||
}
|
||||
|
||||
|
@ -88,7 +91,7 @@ app.get("/getNextAnimal", async (req, res) => {
|
|||
const randomAnimal = animals[randomIndex];
|
||||
res.json({ animalName: randomAnimal });
|
||||
} catch (error) {
|
||||
console.error("Error fetching random animal:", error);
|
||||
log.error("Error fetching random animal:", error);
|
||||
res.status(500).json({ error: "Internal server error" });
|
||||
}
|
||||
});
|
||||
|
@ -98,7 +101,7 @@ app.post("/recordButtonClick", (req, res) => {
|
|||
try {
|
||||
//const { buttonName, sessionId } = req.body;
|
||||
const result = req.body;
|
||||
console.error(result);
|
||||
log.error(result);
|
||||
|
||||
db.run(
|
||||
"INSERT INTO button_clicks (session_id, animal_name, button_name, timestamp, time_difference) VALUES (?, ?, ?, ?, ?)",
|
||||
|
@ -111,7 +114,7 @@ app.post("/recordButtonClick", (req, res) => {
|
|||
],
|
||||
(err) => {
|
||||
if (err) {
|
||||
console.error("Error recording button click:", err.message);
|
||||
log.error("Error recording button click:", err.message);
|
||||
res.status(500).json({ error: "Internal server error" });
|
||||
} else {
|
||||
res.sendStatus(200);
|
||||
|
@ -119,7 +122,7 @@ app.post("/recordButtonClick", (req, res) => {
|
|||
},
|
||||
);
|
||||
} catch (error) {
|
||||
console.error("Error recording button click:", error);
|
||||
log.error("Error recording button click:", error);
|
||||
res.status(500).json({ error: "Internal server error" });
|
||||
}
|
||||
});
|
||||
|
@ -200,7 +203,7 @@ app.get("/results", async (req, res) => {
|
|||
await Promise.all([getCount, getTotalAvgTime, getAvgTime]);
|
||||
res.json(results);
|
||||
} catch (error) {
|
||||
console.error("Error fetching results:", error);
|
||||
log.error("Error fetching results:", error);
|
||||
res.status(500).json({ error: "Internal server error" });
|
||||
}
|
||||
});
|
||||
|
|
|
@ -9,7 +9,9 @@ config.express = {
|
|||
|
||||
if (PRODUCTION) {
|
||||
config.express.ip = '0.0.0.0';
|
||||
bole.output({ level: 'debug', stream: process.stdout })
|
||||
} else {
|
||||
config.db_path = "db/results.db";
|
||||
bole.output({ level: 'info', stream: process.stdout })
|
||||
} else {
|
||||
config.db_path = ":memory:";
|
||||
bole.output({ level: 'debug', stream: process.stdout })
|
||||
}
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<div id="isCritter">
|
||||
<h1>Is this a Critter?</h1>
|
||||
<h3>Is this a Critter?</h3>
|
||||
<p id="animal-name">what about?:</p>
|
||||
<button id="isCritterButton">Is Critter</button>
|
||||
<button id="isNotCritterButton">Is <b>not</b> Critter</button>
|
||||
|
@ -23,6 +23,9 @@
|
|||
</div>
|
||||
<script src="/asset/frontend.js"></script>
|
||||
<style type="text/css">
|
||||
#animal-name {
|
||||
font-size: 25px;
|
||||
}
|
||||
#isCritter {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue