From 2c595ce7f0edb6315d3a5494ca79c588b33628ab Mon Sep 17 00:00:00 2001
From: ldeluigi <44567586+ldeluigi@users.noreply.github.com>
Date: Fri, 3 Mar 2023 13:40:45 +0100
Subject: [PATCH] Add autocomplete for set codes

---
 .../website/websiteProperty/change_form.html  | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 backend/spellbook/templates/admin/website/websiteProperty/change_form.html

diff --git a/backend/spellbook/templates/admin/website/websiteProperty/change_form.html b/backend/spellbook/templates/admin/website/websiteProperty/change_form.html
new file mode 100644
index 00000000..a8c1d5c8
--- /dev/null
+++ b/backend/spellbook/templates/admin/website/websiteProperty/change_form.html
@@ -0,0 +1,39 @@
+{% extends "admin/change_form.html" %}
+
+{% block extrahead %}
+    {{ block.super }}
+    {% include 'admin/spellbook/includes/jquery_imports.html' %}
+{% endblock %}
+
+{% block admin_change_form_document_ready  %}
+{{ block.super }}
+{% if original.key == 'featured_set_codes' %}
+    <script>
+        const scryfallSets = [];
+        django.jQuery.getJSON(
+            'https://api.scryfall.com/sets',
+            function (data) {
+                scryfallSets.push(...data.data.map(e => e.code));
+            });
+        django.jQuery('#id_value').autocomplete({
+            source: function (request, response) {
+                response(django.jQuery.ui.autocomplete
+                    .filter(scryfallSets, request.term.replace(/^.+\,\s*/, ''))
+                    .slice(0, 10));
+            },
+            minLength: 0,
+            delay: 0,
+            autoFocus: true,
+            select: function (event, ui) {
+                const item = django.jQuery(event.target);
+                const current = item.val().replace(/[^\,\s]+$/, '');
+                item.val(current + ui.item.value);
+                return false;
+            },
+            focus: function (event, ui) {
+                return false;
+            },
+        });
+    </script>
+{% endif %}
+{% endblock %}