Change color of Search again button when inputs change

Author: roed314

lmfdb/templates/refine_search_form.html

@@ -30,6 +30,16 @@ <h2 id='search_h2'>{{KNOWL('intro.search', search_header)}}
   <input type="hidden" name="sort_dir" value="{{info.sort_dir}}" />
 </form>
 
+<script>
 {% if info.search_array.has_advanced_inputs(info) %}
-<script> show_advancedQ(); </script>
+show_advancedQ();
 {% endif %}
+
+function set_fresh() {
+  $(".search_stale").removeClass("search_stale").addClass("search_fresh");
+}
+
+$("input").on("input", set_fresh);
+$("select").on("change", set_fresh);
+</script>
+

lmfdb/templates/style.css

@@ -2262,3 +2262,10 @@ div.upload_section {
 .grecaptcha-badge {
     visibility: hidden;
 }
+
+button.search_stale, button.search_stale:hover {
+  background: {{color.select_background}};
+}
+button.search_fresh {
+  background: {{color.button_background}};
+}

lmfdb/utils/search_boxes.py

@@ -610,11 +610,16 @@ def _input(self, info):
             onclick = ""
         else:
             onclick = " onclick='resetStart()'"
-        btext = "<button type='submit' name='search_type' value='{val}' style='width: {width}px;'{onclick}>{desc}</button>"
+        if self.description in ["Search again", "Generate statistics"]:
+            cls = " class='search_stale'"
+        else:
+            cls = " class='search_fresh'"
+        btext = "<button type='submit' name='search_type' value='{val}'{cls} style='width: {width}px;'{onclick}>{desc}</button>"
         return btext.format(
             width=self.width,
             val=self.value,
             desc=self.description,
+            cls=cls,
             onclick=onclick)
 
 class SearchButtonWithSelect(SearchButton):