Hugging Face's logo

Spaces:
demoPOC
/
JSearch
Runtime error

App Files Community
demoPOC commited on
Commit
573f290
·
1 Parent(s): 03a32b6

Update KBTrain.html

Browse files
Files changed (1) hide show
  1. KBTrain.html +154 -132
KBTrain.html CHANGED
@@ -1,142 +1,164 @@
1
  <!DOCTYPE html>
2
  <html>
3
- <head>
4
- <title>KB Upload Form</title>
5
  <style>
6
- body {
7
- background-color: #f2f2f2;
8
- font-family: Arial, Helvetica, sans-serif;
9
- }
10
-
11
- .container {
12
- display: flex;
13
- flex-direction: column;
14
- height: 400px;
15
- max-width: 700px;
16
- margin: 0 auto;
17
- background-color: #fff;
18
- border-radius: 10px;
19
- box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
20
- overflow: hidden;
21
- }
22
-
23
- .header {
24
- display: flex;
25
- align-items: center;
26
- justify-content: center;
27
- height: 60px;
28
- background-color: #0f3cc9;
29
- /* #075E54 */
30
- color: #fff;
31
- font-weight: bold;
32
- font-size: 20px;
33
- }
34
-
35
- form {
36
- background-color: #fff;
37
- border-radius: 5px;
38
- padding: 20px;
39
- width: 500px;
40
- margin: 0 auto;
41
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
42
- }
43
-
44
- label {
45
- display: block;
46
- font-size: 18px;
47
- font-weight: bold;
48
- margin-bottom: 10px;
49
- }
50
-
51
- input[type=file] {
52
- border: none;
53
- display: block;
54
- font-size: 16px;
55
- margin-bottom: 20px;
56
- }
57
-
58
- input[type=url] {
59
- border: 4px;
60
- border-color: #0f3cc9;
61
- width: 500px;
62
- box-shadow: 3px 5px 10px rgba(200, 0, 0, 0.1);
63
- display: block;
64
- font-size: 16px;
65
- margin-bottom: 20px;
66
- }
67
-
68
- input[type=submit] {
69
- background-color: #4CAF50;
70
- border: none;
71
- color: #fff;
72
- cursor: pointer;
73
- font-size: 18px;
74
- padding: 10px 20px;
75
- border-radius: 5px;
76
- }
77
-
78
- input[type=submit]:hover {
79
- background-color: #3e8e41;
80
- }
81
-
82
- .logoClass {
83
- width: 50px;
84
- height: 40px;
85
- align-self: center;
86
- margin-right: 10px;
87
- gap: 20px 20px;
88
- background-repeat: no-repeat;
89
- background-size: cover;
90
-
91
- }
92
-
93
- .upload-form {
94
- flex-grow: 1;
95
- padding: 20px;
96
- overflow-y: auto;
97
- }
 
 
 
 
 
98
  </style>
 
99
  <script type="text/javascript">
100
- window.onload = function() {
101
- // var uploadField = document.getElementById("file");
102
- // uploadField.onchange = function() {
103
- // for (file in this.files)
104
- // {
105
- // }
106
- // if(this.files[0].size > 2200000){
107
- // alert("Max Allowed PDF Size is 2 MB");
108
- // this.value = "";
109
- // };
110
- };
111
- let output = document.getElementById("output");
112
-
113
- function validateFileInput() {
114
- let files = $("#fileInput")[0].files.length;
115
- if (files != 0) {
116
- output.innerHTML += "File is selected! < br / > ";
 
 
 
 
117
  } else {
118
- output.innerHTML += "Please, select a file! < br > ";
119
  }
120
- }
121
- </script>
122
- </head>
123
- <body>
124
- <div class="container">
125
- <div class="header">
126
-
127
- <div>AI Assist Powered by J-GPT</div>
128
- </div>
129
- <div class="upload-form">
 
 
 
 
130
  <form action="/file_upload" method="post" enctype="multipart/form-data">
131
- <label for="file">Choose KnowledgeBase PDF files to upload:</label>
132
- <input type="file" name="files[]" id="file" multiple="true" accept=".pdf">
133
- <br>
134
- <br>
135
- <label for="weburl">Add your KnowledgeBase URL:</label>
136
- <input type="url" id="weburl" name="weburl">
137
- <input type="submit" value="Upload">
 
 
 
 
 
 
138
  </form>
139
- </div>
140
  </div>
141
- </body>
142
- </html>
 
 
 
 
1
  <!DOCTYPE html>
2
  <html>
3
+ <head>
4
+ <title>File Upload Form</title>
5
  <style>
