From 7f48c3e97cf0a493c8b85ca1b083a48fc0e5c5f2 Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Fri, 4 Sep 2020 11:20:51 -0700
Subject: [PATCH] Add css/js classes entry_with_history,
 _with_tagname_replacements.

---
 frontends/etiquette_flask/static/js/common.js        | 12 ++++++++++++
 .../etiquette_flask/static/js/tag_autocomplete.js    | 12 ++++++++++++
 frontends/etiquette_flask/templates/clipboard.html   |  6 ++----
 frontends/etiquette_flask/templates/photo.html       |  4 +---
 frontends/etiquette_flask/templates/search.html      |  6 +-----
 frontends/etiquette_flask/templates/tags.html        |  4 +---
 6 files changed, 29 insertions(+), 15 deletions(-)

diff --git a/frontends/etiquette_flask/static/js/common.js b/frontends/etiquette_flask/static/js/common.js
index 9f425d7..8226200 100644
--- a/frontends/etiquette_flask/static/js/common.js
+++ b/frontends/etiquette_flask/static/js/common.js
@@ -321,6 +321,17 @@ function init_enable_on_pageload()
     }
 }
 
+common.init_entry_with_history =
+function init_entry_with_history()
+{
+    const inputs = Array.from(document.getElementsByClassName("entry_with_history"));
+    for (const input of inputs)
+    {
+        input.addEventListener("keyup", common.entry_with_history_hook);
+        input.classList.remove("entry_with_history");
+    }
+}
+
 common.init_tabbed_container =
 function init_tabbed_container()
 {
@@ -395,6 +406,7 @@ function on_pageload()
     common.init_atag_merge_params();
     common.init_button_with_confirm();
     common.init_enable_on_pageload();
+    common.init_entry_with_history();
     common.init_tabbed_container();
 }
 document.addEventListener("DOMContentLoaded", common.on_pageload);
diff --git a/frontends/etiquette_flask/static/js/tag_autocomplete.js b/frontends/etiquette_flask/static/js/tag_autocomplete.js
index 29b61e9..9b7a6cd 100644
--- a/frontends/etiquette_flask/static/js/tag_autocomplete.js
+++ b/frontends/etiquette_flask/static/js/tag_autocomplete.js
@@ -64,6 +64,17 @@ function entry_with_tagname_replacements_hook(event)
     }
 }
 
