From 99cc0c8e85bd5051c06585413cf2c9f96b80b0ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pablo=20Iranzo=20G=C3=B3mez?= <Pablo.Iranzo@gmail.com>
Date: Wed, 5 Feb 2020 15:21:52 +0100
Subject: [PATCH] Remove jquery

---
 templates/article.html | 29 +++++++++++++++++++++++------
 1 file changed, 23 insertions(+), 6 deletions(-)

diff --git a/templates/article.html b/templates/article.html
index d9cae6a56..b002371f8 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -92,18 +92,35 @@ <h1>{{ title }}</h1>
             {% if article.instagram_id %}
                 <div class="galleria">
                 </div>
-                <script src="//code.jquery.com/jquery.min.js"></script>
-                <script src="//cdn.jsdelivr.net/npm/galleria@1.6.1/dist/galleria.min.js"></script>
 
                 <script type='text/javascript'>
                 var mypics = []
                 var pic = '{{ article.instagram_id }}';
-                $.getJSON("https://www.instagram.com/p/" + pic + "/?__a=1", function( data ) {
-                    $.each(data.graphql.shortcode_media, function(key,val){
+
+                var request = new XMLHttpRequest();
+                request.open('GET', "https://www.instagram.com/p/" + pic + "/?__a=1", true);
+
+                request.onload = function() {
+                if (this.status >= 200 && this.status < 400) {
+                    // Success!
+                    var data = JSON.parse(this.response);
+                } else {
+                    // We reached our target server, but it returned an error
+
+                }
+                };
+
+                request.onerror = function() {
+                // There was a connection error of some sort
+                };
+
+                request.send();
+
+                data.graphql.shortcode_media.forEach(function(key,val){
                 if (key == '__typename'){
                     var items = [];
                     if (val == 'GraphSidecar'){
-                        $.each( data.graphql.shortcode_media.edge_sidecar_to_children.edges, function( key, val ) {
+                        data.graphql.shortcode_media.edge_sidecar_to_children.edges.forEach(function( key, val ) {
                             var mynewitem = {};
                             mynewitem.image = val.node.display_url;
                             mynewitem.title = "<a href='https://www.instagram.com/p/" + pic + "/'>" + "https://www.instagram.com/p/" + pic + "/</a>";
@@ -140,7 +157,7 @@ <h1>{{ title }}</h1>
                             imageTimeout: 1E10,
                             wait: true,
                     });
-                })});
+                });
                 </script>
             {% endif %}