6
+ body {
7
+ background-color: #f2f2f2;
8
+ font-family: Arial, Helvetica, sans-serif;
9
+ }
10
+
11
+ .container {
12
+ display: flex;
13
+ flex-direction: column;
14
+ height: 600px;
15
+ max-width: 700px;
16
+ margin: 0 auto;
17
+ background-color: #fff;
18
+ border-radius: 10px;
19
+ box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
20
+ overflow: hidden;
21
+ }
22
+ .header {
23
+ display: flex;
24
+ align-items: center;
25
+ justify-content: center;
26
+ height: 60px;
27
+ background-color:#0f3cc9 ;
28
+ /* #075E54 */
29
+ color: #fff;
30
+ font-weight: bold;
31
+ font-size: 20px;
32
+ }
33
+
34
+ form {
35
+ background-color: #fff;
36
+ border-radius: 5px;
37
+ padding: 20px;
38
+ width: 500px;
39
+ margin: 0 auto;
40
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
41
+ }
42
+
43
+ label {
44
+ display: block;
45
+ font-size: 18px;
46
+ font-weight: bold;
47
+ margin-bottom: 10px;
48
+ }
49
+
50
+ input[type=file] {
51
+ border: none;
52
+ display: block;
53
+ font-size: 16px;
54
+ margin-bottom: 20px;
55
+ }
56
+
57
+ input[type=url] {
58
+ border: 4px;
59
+ border-color: #0f3cc9;
60
+ width:500px;
61
+ box-shadow: 3px 5px 10px rgba(200,0,0,0.1);
62
+ display: block;
63
+ font-size: 16px;
64
+ margin-bottom: 20px;
65
+ }
66
+
67
+ input[type=submit] {
68
+ background-color: #4CAF50;
69
+ border: none;
70
+ color: #fff;
71
+ cursor: pointer;
72
+ font-size: 18px;
73
+ padding: 10px 20px;
74
+ border-radius: 5px;
75
+ }
76
+
77
+ input[type=submit]:hover {
78
+ background-color: #3e8e41;
79
+ }
80
+
81
+ .logoClass
82
+ {
83
+ width: 50px;
84
+ height: 40px;
85
+ align-self: center;
86
+ margin-right: 10px;
87
+ gap: 20px 20px;
88
+ background-repeat: no-repeat;
89
+ background-size: cover;
90
+ /* background-image: url({{url_for('static',filename='Jio-Logo.png')}}); */
91
+ }
92
+ .upload-form
93
+ {
94
+ flex-grow: 1;
95
+ padding: 20px;
96
+ overflow-y: auto;
97
+ }
98
+
99
+ select
100
+ {
101
+ font-size: 30px;
102
+ }
103
  </style>
104
+
105
  <script type="text/javascript">
106
+
107
+ window.onload = function() {
108
+
109
+ // var uploadField = document.getElementById("file");
110
+
111
+ // uploadField.onchange = function() {
112
+ // for (file in this.files)
113
+ // {
114
+
115
+ // }
116
+ // if(this.files[0].size > 2200000){
117
+ // alert("Max Allowed PDF Size is 2 MB");
118
+ // this.value = "";
119
+ // };
120
+ };
121
+
122
+ let output = document.getElementById("output");
123
+ function validateFileInput() {
124
+ let files = $("#fileInput")[0].files.length;
125
+ if (files != 0) {
126
+ output.innerHTML += "File is selected! <br/>";
127
  } else {
128
+ output.innerHTML += "Please, select a file!<br>";
129
  }
130
+ }
131
+
132
+
133
+
134
+ </script>
135
+
136
+ </head>
137
+ <body>
138
+ <div class="container">
139
+ <div class="header">
140
+ <div><img class="logoClass" src="../static/Jio-Logo.png" alt="Jio Logo"/> </div>
141
+ <div>JioSearch - KB Upload</div>
142
+ </div>
143
+ <div class="upload-form">
144
  <form action="/file_upload" method="post" enctype="multipart/form-data">
145
+ <label for="file">Choose KnowledgeBase PDF files to upload:</label>
146
+ <input type="file" name="files[]" id="file" multiple="true" accept=".pdf"><br><br>
147
+ <label for="weburl">Add your KnowledgeBase URL:</label>
148
+ <input type="url" id="weburl" name="weburl">
149
+ <label for="embeddingModel">Select Embedding Model</label>
150
+ <select name="embeddingModel" id="embeddingModel">
151
+ <option value="1">All-MiniLM-L6-v2 Embedding</option>
152
+ <option value="2">Instructor Embedding</option>
153
+ <option value="3">Flag Embedding</option>
154
+ <option value="4">Open AI - text-embedding-ada-002</option>
155
+ </select>
156
+ <br><br>
157
+ <input type="submit" value="Upload" >
158
  </form>
 
159
  </div>
160
+
161
+ </div>
162
+
163
+ </body>
164
+ </html>