2 files changed, 93 insertions, 0 deletions

diff --git a/assets_src/css/list.css b/assets_src/css/list.css
index a3e6fcf..89f1476 100644
--- a/assets_src/css/list.css
+++ b/assets_src/css/list.css
@@ -29,3 +29,12 @@
         width: 64px;
         height: 64px;
 }
+
+/* Merge Modal */
+#gril-merge-modal-template {
+        display: none;
+}
+
+#gril-merge-modal-name {
+        text-align: center;
+}
diff --git a/assets_src/js/list.js b/assets_src/js/list.js
index 0d865c7..844e453 100644
--- a/assets_src/js/list.js
+++ b/assets_src/js/list.js
@@ -4,6 +4,9 @@ import * as dom from './lib/dom';
 import * as ajax from './lib/ajax';
 
 async function resultClicked(grilId) {
+        if (document.getElementById(grilId) !== null) {
+                return;
+        }
         let response = null;
         try {
                 response = await ajax.post(
@@ -86,7 +89,84 @@ async function listButtonHandler(e) {
         }
 }
 
+function buildMergeModal(grils, merge) {
+        document.getElementById('gril-merge-modal-name').textContent = merge.name;
+        document.getElementById('gril-merge-modal-image').setAttribute('src', merge.image_url);
+        var targetDiv = document.getElementById('gril-merge-modal-targets');
+        targetDiv.innerHTML = '';
+        for (var i = 0; i < merge.targets.length; i++) { ((target) => {
+                var template = document.createElement('div');
+                template.innerHTML = document.getElementById('gril-merge-modal-template').innerHTML;
+                template.getElementsByClassName('card-image')[0].setAttribute('src', target.image_url);
+                template.getElementsByClassName('card-title')[0].textContent = target.name;
+                var links = template.querySelectorAll('.card-action > a');
+                links[0].setAttribute('href', '/gril/' + target.id);
+                links[1].setAttribute('href', '');
+                links[1].addEventListener('click', (e) => {
+                        e.preventDefault();
+                        ajax.get(`/api/import/anilist/assign?id=${merge.id}&target=${target.id}`)
+                                .then(() => {
+                                        $('#gril-merge-modal').modal('close');
+                                        resultClicked(target.id);
+                                        processFirstGril(grils);
+                                })
+                                .catch((e) => {
+                                        alert(e);
+                                });
+                }, false);
+                while (template.firstChild) {
+                        targetDiv.appendChild(template.firstChild);
+                }
+        })(merge.targets[i]); }
+        $('#gril-merge-modal').modal('open');
+}
+
+async function processFirstGril(grils) {
+        if (grils.length === 0) {
+                Materialize.toast('Anilist Favoriten wurden erfolgreich importiert!', 5000);
+                return;
+        }
+        var gril = grils[0]
+        grils = grils.slice(1);
+        if (gril.mapped > 0) {
+                resultClicked(gril.mapped);
+                processFirstGril(grils);
+                return;
+        }
+        var merge;
+        try {
+                merge = JSON.parse(await ajax.get('/api/import/anilist/translate?id=' + gril.id))
+        } catch (e) {
+                alert(e);
+                return;
+        }
+        switch (merge.targets.length) {
+        case 0:
+                alert('Gril existiert nicht! Das sollte nicht passieren...');
+                break;
+        case 1:
+                resultClicked(merge.targets[0].id);
+                processFirstGril(grils);
+                break;
+        default:
+                buildMergeModal(grils, merge);
+                break;
+        }
+}
+
+async function startAnilistImport() {
+        var favs = [];
+        try {
+                favs = JSON.parse(await ajax.get('/api/import/anilist/favourites'));
+        } catch (e) {
+                alert(e);
+                return;
+        }
+        processFirstGril(favs);
+}
+
 function main() {
+        $('#gril-merge-modal').modal();
         let is = new search.InstantSearch(
                 document.getElementById('gril-add-search'),
                 document.getElementById('search-results'));
@@ -95,6 +175,10 @@ function main() {
                 'click',
                 listButtonHandler,
                 true);
+        document.getElementById('import-from-anilist').addEventListener(
+                'click',
+                startAnilistImport,
+                false);
 }
 
 dom.ready(main);