Extension_image_recognition/templates/index_with_randoms.html

72 lines
3.0 KiB
HTML
Executable File

<!DOCTYPE html>
<html lang="en">
<head>
<title>Deep Image Search</title>
<link rel="icon" href="{{ url_for('static',filename='img/favicon.ico') }}" />
<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/polaroidStyle.css') }}">
<script src= "{{ url_for('static',filename='js/ui.js') }}"></script>
</head>
<body>
<div align="center" id="header"><br>
<div style="margin-bottom: 10px; vertical-align: middle;"><img class="header"
src="{{ url_for('static',filename='img/aimh_logo.png') }}" style="max-width: 100%; height: auto; width: 400px;" alt=""></div>
<table>
<tr>
<td colspan="3">
<div id="searchForm" style="">
<span id="urlText" style="display: none;"><b>Paste image URL</b></span>
<a href="#" id="urlLink" onclick="changeQueryBySampleMod('url')" >Paste image URL</a>
<span id="uploadText"><b>Upload an image</b></span>
<a href="#" id="uploadLink" onclick="changeQueryBySampleMod('upload')" style="display: none;">Upload an image</a>
<form id="searchbar" method="POST" enctype="multipart/form-data" name="form1" action="./searchByImg">
<table cellspacing="1" cellpadding="1" border="0">
<tr>
<td valign="top">
<input type="hidden" value="" name="" id="objId">
<input type="hidden" value="true" name="tohtml">
<input style="display: none;" id="urlToUpload" name="url" type="text" size="49" onclick="" onchange="document.getElementById('queryImage').value=''">
<input id="imageToUpload" name="image" type="file" size="38" onclick="" onchange="document.getElementById('queryImage').value=''">
</td>
<td valign="top">
<input type="image" src="{{ url_for('static',filename='img/Search.png') }}" value="Search" title="Search" onclick="if (trim(document.getElementById('urlToUpload').value)=='' && trim(document.getElementById('imageToUpload').value)=='')return false;">
</td>
</tr>
</table>
</form></div>
</td>
</tr>
</table>
{%
set css_classes = ["", "large polaroid img1","polaroid img2","small polaroid img3","medium polaroid img4","polaroid img5","polaroid img6","polaroid img7","small polaroid img8","medium polaroid img9","polaroid img10","small polaroid img11","small polaroid img12","small polaroid img13","small polaroid img14","polaroid img15"]
%}
<!-- <div align="center" class="photo-album">
{% for i in range(0, 15) %}
{% set id = random_ids[i] %}
{% set objectUrlSmall = id%}
{% set title = id.split("/")[0] %}
<a href="searchById?tohtml=true&rescorer=false&bw=false&id={%print(id)%}" title="Click To Search" class="{%print(css_classes[i%15+1])%}"><img src="{%print(objectUrlSmall)%}" border="0">
</a>
{% endfor %}
</div>
<div align="center" style="padding-top: 40px;">
<a href="./" title="more random images"><img src="{{ url_for('static',filename='img/refresh.png') }}" width=45></a>
</div>-->
</body>
</html>