2025-01-16 03:24:22 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<link href="bootstrap-5.0.2-dist/css/bootstrap.min.css" rel="stylesheet" ></link>
|
|
|
|
|
<script src="bootstrap-5.0.2-dist/js/bootstrap.bundle.min.js" ></script>
|
2025-01-23 14:18:10 +01:00
|
|
|
<meta charset="utf-8">
|
2025-01-16 03:24:22 +01:00
|
|
|
<head>
|
|
|
|
|
<body>
|
2025-02-25 18:11:42 +01:00
|
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
|
|
|
<div class="container-fluid">
|
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
|
|
|
|
|
<span class="navbar-toggler-icon"></span>
|
|
|
|
|
</button>
|
2025-02-26 02:38:56 +01:00
|
|
|
<a class="navbar-brand" href="index.html">Open Microscopy App</a>
|
2025-02-25 18:11:42 +01:00
|
|
|
<div class="collapse navbar-collapse" id="navbarTogglerDemo03">
|
|
|
|
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
|
|
|
|
<li class="nav-item dropdown">
|
|
|
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbarScrollingDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
|
|
|
Settings
|
|
|
|
|
</a>
|
|
|
|
|
<ul class="dropdown-menu" aria-labelledby="navbarScrollingDropdown">
|
|
|
|
|
<li><a class="dropdown-item" href="/setup_microscope.html">Setup Camera</a></li>
|
|
|
|
|
<li><a class="dropdown-item" href="/sample_prep_protocol.html">Setup Preparation Protocol</a></li>
|
|
|
|
|
<li><hr class="dropdown-divider"></li>
|
|
|
|
|
<li><a class="dropdown-item" href="#">Defaults</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
<a class="nav-link active" aria-current="page" href="/sample_intake.html">add sample</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav-item dropdown">
|
|
|
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbarScrollingDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
|
|
|
Observe
|
|
|
|
|
</a>
|
|
|
|
|
<ul class="dropdown-menu" aria-labelledby="navbarScrollingDropdown">
|
|
|
|
|
<li><a class="dropdown-item" href="/observe_nema.html">Nematodes</a></li>
|
|
|
|
|
<li><a class="dropdown-item" href="/observe_main.html">Filamentous and Protozoa</a></li>
|
|
|
|
|
<li><a class="dropdown-item" href="/observe_bact.html">Bacteria</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
<a class="nav-link" href="/create_report.html">generate report</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</nav>
|
2025-01-16 03:24:22 +01:00
|
|
|
<div class="container">
|
|
|
|
|
<h1> OpenCompostApp </h1>
|
2025-01-17 02:21:25 +01:00
|
|
|
<p> hi there - this my fancy website</p>
|
|
|
|
|
<h2> first set up your microscope and sample preparation </h2>
|
2025-01-16 03:24:22 +01:00
|
|
|
<a href="setup_microscope.html">setup your microscope and camera here</a><br>
|
|
|
|
|
<a href="sample_prep_protocol.html">add a sample preparation protocol</a><br>
|
2025-01-17 02:36:10 +01:00
|
|
|
<h2> then you can start taking in samples </h2>
|
2025-01-23 14:19:49 +01:00
|
|
|
<a href="sample_intake.html">add a sample here</a><br>
|
2025-01-17 02:36:10 +01:00
|
|
|
|
2025-01-17 02:21:25 +01:00
|
|
|
<h2> then you can start observing </h2>
|
|
|
|
|
<a href="observe_main.html">filamentous and protozoa</a><br>
|
|
|
|
|
<a href="observe_nema.html">nematodes</a><br>
|
|
|
|
|
<a href="observe_bact.html">bacteria</a><br>
|
|
|
|
|
<h2> in the end you can create a report </h2>
|
|
|
|
|
<a href="create_report.html"> create a report here</a>
|
|
|
|
|
|
2025-01-16 03:24:22 +01:00
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
2025-01-17 02:36:10 +01:00
|
|
|
<script>
|
|
|
|
|
var db;
|
2025-01-29 15:47:14 +01:00
|
|
|
let openRequest = indexedDB.open("my_db");
|
2025-01-17 02:36:10 +01:00
|
|
|
|
|
|
|
|
openRequest.onupgradeneeded = function() {
|
|
|
|
|
db = openRequest.result;
|
|
|
|
|
db.createObjectStore("microscope_setup", {autoIncrement : true});
|
|
|
|
|
db.createObjectStore("prep_protocol", {autoIncrement : true});
|
2025-01-23 14:20:19 +01:00
|
|
|
db.createObjectStore("defaults", { keyPath: "id" });
|
2025-01-17 02:36:10 +01:00
|
|
|
db.createObjectStore("sample", {autoIncrement : true});
|
2025-01-29 15:47:14 +01:00
|
|
|
let reports = db.createObjectStore("results", {autoIncrement : true});
|
2025-01-23 14:20:19 +01:00
|
|
|
let nema_scan = db.createObjectStore("nematode_scan", {autoIncrement : true});
|
|
|
|
|
let main_scan = db.createObjectStore("main_scan", {autoIncrement : true});
|
|
|
|
|
let bact_scan = db.createObjectStore("bacterial_scan", {autoIncrement : true});
|
2025-01-29 15:47:14 +01:00
|
|
|
reports.createIndex("sampleID", "sampleID");
|
2025-01-23 14:20:19 +01:00
|
|
|
main_scan.createIndex("sampleID", "sampleID");
|
|
|
|
|
nema_scan.createIndex("sampleID", "sampleID");
|
|
|
|
|
bact_scan.createIndex("sampleID", "sampleID");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2025-01-17 02:36:10 +01:00
|
|
|
|
|
|
|
|
};
|
|
|
|
|
</script>
|
