diff options
| -rwxr-xr-x | assets/js/data.js | 42 | ||||
| -rwxr-xr-x | index.html | 1 |
2 files changed, 24 insertions, 19 deletions
diff --git a/assets/js/data.js b/assets/js/data.js index e89b2de..14f0413 100755 --- a/assets/js/data.js +++ b/assets/js/data.js @@ -1,35 +1,41 @@ var data_links = "links.json"; - -$(document).ready(function(){ - $.getJSON(data_links, + +document.addEventListener("DOMContentLoaded", function () { + fetch(data_links) + .then( response => response.json()) + .then( function (data) { - var mysource = $('#links-template').html(); + var mysource = document.getElementById("links-template").innerHTML; var mytemplate = Handlebars.compile(mysource); var myresult = mytemplate(data) - $('#links').html(myresult); - }); + document.getElementById("links").innerHTML = myresult; + }); }); var data_apps = "apps.json"; - -$(document).ready(function(){ - $.getJSON(data_apps, + +document.addEventListener("DOMContentLoaded", function () { + fetch(data_apps) + .then( response => response.json()) + .then( function (data) { - var mysource = $('#apps-template').html(); + var mysource = document.getElementById("apps-template").innerHTML; var mytemplate = Handlebars.compile(mysource); var myresult = mytemplate(data) - $('#apps').html(myresult); - }); + document.getElementById("apps").innerHTML = myresult; + }); }); var data_providers = "providers.json"; - -$(document).ready(function(){ - $.getJSON(data_providers, + +document.addEventListener("DOMContentLoaded", function () { + fetch(data_providers) + .then( response => response.json()) + .then( function (data) { - var mysource = $('#providers-template').html(); + var mysource = document.getElementById("providers-template").innerHTML; var mytemplate = Handlebars.compile(mysource); var myresult = mytemplate(data) - $('#providers').html(myresult); - }); + document.getElementById("providers").innerHTML = myresult; + }); });
\ No newline at end of file @@ -7,7 +7,6 @@ <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" /> <link type="text/css" rel="stylesheet" href="/assets/css/styles.css" media="screen,projection"/> <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,900" rel="stylesheet"> - <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.1.1/handlebars.min.js"></script> <script src="https://code.iconify.design/1/1.0.0-rc7/iconify.min.js"></script> </head> |