|
<!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 ; |
|
|
|
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; |
|
|
|
} |
|
.upload-form |
|
{ |
|
flex-grow: 1; |
|
padding: 20px; |
|
overflow-y: auto; |
|
} |
|
|
|
select |
|
{ |
|
font-size: 30px; |
|
} |
|
</style> |
|
|
|
<script type="text/javascript"> |
|
|
|
window.onload = function() { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}; |
|
|
|
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>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"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<br><br> |
|
<input type="submit" value="Upload" > |
|
</form> |
|
</div> |
|
|
|
</div> |
|
|
|
</body> |
|
</html> |
