Spaces:
Runtime error
Runtime error
Update templates/result.html
Browse files- 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 |
-
|
| 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 |
-
|
| 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 |
-
|
| 153 |
-
|
| 154 |
-
|
| 155 |
-
|
| 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 |
-
|
| 165 |
-
|
| 166 |
-
|
| 167 |
-
|
| 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 |
-
|
| 177 |
-
|
| 178 |
-
|
| 179 |
-
|
| 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 |
-
|
| 189 |
-
|
| 190 |
-
|
| 191 |
-
|
| 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 |
-
|
| 225 |
-
|
| 226 |
-
|
| 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>
|