Added Demo Modules Tab

Author: Chris Maunder

src/server/wwwroot/explorer.html

@@ -169,6 +169,9 @@
 							<li class="nav-item d-none" id="text-tab-listitem" data-category="Natural Language">
 								<button class="nav-link" id="text-tab" data-bs-toggle="tab" data-bs-target="#text-panel" type="button" role="tab" aria-controls="text" aria-selected="false">Text</button>
 							</li>
+							<li class="nav-item d-none" id="demo-tab-listitem" data-category="Demo Modules">
+								<button class="nav-link" id="demo-tab" data-bs-toggle="tab" data-bs-target="#demo-panel" type="button" role="tab" aria-controls="demo" aria-selected="true">Demos</button>
+							</li>
 							<li class="nav-item d-none" id="other-tab-listitem" data-category="Other">
 								<button class="nav-link" id="other-tab" data-bs-toggle="tab" data-bs-target="#other-panel" type="button" role="tab" aria-controls="other" aria-selected="true">Other</button>
 							</li>
@@ -206,10 +209,13 @@
 							<div class="tab-pane fade show" id="text-panel" data-category="Natural Language" role="tabpanel" aria-labelledby="text-tab">
 							</div>
 
+							<div class="tab-pane fade show" id="demo-panel" data-category="Demo Modules" role="tabpanel" aria-labelledby="demo-tab">
+							</div>
+
 							<div class="tab-pane fade show" id="other-panel" data-category="Other" role="tabpanel" aria-labelledby="other-tab">
 							</div>
 
-							<div class="tab-pane fade show" id="video-panel"  data-category="Video Processing" role="tabpanel" aria-labelledby="video-tab">
+							<div class="tab-pane fade show" id="video-panel" data-category="Video Processing" role="tabpanel" aria-labelledby="video-tab">
 
 								<div class="card mt-3">
 
@@ -219,9 +225,9 @@
 										<input class="btn btn-secondary me-auto" type="button" value="Stop"
 											   onclick="onStopVideo()" style="width:5rem">
 										<!--
-										<input class="btn btn-light" id="videoInput" type="file" style="width:10rem"
-											onchange="return previewVideo(this)" />
-										-->
+				<input class="btn btn-light" id="videoInput" type="file" style="width:10rem"
+					onchange="return previewVideo(this)" />
+				-->
 									</div>
 									<video id="video" style="width:100%;height:480px;display:none" autoplay></video>
 									<canvas id="canvas"></canvas>
@@ -232,7 +238,7 @@
 							<div class="tab-pane fade show" id="train-panel" data-category="Training" role="tabpanel" aria-labelledby="train-tab">
 							</div>
 
-							<div class="tab-pane fade show" id="benchmark-panel"  data-category="Benchmarking" role="tabpanel" aria-labelledby="benchmark-tab">
+							<div class="tab-pane fade show" id="benchmark-panel" data-category="Benchmarking" role="tabpanel" aria-labelledby="benchmark-tab">
 
 								<div class="card mt-3 objectdetection_queue">
 									<div class="card-header h3">Benchmark</div>
@@ -241,7 +247,7 @@
 										<div class="form-group row">
 											<label class="col-form-label col-2">Image</label>
 											<input class="col form-control btn-light" id="benchmarkInput"
-											       type="file" style="width:17rem" onchange="return previewImage(this)" />
+												   type="file" style="width:17rem" onchange="return previewImage(this)" />
 										</div>
 										<div class="form-group d-flex justify-content-end mt-2">
 											<label class="col-form-label col-2">Model</label>
@@ -256,11 +262,11 @@
 										<div class="form-group d-flex flex-nowrap mt-2">
 											<label class="form-label col-2">Parallel</label>
 											<div class="col-8">
-												<input type="range" id="benchmarkParallelism" class="tight w-100 mx-2" 
+												<input type="range" id="benchmarkParallelism" class="tight w-100 mx-2"
 													   min="1" max="8" steps="1" value="8"
-												   	onchange="updateBenchmarkParallelismLabel(this, 'benchmarkParallelismLabel')">
+													   onchange="updateBenchmarkParallelismLabel(this, 'benchmarkParallelismLabel')">
 											</div>
-			                                <div class="col-2 text-center" id="benchmarkParallelismLabel">8</div>
+											<div class="col-2 text-center" id="benchmarkParallelismLabel">8</div>
 										</div>
 									</div>
 								</div>