Ethan Dalool
3cb8f0adcf
I think at one point I was using full qualnames on the tag objects in the mmf uls. But now they just show their base name, so this code is useless. And I don't think I'll reinstate it because tags have multiple parents now and I don't want to implement all the lineage checking in the client js. We'll just let the server handle the slightly less efficient query.
664 lines
22 KiB
HTML
664 lines
22 KiB
HTML
<!DOCTYPE html5>
|
|
<html>
|
|
<head>
|
|
{% import "photo_card.html" as photo_card %}
|
|
{% import "header.html" as header %}
|
|
{% import "tag_object.html" as tag_object %}
|
|
{% import "clipboard_tray.html" as clipboard_tray %}
|
|
<title>Search</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<link rel="stylesheet" href="/static/css/common.css">
|
|
<link rel="stylesheet" href="/static/css/photo_card.css">
|
|
<link rel="stylesheet" href="/static/css/clipboard_tray.css">
|
|
{% if theme %}<link rel="stylesheet" href="/static/css/theme_{{theme}}.css">{% endif %}
|
|
<script src="/static/js/common.js"></script>
|
|
<script src="/static/js/api.js"></script>
|
|
<script src="/static/js/hotkeys.js"></script>
|
|
<script src="/static/js/photo_clipboard.js"></script>
|
|
<script src="/static/js/tag_autocomplete.js"></script>
|
|
|
|
<style>
|
|
#search_builder_form
|
|
{
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
#content_body
|
|
{
|
|
grid-template:
|
|
"left error_message_area" auto
|
|
"left happy_message_area" auto
|
|
"left right" 1fr
|
|
/ 310px 1fr;
|
|
}
|
|
#error_message_area
|
|
{
|
|
grid-area: error_message_area;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
#happy_message_area
|
|
{
|
|
grid-area: happy_message_area;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.error_message
|
|
{
|
|
align-self: center;
|
|
|
|
padding: 2px;
|
|
|
|
background-color: #f00;
|
|
|
|
color: #fff;
|
|
}
|
|
#left
|
|
{
|
|
grid-area: left;
|
|
flex: 1;
|
|
|
|
padding: 8px;
|
|
|
|
background-color: var(--color_site_transparency);
|
|
|
|
word-wrap: break-word;
|
|
}
|
|
#tags_on_this_page_list
|
|
{
|
|
list-style-type: none;
|
|
padding: 0;
|
|
}
|
|
|
|
#right
|
|
{
|
|
grid-area: right;
|
|
flex: 1;
|
|
|
|
/* Keep the prev-next buttons from scraping the floor */
|
|
padding-bottom: 30px;
|
|
}
|
|
@media screen and (max-width: 800px) {
|
|
#content_body
|
|
{
|
|
grid-template:
|
|
"error_message_area"
|
|
"happy_message_area"
|
|
"right"
|
|
"left";
|
|
}
|
|
#left
|
|
{
|
|
max-width: none;
|
|
width: initial;
|
|
}
|
|
}
|
|
.prev_next_holder
|
|
{
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.prev_page
|
|
{
|
|
margin-right: 10px;
|
|
}
|
|
.next_page
|
|
{
|
|
margin-left: 10px;
|
|
}
|
|
.prev_page, .next_page
|
|
{
|
|
display: flex;
|
|
flex: 1;
|
|
justify-content: center;
|
|
|
|
border: 1px solid black;
|
|
|
|
background-color: var(--color_theme_secondary);
|
|
|
|
font-size: 20;
|
|
}
|
|
|
|
.search_builder_tagger,
|
|
#search_builder_orderby_ul
|
|
{
|
|
margin: 0;
|
|
}
|
|
</style>
|
|
|
|
{% macro prev_next_buttons() %}
|
|
{% if prev_page_url or next_page_url %}
|
|
<div class="prev_next_holder">
|
|
{% if prev_page_url %}
|
|
<a class="prev_page" href="{{prev_page_url}}">Previous</a>
|
|
{% else %}
|
|
<a class="prev_page"><br></a>
|
|
{% endif %}
|
|
{% if next_page_url %}
|
|
<a class="next_page" href="{{next_page_url}}">Next</a>
|
|
{% else %}
|
|
<a class="next_page"><br></a>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
{% endmacro %}
|
|
|
|
{% macro create_orderby_li(selected_column, selected_sorter) %}
|
|
<li class="search_builder_orderby_li">
|
|
<select onchange="orderby_hide_direction_hook(event)">
|
|
<option value="created" {{"selected" if selected_column=="created" else ""}} >Creation date</option>
|
|
<option value="area" {{"selected" if selected_column=="area" else ""}} >Area</option>
|
|
<option value="width" {{"selected" if selected_column=="width" else ""}} >Width</option>
|
|
<option value="height" {{"selected" if selected_column=="height" else ""}} >Height</option>
|
|
<option value="ratio" {{"selected" if selected_column=="ratio" else ""}} >Aspect Ratio</option>
|
|
<option value="bytes" {{"selected" if selected_column=="bytes" else ""}} >File size</option>
|
|
<option value="duration" {{"selected" if selected_column=="duration" else ""}} >Duration</option>
|
|
<option value="tagged_at" {{"selected" if selected_column=="tagged_at" else ""}} >Recently tagged</option>
|
|
<option value="random" {{"selected" if selected_column=="random" else ""}} >Random</option>
|
|
</select>
|
|
<select {% if selected_column=="random" %}class="hidden"{% endif %}>
|
|
<option value="desc" {{"selected" if selected_sorter=="desc" else ""}} >Descending</option>
|
|
<option value="asc" {{"selected" if selected_sorter=="asc" else ""}} >Ascending</option>
|
|
</select>
|
|
<button class="remove_tag_button_perm red_button" onclick="orderby_remove_hook(this);"></button>
|
|
</li>
|
|
{% endmacro %}
|
|
</head>
|
|
|
|
|
|
<body>
|
|
{{header.make_header(session=session)}}
|
|
<div id="content_body">
|
|
<div id="left">
|
|
{% for tagtype in ["musts", "mays", "forbids"] %}
|
|
<div id="search_builder_{{tagtype}}" {% if search_kwargs["tag_expression"]%}style="display:none"{%endif%}>
|
|
<span>Tag {{tagtype}}:</span>
|
|
<ul class="search_builder_tagger">
|
|
{% set key="tag_" + tagtype %}
|
|
{% if search_kwargs[key] %}
|
|
{% for tagname in search_kwargs[key] %}
|
|
<li class="search_builder_{{tagtype}}_inputted">
|
|
<span class="tag_object">{{tagname}}</span>{{-''-}}
|
|
<button class="remove_tag_button red_button"
|
|
onclick="remove_searchtag(this, '{{tagname}}', inputted_{{tagtype}});"></button>
|
|
</li>
|
|
{% endfor %}
|
|
{% endif %}
|
|
<li><input id="search_builder_{{tagtype}}_input" type="text" list="tag_autocomplete_datalist"></li>
|
|
</ul>
|
|
</div>
|
|
{% endfor %}
|
|
<div id="search_builder_expression" {% if not search_kwargs["tag_expression"]%}style="display:none"{%endif%}>
|
|
<span>Tag Expression:</span>
|
|
<input id="search_builder_expression_input" name="tag_expression" type="text"
|
|
{% if search_kwargs["tag_expression"] %}
|
|
value="{{search_kwargs["tag_expression"]}}"
|
|
{% endif %}
|
|
>
|
|
</div>
|
|
<div id="search_builder_orderby">
|
|
<span>Order by</span>
|
|
<ul id="search_builder_orderby_ul">
|
|
{% if "orderby" in search_kwargs and search_kwargs["orderby"] %}
|
|
{% for orderby in search_kwargs["orderby"] %}
|
|
{% set column, sorter=orderby.split("-") %}
|
|
{{ create_orderby_li(selected_column=column, selected_sorter=sorter) }}
|
|
{% endfor %}
|
|
{% else %}
|
|
{{ create_orderby_li(selected_column=0, selected_sorter=0) }}
|
|
{% endif %}
|
|
<li id="search_builder_orderby_newrow"><button class="green_button" onclick="add_new_orderby()">+</button></li>
|
|
</ul>
|
|
</div>
|
|
<br>
|
|
<form id="search_builder_form" action="" onsubmit="return submit_search();">
|
|
|
|
<span>Min-max values</span>
|
|
<input type="text" class="basic_param"
|
|
{%if search_kwargs['area']%} value="{{search_kwargs['area']}}" {%endif%}
|
|
name="area" placeholder="Area: 1m-2m">
|
|
|
|
<input type="text" class="basic_param"
|
|
{%if search_kwargs['width']%} value="{{search_kwargs['width']}}" {%endif%}
|
|
name="width" placeholder="Width: 1k-2k">
|
|
|
|
<input type="text" class="basic_param"
|
|
{%if search_kwargs['height']%} value="{{search_kwargs['height']}}" {%endif%}
|
|
name="height" placeholder="Height: 1k-2k">
|
|
|
|
<input type="text" class="basic_param"
|
|
{%if search_kwargs['ratio']%} value="{{search_kwargs['ratio']}}" {%endif%}
|
|
name="ratio" placeholder="Aspect Ratio: 1.7-2">
|
|
|
|
<input type="text" class="basic_param"
|
|
{%if search_kwargs['bytes']%} value="{{search_kwargs['bytes']}}" {%endif%}
|
|
name="bytes" placeholder="File Size: 1mb-2mb">
|
|
|
|
<input type="text" class="basic_param"
|
|
{%if search_kwargs['duration']%} value="{{search_kwargs['duration']}}" {%endif%}
|
|
name="duration" placeholder="Duration: 10:00-20:00">
|
|
|
|
<input type="text" class="basic_param"
|
|
{%if search_kwargs['created']%} value="{{search_kwargs['created']}}" {%endif%}
|
|
name="created" placeholder="Created: 1483228800-1514764800">
|
|
|
|
<br>
|
|
|
|
<span>Other filters</span>
|
|
<input type="text" class="basic_param"
|
|
{%if search_kwargs['filename']%} value="{{search_kwargs['filename']}}" {%endif%}
|
|
name="filename" placeholder="Filename">
|
|
|
|
<input type="text" class="basic_param"
|
|
{%if search_kwargs['mimetype']%} value="{{search_kwargs['mimetype']}}" {%endif%}
|
|
name="mimetype" placeholder="Mimetype(s)">
|
|
|
|
<input type="text" class="basic_param"
|
|
{%if search_kwargs['extension']%} value="{{search_kwargs['extension']}}" {%endif%}
|
|
name="extension" placeholder="Extension(s)">
|
|
|
|
<input type="text" class="basic_param"
|
|
{%if search_kwargs['extension_not']%} value="{{search_kwargs['extension_not']}}" {%endif%}
|
|
name="extension_not" placeholder="Forbid extension(s)">
|
|
|
|
<input type="text" class="basic_param"
|
|
{%if search_kwargs['author']%} value="{{search_kwargs['author']}}" {%endif%}
|
|
name="author" placeholder="Author">
|
|
|
|
<select name="limit" class="basic_param">
|
|
{% set limit_options = [20, 50, 100, 200] %}
|
|
{% if search_kwargs['limit'] not in limit_options %}
|
|
{% do limit_options.append(search_kwargs['limit']) %}
|
|
{% do limit_options.sort() %}
|
|
{% endif %}
|
|
{% for limit_option in limit_options %}
|
|
<option value="{{limit_option}}" {{"selected" if search_kwargs['limit'] == limit_option else ""}}>
|
|
{{- limit_option }} items{{''-}}
|
|
</option>
|
|
{% endfor %}
|
|
</select>
|
|
<select name="has_tags" class="basic_param">
|
|
<option value="" {{"selected" if search_kwargs['has_tags']==None else ""}}>Tagged and untagged</option>
|
|
<option value="yes" {{"selected" if search_kwargs['has_tags']==True else ""}}>Tagged only</option>
|
|
<option value="no" {{"selected" if search_kwargs['has_tags']==False else ""}}>Untagged only</option>
|
|
</select>
|
|
<select name="has_thumbnail" class="basic_param">
|
|
<option value="" {{"selected" if search_kwargs['has_thumbnail']==None else ""}}>Thumbnail doesn't matter</option>
|
|
<option value="yes" {{"selected" if search_kwargs['has_thumbnail']==True else ""}}>Has thumbnail</option>
|
|
<option value="no" {{"selected" if search_kwargs['has_thumbnail']==False else ""}}>No thumbnail</option>
|
|
</select>
|
|
<select name="view" class="basic_param">
|
|
<option value="grid" {{"selected" if search_kwargs['view']=="grid" else ""}}>Grid</option>
|
|
<option value="list" {{"selected" if search_kwargs['view']=="list" else ""}}>List</option>
|
|
</select>
|
|
<button type="submit" id="search_go_button" class="green_button" value="">Search</button>
|
|
</form>
|
|
{% if total_tags %}
|
|
<h4>Tags on this page:</h4>
|
|
<ul id="tags_on_this_page_list">
|
|
{% for tag in total_tags %}
|
|
<li>
|
|
{{tag_object.tag_object(
|
|
tag,
|
|
link=None,
|
|
onclick="tags_on_this_page_add_must(event, '" + tag.name + "');",
|
|
innertext="(+)",
|
|
)}}
|
|
|
|
{{tag_object.tag_object(
|
|
tag,
|
|
link=None,
|
|
onclick="tags_on_this_page_add_may(event, '" + tag.name + "');",
|
|
innertext="(~)",
|
|
)}}
|
|
|
|
{{tag_object.tag_object(
|
|
tag,
|
|
link=None,
|
|
onclick="tags_on_this_page_add_forbid(event, '" + tag.name + "');",
|
|
innertext="(x)",
|
|
)}}
|
|
|
|
{{tag_object.tag_object(
|
|
tag,
|
|
link="info",
|
|
with_alt_description=True,
|
|
)}}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
<div id="error_message_area">
|
|
{% for warning in warnings %}
|
|
<p class="error_message">{{warning}}</p>
|
|
{% endfor %}
|
|
</div>
|
|
<div id="happy_message_area">
|
|
<p>You got {{photos|length}} items.</p>
|
|
</div>
|
|
<div id="right">
|
|
{{prev_next_buttons()}}
|
|
<div id="search_results_holder">
|
|
{% for photo in photos %}
|
|
{{photo_card.create_photo_card(photo, view=search_kwargs["view"])}}
|
|
{% endfor %}
|
|
</div>
|
|
|
|
{{prev_next_buttons()}}
|
|
</div>
|
|
</div>
|
|
{{clipboard_tray.clipboard_tray()}}
|
|
</body>
|
|
|
|
|
|
<script type="text/javascript">
|
|
/*
|
|
These are defined so that we know we don't need to include them in the
|
|
constructed search URL, keeping it more tidy.
|
|
*/
|
|
PARAM_DEFAULTS = {
|
|
'limit': 50,
|
|
'view': 'grid',
|
|
}
|
|
function add_searchtag(box, value, inputted_list, li_class)
|
|
{
|
|
/*
|
|
Called by hitting Enter within a must/may/forbid field. Checks whether the
|
|
tag exists and adds it to the query.
|
|
*/
|
|
if (box.offsetParent === null)
|
|
{
|
|
// The box is hidden probably because we're in Expression mode.
|
|
return;
|
|
}
|
|
console.log("adding " + value);
|
|
var already_have = false;
|
|
for (var index = 0; index < inputted_list.length; index += 1)
|
|
{
|
|
existing_tag = inputted_list[index];
|
|
if (existing_tag == value)
|
|
{
|
|
already_have = true;
|
|
break;
|
|
}
|
|
}
|
|
if (already_have)
|
|
{return;}
|
|
|
|
inputted_list.push(value);
|
|
var new_li = document.createElement("li");
|
|
new_li.className = li_class;
|
|
|
|
var new_span = document.createElement("span");
|
|
new_span.className = "tag_object";
|
|
new_span.innerHTML = value;
|
|
|
|
var new_delbutton = document.createElement("button")
|
|
new_delbutton.classList.add("remove_tag_button");
|
|
new_delbutton.classList.add("red_button");
|
|
new_delbutton.onclick = function(){remove_searchtag(new_delbutton, value, inputted_list)};
|
|
|
|
new_li.appendChild(new_span);
|
|
new_li.appendChild(new_delbutton);
|
|
|
|
box_li = box.parentElement;
|
|
ul = box_li.parentElement;
|
|
ul.insertBefore(new_li, box_li);
|
|
|
|
// The datalist autocomplete box can sometimes stick around after the
|
|
// tag has already been submitted and the input box moves down -- now
|
|
// covered by the autocomplete. So we temporarily unfocus it to make
|
|
// that thing go away.
|
|
box.blur();
|
|
box.focus();
|
|
}
|
|
function remove_searchtag(li_member, value, inputted_list)
|
|
{
|
|
/*
|
|
Given a member of the same tag type as the one we intend to remove,
|
|
find the tag of interest and remove it from both the DOM and the
|
|
inputted_list.
|
|
|
|
Sorry for the roundabout technique.
|
|
*/
|
|
console.log("removing " + value);
|
|
var li = li_member.parentElement;
|
|
var ul = li.parentElement;
|
|
var lis = ul.children;
|
|
//console.log(lis);
|
|
for (var index = 0; index < lis.length; index += 1)
|
|
{
|
|
li = lis[index];
|
|
var span = li.children[0];
|
|
if (span.tagName != "SPAN")
|
|
{continue}
|
|
|
|
var tagname = span.innerHTML;
|
|
if (tagname != value)
|
|
{continue}
|
|
|
|
ul.removeChild(li);
|
|
splice_at = inputted_list.indexOf(tagname);
|
|
if (splice_at == -1)
|
|
{continue}
|
|
|
|
inputted_list.splice(splice_at, 1);
|
|
}
|
|
}
|
|
function add_new_orderby()
|
|
{
|
|
/* Called by the green + button */
|
|
var ul = document.getElementById("search_builder_orderby_ul");
|
|
var lis = ul.children;
|
|
if (lis.length >= 9)
|
|
{
|
|
/* 9 because there are only 9 sortable properties */
|
|
return;
|
|
}
|
|
prev_li = lis[lis.length - 2];
|
|
var new_li = prev_li.cloneNode(true);
|
|
ul.insertBefore(new_li, prev_li.nextSibling);
|
|
}
|
|
function orderby_remove_hook(button)
|
|
{
|
|
/* Called by the red button next to orderby dropdowns */
|
|
var li = button.parentElement;
|
|
var ul = li.parentElement;
|
|
// 2 because keep 1 row and the adder button
|
|
if (ul.children.length>2)
|
|
{
|
|
/* You can't remove the only one left */
|
|
ul.removeChild(li);
|
|
}
|
|
}
|
|
function orderby_hide_direction_hook(event)
|
|
{
|
|
if (event.target.value == "random")
|
|
{
|
|
event.target.nextElementSibling.classList.add("hidden");
|
|
}
|
|
else
|
|
{
|
|
event.target.nextElementSibling.classList.remove("hidden");
|
|
}
|
|
}
|
|
function simplify_tagnames(tags)
|
|
{
|
|
var new_tags = [];
|
|
for (var index = 0; index < tags.length; index += 1)
|
|
{
|
|
var tag = tags[index];
|
|
tag = tag.split(".");
|
|
tag = tag[tag.length - 1];
|
|
new_tags.push(tag);
|
|
}
|
|
return new_tags;
|
|
}
|
|
function submit_search()
|
|
{
|
|
/*
|
|
Gather up all the form data and tags and compose the search URL
|
|
*/
|
|
var url = window.location.origin + "/search";
|
|
var parameters = [];
|
|
var has_tag_params = false;
|
|
var musts = simplify_tagnames(inputted_musts).join(",");
|
|
if (musts) {parameters.push("tag_musts=" + musts); has_tag_params=true;}
|
|
|
|
var mays = simplify_tagnames(inputted_mays).join(",");
|
|
if (mays) {parameters.push("tag_mays=" + mays); has_tag_params=true;}
|
|
|
|
var forbids = simplify_tagnames(inputted_forbids).join(",");
|
|
if (forbids) {parameters.push("tag_forbids=" + forbids); has_tag_params=true;}
|
|
|
|
var expression = document.getElementsByName("tag_expression")[0].value;
|
|
if (expression)
|
|
{
|
|
//expression = expression.replace(new RegExp(" ", 'g'), "-");
|
|
parameters.push("tag_expression=" + expression);
|
|
has_tag_params=true;
|
|
}
|
|
|
|
var basic_inputs = document.getElementsByClassName("basic_param");
|
|
for (var index = 0; index < basic_inputs.length; index += 1)
|
|
{
|
|
var boxname = basic_inputs[index].name;
|
|
var box = document.getElementsByName(boxname)[0];
|
|
var value = box.value;
|
|
value = value.split("&").join("%26");
|
|
console.log(value);
|
|
if (PARAM_DEFAULTS[boxname] == value)
|
|
{
|
|
// Don't clutter url with default values.
|
|
continue;
|
|
}
|
|
if (value == "")
|
|
{
|
|
continue;
|
|
}
|
|
parameters.push(boxname + "=" + value);
|
|
}
|
|
|
|
orderby_rows = document.getElementsByClassName("search_builder_orderby_li");
|
|
orderby_params = [];
|
|
for (var index = 0; index < orderby_rows.length; index += 1)
|
|
{
|
|
var row = orderby_rows[index];
|
|
var column = row.children[0].value;
|
|
if (column == "random")
|
|
{
|
|
orderby_params.push(column);
|
|
}
|
|
else
|
|
{
|
|
var sorter = row.children[1].value;
|
|
orderby_params.push(column + "-" + sorter);
|
|
}
|
|
}
|
|
orderby_params = orderby_params.join(",");
|
|
if (orderby_params && orderby_params != "created-desc")
|
|
{
|
|
// Don't clutter url with default of created-desc
|
|
parameters.push("orderby=" + orderby_params);
|
|
}
|
|
|
|
if (parameters.length > 0)
|
|
{
|
|
parameters = parameters.join("&");
|
|
parameters = "?" + parameters;
|
|
url = url + parameters;
|
|
}
|
|
console.log(url);
|
|
window.location.href = url;
|
|
return false;
|
|
}
|
|
function tags_on_this_page_add_must(event, tagname)
|
|
{
|
|
add_searchtag(
|
|
input_musts,
|
|
tagname,
|
|
inputted_musts,
|
|
"search_builder_musts_inputted"
|
|
);
|
|
return false;
|
|
}
|
|
function tags_on_this_page_add_may(event, tagname)
|
|
{
|
|
add_searchtag(
|
|
input_mays,
|
|
tagname,
|
|
inputted_mays,
|
|
"search_builder_mays_inputted"
|
|
);
|
|
return false;
|
|
}
|
|
function tags_on_this_page_add_forbid(event, tagname)
|
|
{
|
|
add_searchtag(
|
|
input_forbids,
|
|
tagname,
|
|
inputted_forbids,
|
|
"search_builder_forbids_inputted"
|
|
);
|
|
return false;
|
|
}
|
|
function tag_input_hook(box, inputted_list, li_class)
|
|
{
|
|
/*
|
|
Assigned to the input boxes for musts, mays, forbids.
|
|
Hitting Enter will add the resovled tag to the search form.
|
|
*/
|
|
if (event.keyCode != 13)
|
|
{return;}
|
|
|
|
if (!box.value)
|
|
{return;}
|
|
|
|
var value = box.value;
|
|
value = tag_autocomplete.resolve(value);
|
|
if (value === null)
|
|
{
|
|
return;
|
|
}
|
|
console.log(inputted_list);
|
|
add_searchtag(box, value, inputted_list, li_class)
|
|
box.value = "";
|
|
}
|
|
|
|
tag_autocomplete.init_datalist();
|
|
var input_musts = document.getElementById("search_builder_musts_input");
|
|
var input_mays = document.getElementById("search_builder_mays_input");
|
|
var input_forbids = document.getElementById("search_builder_forbids_input");
|
|
var input_expression = document.getElementById("search_builder_expression_input");
|
|
|
|
/* Prefix the form with the parameters from last search */
|
|
var inputted_musts = [];
|
|
var inputted_mays = [];
|
|
var inputted_forbids = [];
|
|
{% for tagtype in ["musts", "mays", "forbids"] %}
|
|
{% set key="tag_" + tagtype %}
|
|
{% if search_kwargs[key] %}
|
|
{% for tagname in search_kwargs[key] %}
|
|
inputted_{{tagtype}}.push("{{tagname}}");
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
input_musts.addEventListener("keyup", function(){tag_input_hook(this, inputted_musts, "search_builder_musts_inputted")});
|
|
input_musts.addEventListener("keyup", common.entry_with_tagname_replacements);
|
|
input_mays.addEventListener("keyup", function(){tag_input_hook(this, inputted_mays, "search_builder_mays_inputted")});
|
|
input_mays.addEventListener("keyup", common.entry_with_tagname_replacements);
|
|
input_forbids.addEventListener("keyup", function(){tag_input_hook(this, inputted_forbids, "search_builder_forbids_inputted")});
|
|
input_forbids.addEventListener("keyup", common.entry_with_tagname_replacements);
|
|
|
|
common.bind_box_to_button(input_expression, document.getElementById("search_go_button"));
|
|
</script>
|
|
</html>
|