+tag_autocomplete.init_entry_with_tagname_replacements =
+function init_entry_with_tagname_replacements()
+{
+    const inputs = Array.from(document.getElementsByClassName("entry_with_tagname_replacements"));
+    for (const input of inputs)
+    {
+        input.addEventListener("keyup", tag_autocomplete.entry_with_tagname_replacements_hook);
+        input.classList.remove("entry_with_tagname_replacements");
+    }
+}
+
 tag_autocomplete.resolve =
 function resolve(tagname)
 {
@@ -111,5 +122,6 @@ tag_autocomplete.on_pageload =
 function on_pageload()
 {
     tag_autocomplete.update_tagset();
+    tag_autocomplete.init_entry_with_tagname_replacements();
 }
 document.addEventListener("DOMContentLoaded", tag_autocomplete.on_pageload);
diff --git a/frontends/etiquette_flask/templates/clipboard.html b/frontends/etiquette_flask/templates/clipboard.html
index 8a2ac7a..62ac71b 100644
--- a/frontends/etiquette_flask/templates/clipboard.html
+++ b/frontends/etiquette_flask/templates/clipboard.html
@@ -108,12 +108,12 @@
 <div id="right">
     <div id="toolbox">
         <div id="add_tag_area">
-            <input type="text" id="add_tag_textbox" list="tag_autocomplete_datalist">
+            <input type="text" id="add_tag_textbox" class="entry_with_history entry_with_tagname_replacements" list="tag_autocomplete_datalist">
             <button class="add_tag_button green_button" id="add_tag_button" onclick="return add_tag_form();">Add tag</button>
         </div>
 
         <div id="remove_tag_area">
-            <input type="text" id="remove_tag_textbox" list="tag_autocomplete_datalist">
+            <input type="text" id="remove_tag_textbox" class="entry_with_history entry_with_tagname_replacements" list="tag_autocomplete_datalist">
             <button class="red_button" id="remove_tag_button" onclick="return remove_tag_form();">Remove tag</button>
         </div>
 
@@ -145,12 +145,10 @@ var holder = document.getElementById("photo_card_holder");
 
 var add_box = document.getElementById("add_tag_textbox");
 var add_button = document.getElementById("add_tag_button");
-add_box.addEventListener("keyup", common.entry_with_history_hook);
 common.bind_box_to_button(add_box, add_button);
 
 var remove_box = document.getElementById("remove_tag_textbox");
 var remove_button = document.getElementById("remove_tag_button");
-remove_box.addEventListener("keyup", common.entry_with_history_hook);
 common.bind_box_to_button(remove_box, remove_button);
 
 function recalculate_needed()
diff --git a/frontends/etiquette_flask/templates/photo.html b/frontends/etiquette_flask/templates/photo.html
index 87c751e..982fb3b 100644
--- a/frontends/etiquette_flask/templates/photo.html
+++ b/frontends/etiquette_flask/templates/photo.html
@@ -159,7 +159,7 @@
         <h4>Tags</h4>
         <ul id="this_tags">
             <li>
-                <input id="add_tag_textbox" type="text" list="tag_autocomplete_datalist" autofocus>
+                <input type="text" id="add_tag_textbox" class="entry_with_history entry_with_tagname_replacements" list="tag_autocomplete_datalist" autofocus>
                 <button id="add_tag_button" class="green_button" onclick="return add_photo_tag_form();">add</button>
             </li>
             {% set tags = photo.get_tags()|sort_tags %}
@@ -275,8 +275,6 @@ var PHOTO_ID = "{{photo.id}}";
 
 var add_tag_box = document.getElementById('add_tag_textbox');
 var add_tag_button = document.getElementById('add_tag_button');
-add_tag_box.addEventListener("keyup", common.entry_with_history_hook);
-add_tag_box.addEventListener("keyup", tag_autocomplete.entry_with_tagname_replacements_hook);
 common.bind_box_to_button(add_tag_box, add_tag_button, false);
 
 var message_area = document.getElementById('message_area');
diff --git a/frontends/etiquette_flask/templates/search.html b/frontends/etiquette_flask/templates/search.html
index fbf67c8..4ed293c 100644
--- a/frontends/etiquette_flask/templates/search.html
+++ b/frontends/etiquette_flask/templates/search.html
@@ -193,7 +193,7 @@
                         </li>
                     {% endfor %}
                 {% endif %}
-                <li><input id="search_builder_{{tagtype}}_input" type="text" list="tag_autocomplete_datalist"></li>
+                <li><input id="search_builder_{{tagtype}}_input" class="entry_with_tagname_replacements" type="text" list="tag_autocomplete_datalist"></li>
             </ul>
         </div>
         {% endfor %}
@@ -672,18 +672,14 @@ var inputted_forbids = [];
 
 document.getElementById("search_go_button");
 input_musts.addEventListener("keyup", tag_input_hook_musts);
-input_musts.addEventListener("keyup", tag_autocomplete.entry_with_tagname_replacements_hook);
 common.bind_box_to_button(input_musts, search_go_button, true);
 
 input_mays.addEventListener("keyup", tag_input_hook_mays);
-input_mays.addEventListener("keyup", tag_autocomplete.entry_with_tagname_replacements_hook);
 common.bind_box_to_button(input_mays, search_go_button, true);
 
 input_forbids.addEventListener("keyup", tag_input_hook_forbids);
-input_forbids.addEventListener("keyup", tag_autocomplete.entry_with_tagname_replacements_hook);
 common.bind_box_to_button(input_forbids, search_go_button, true);
 
-
 common.bind_box_to_button(input_expression, search_go_button);
 </script>
 </html>
diff --git a/frontends/etiquette_flask/templates/tags.html b/frontends/etiquette_flask/templates/tags.html
index e2f210a..ac38d24 100644
--- a/frontends/etiquette_flask/templates/tags.html
+++ b/frontends/etiquette_flask/templates/tags.html
@@ -97,7 +97,7 @@ h2, h3
 <div id="content_body" class="sticky_side_right">
     <div id="right">
         <div id="editor_area">
-            <input type="text" id="add_tag_textbox" autofocus>
+            <input type="text" id="add_tag_textbox" class="entry_with_history entry_with_tagname_replacements" autofocus>
             <button class="add_tag_button green_button" id="add_tag_button" onclick="return easybake_form();">bake</button>
         </div>
         <div id="message_area">
@@ -230,8 +230,6 @@ h2, h3
 var add_tag_textbox = document.getElementById('add_tag_textbox');
 var add_tag_button = document.getElementById('add_tag_button');
 var message_area = document.getElementById('message_area');
-add_tag_textbox.addEventListener("keyup", common.entry_with_history_hook);
-add_tag_textbox.addEventListener("keyup", tag_autocomplete.entry_with_tagname_replacements_hook);
 common.bind_box_to_button(add_tag_textbox, add_tag_button, false);
 
 function easybake_form()