Hugging Face's logo

Spaces:
WebashalarForML
/
ImageDataExtractor2
Sleeping

App Files Community
WebashalarForML commited on
Commit
186d7fc
·
verified ·
1 Parent(s): b86a047

Update templates/result.html

Browse files
Files changed (1) hide show
  1. templates/result.html +34 -42
templates/result.html CHANGED
@@ -108,7 +108,7 @@
108
  sfdsdaa asfcsd sdgsfr sdfgfd jhijunb hun hjujbuy hgbuuuu jjf
109
  </div> -->
110
  </div>
111
- <div class="container cont mt-5">
112
  <div class="d-flex align-items-center justify-content-between">
113
  <h1>Extracted Details From Image</h1>
114
  <!-- Reset Button -->
@@ -125,116 +125,108 @@
125
  <div class="card">
126
  <div class="card-body">
127
  <div class="card">
128
- <div class="card-body">
129
- <h5 class="card-title">Extracted Image:</h5>
130
  {% if data.extracted_text.items() %}
 
131
  <ul>
132
  {% for filename, text in data.extracted_text.items() %}
133
  <li>{{ filename }}:</li>
134
  <img src="{{ Img[filename] }}" alt="Processed Image" class="img-fluid" />
135
- <h5 class="card-title">Extracted Text:</h5>
136
  <li>{{ text }}</li>
137
  {% endfor %}
138
  </ul>
139
- {% else %}
140
- <p>No tools found</p>
141
  {% endif %}
142
  </div>
143
  </div>
 
 
144
  <div class="card-body">
145
  <h5 class="card-title">Name:</h5>
146
- {% if data.name is iterable and data.name is not string %}
147
  <ul>
148
  {% for value in data.name %}
149
  <li>{{ value }}</li>
150
  {% endfor %}
151
  </ul>
152
- {% else %}
153
- <p>No tools found</p>
154
- {% endif %}
155
- </div>
156
  <div class="card-body">
157
  <h5 class="card-title">Designation:</h5>
158
- {% if data.Designation is iterable and data.Designation is not string %}
159
  <ul>
160
  {% for value in data.Designation %}
161
  <li>{{ value }}</li>
162
  {% endfor %}
163
  </ul>
164
- {% else %}
165
- <p>No tools found</p>
166
- {% endif %}
167
- </div>
168
  <div class="card-body">
169
  <h5 class="card-title">Contact number:</h5>
170
- {% if data.contact_number is iterable and data.contact_number is not string %}
171
  <ul>
172
  {% for value in data.contact_number %}
173
  <li>{{ value }}</li>
174
  {% endfor %}
175
  </ul>
176
- {% else %}
177
- <p>No tools found</p>
178
- {% endif %}
179
- </div>
180
  <div class="card-body">
181
  <h5 class="card-title">Email:</h5>
182
- {% if data.email is iterable and data.email is not string %}
183
  <ul>
184
  {% for value in data.email %}
185
  <li>{{ value }}</li>
186
  {% endfor %}
187
  </ul>
188
- {% else %}
189
- <p>No tools found</p>
190
- {% endif %}
191
- </div>
192
  <div class="card-body">
193
  <h5 class="card-title">Location:</h5>
194
- {% if data.Location is iterable and data.Location is not string %}
195
  <ul>
196
  {% for value in data.Location %}
197
  <li>{{ value }}</li>
198
  {% endfor %}
199
  </ul>
200
- {% else %}
201
- <p>No tools found</p>
202
- {% endif %}
203
  </div>
 
 
 
204
  <div class="card-body">
205
  <h5 class="card-title">Link:</h5>
206
- {% if data.Link is iterable and data.Link is not string %}
207
  <ul>
208
  {% for value in data.Link %}
209
  <li>{{ value }}</li>
210
  {% endfor %}
211
  </ul>
212
- {% else %}
213
- <p>No tools found</p>
214
- {% endif %}
215
  </div>
 
 
 
216
  <div class="card-body">
217
  <h5 class="card-title">Organisation:</h5>
218
- {% if data.Company is iterable and data.Company is not string %}
219
  <ul>
220
  {% for value in data.Company %}
221
  <li>{{ value }}</li>
222
  {% endfor %}
223
  </ul>
