Spaces:

demoPOC
/

JSearch

Runtime error

App Files Files Community

JSearch / KBTrain.html

demoPOC

Update KBTrain.html

ac17a82 over 2 years ago

raw

history blame contribute delete

5.03 kB

	<!DOCTYPE html>
	<html>
	<head>
	<title>JSearch KB Upload</title>
	<style>
	body {
	background-color: #f2f2f2;
	font-family: Arial, Helvetica, sans-serif;
	}

	.container {
	display: flex;
	flex-direction: column;
	height: 600px;
	max-width: 700px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
	overflow: hidden;
	}
	.header {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	background-color:#0f3cc9 ;
	/* #075E54 */
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	}

	form {
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
	width: 500px;
	margin: 0 auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}

	label {
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	}

	input[type=file] {
	border: none;
	display: block;
	font-size: 16px;
	margin-bottom: 20px;
	}

	input[type=url] {
	border: 4px;
	border-color: #0f3cc9;
	width:500px;
	box-shadow: 3px 5px 10px rgba(200,0,0,0.1);
	display: block;
	font-size: 16px;
	margin-bottom: 20px;
	}

	input[type=submit] {
	background-color: #4CAF50;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	padding: 10px 20px;
	border-radius: 5px;
	}

	input[type=submit]:hover {
	background-color: #3e8e41;
	}

	.logoClass
	{
	width: 50px;
	height: 40px;
	align-self: center;
	margin-right: 10px;
	gap: 20px 20px;
	background-repeat: no-repeat;
	background-size: cover;
	/* background-image: url({{url_for('static',filename='Jio-Logo.png')}}); */
	}
	.upload-form
	{
	flex-grow: 1;
	padding: 20px;
	overflow-y: auto;
	}

	select
	{
	font-size: 30px;
	}
	</style>

	<script type="text/javascript">

	window.onload = function() {

	// var uploadField = document.getElementById("file");

	// uploadField.onchange = function() {
	// for (file in this.files)
	// {

	// }
	// if(this.files[0].size > 2200000){
	// alert("Max Allowed PDF Size is 2 MB");
	// this.value = "";
	// };
	};

	let output = document.getElementById("output");
	function validateFileInput() {
	let files = $("#fileInput")[0].files.length;
	if (files != 0) {
	output.innerHTML += "File is selected! <br/>";
	} else {
	output.innerHTML += "Please, select a file!<br>";
	}
	}



	</script>

	</head>
	<body>
	<div class="container">
	<div class="header">
	<!-- <div><img class="logoClass" src="../static/Jio-Logo.png" alt="Jio Logo"/> </div> -->
	<div>JSearch - KB Upload</div>
	</div>
	<div class="upload-form">
	<form action="/file_upload" method="post" enctype="multipart/form-data">
	<label for="file">Choose KnowledgeBase PDF files to upload:</label>
	<input type="file" name="files[]" id="file" multiple="true" accept=".pdf"><br><br>
	<label for="weburl">Add your KnowledgeBase URL:</label>
	<input type="url" id="weburl" name="weburl">
	<!-- <label for="embeddingModel">Select Embedding Model</label>
	<select name="embeddingModel" id="embeddingModel">
	<option value="1">All-MiniLM-L6-v2 Embedding</option>
	<option value="2">Instructor Embedding</option>
	<option value="3">Flag Embedding</option>
	<option value="4">Open AI - text-embedding-ada-002</option>
	</select> -->
	<br><br>
	<input type="submit" value="Upload" >
	</form>
	</div>

	</div>

	</body>
	</html>