224
- {% else %}
225
- <p>No tools found</p>
226
- {% endif %}
227
- </div>
228
  </div>
229
  </div>
230
  </div>
231
  </div>
232
- </section>
233
-
234
  {% else %}
235
  <p>No data available. Please process a file.</p>
236
  {% endif %}
237
- </div>
238
 
239
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
240
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
 
108
  sfdsdaa asfcsd sdgsfr sdfgfd jhijunb hun hjujbuy hgbuuuu jjf
109
  </div> -->
110
  </div>
111
+ <div class="container cont mt-5">
112
  <div class="d-flex align-items-center justify-content-between">
113
  <h1>Extracted Details From Image</h1>
114
  <!-- Reset Button -->
 
125
  <div class="card">
126
  <div class="card-body">
127
  <div class="card">
128
+ <div class="card-body">
 
129
  {% if data.extracted_text.items() %}
130
+ <h5 class="card-title">Extracted Image:</h5>
131
  <ul>
132
  {% for filename, text in data.extracted_text.items() %}
133
  <li>{{ filename }}:</li>
134
  <img src="{{ Img[filename] }}" alt="Processed Image" class="img-fluid" />
135
+ <h5 class="card-title">Extracted Text:</h5>
136
  <li>{{ text }}</li>
137
  {% endfor %}
138
  </ul>
 
 
139
  {% endif %}
140
  </div>
141
  </div>
142
+
143
+ {% if data.name and data.name is iterable and data.name is not string %}
144
  <div class="card-body">
145
  <h5 class="card-title">Name:</h5>
 
146
  <ul>
147
  {% for value in data.name %}
148
  <li>{{ value }}</li>
149
  {% endfor %}
150
  </ul>
151
+ </div>
152
+ {% endif %}
153
+
154
+ {% if data.Designation and data.Designation is iterable and data.Designation is not string %}
155
  <div class="card-body">
156
  <h5 class="card-title">Designation:</h5>
 
157
  <ul>
158
  {% for value in data.Designation %}
159
  <li>{{ value }}</li>
160
  {% endfor %}
161
  </ul>
162
+ </div>
163
+ {% endif %}
164
+
165
+ {% if data.contact_number and data.contact_number is iterable and data.contact_number is not string %}
166
  <div class="card-body">
167
  <h5 class="card-title">Contact number:</h5>
 
168
  <ul>
169
  {% for value in data.contact_number %}
170
  <li>{{ value }}</li>
171
  {% endfor %}
172
  </ul>
173
+ </div>
174
+ {% endif %}
175
+
176
+ {% if data.email and data.email is iterable and data.email is not string %}
177
  <div class="card-body">
178
  <h5 class="card-title">Email:</h5>
 
179
  <ul>
180
  {% for value in data.email %}
181
  <li>{{ value }}</li>
182
  {% endfor %}
183
  </ul>
184
+ </div>
185
+ {% endif %}
186
+
187
+ {% if data.Location and data.Location is iterable and data.Location is not string %}
188
  <div class="card-body">
189
  <h5 class="card-title">Location:</h5>
 
190
  <ul>
191
  {% for value in data.Location %}
192
  <li>{{ value }}</li>
193
  {% endfor %}
194
  </ul>
 
 
 
195
  </div>
196
+ {% endif %}
197
+
198
+ {% if data.Link and data.Link is iterable and data.Link is not string %}
199
  <div class="card-body">
200
  <h5 class="card-title">Link:</h5>
 
201
  <ul>
202
  {% for value in data.Link %}
203
  <li>{{ value }}</li>
204
  {% endfor %}
205
  </ul>
 
 
 
206
  </div>
207
+ {% endif %}
208
+
209
+ {% if data.Company and data.Company is iterable and data.Company is not string %}
210
  <div class="card-body">
211
  <h5 class="card-title">Organisation:</h5>
 
212
  <ul>
213
  {% for value in data.Company %}
214
  <li>{{ value }}</li>
215
  {% endfor %}
216
  </ul>
217
+ </div>
218
+ {% endif %}
219
+
 
220
  </div>
221
  </div>
222
  </div>
223
  </div>
224
+ </section>
225
+
226
  {% else %}
227
  <p>No data available. Please process a file.</p>
228
  {% endif %}
229
+ </div>
230
 
231
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
232
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>