diff --git a/assets/css/styles.css b/assets/css/styles.css index 18b3b02..338fc5f 100755 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -228,6 +228,8 @@ table a{ display: flex; flex-direction: column; justify-content: center; + flex: 1; + overflow: hidden; } .apps_text a{ @@ -553,4 +555,4 @@ table a{ #app-address { display: none; } -} \ No newline at end of file +} diff --git a/assets/js/data.js b/assets/js/data.js index cf8b9c9..5f45926 100755 --- a/assets/js/data.js +++ b/assets/js/data.js @@ -1,50 +1,16 @@ -var data_links = "links.json"; -var bookmarks = JSON.parse(localStorage.getItem("links")); - -function handleLinks(data) { - var mysource = document.getElementById("links-template").innerHTML; - var mytemplate = Handlebars.compile(mysource); - var myresult = mytemplate(data) - document.getElementById("links").innerHTML = myresult; +function fetchAndRender (name) { + fetch(name + '.json') + .then(response => response.json()) + .then(data => { + const mysource = document.getElementById(name + '-template').innerHTML; + const mytemplate = Handlebars.compile(mysource); + const myresult = mytemplate(data); + document.getElementById(name).innerHTML = myresult; + }); } -document.addEventListener("DOMContentLoaded", function () { - if (!bookmarks) { - fetch(data_links) - .then(response => response.json()) - .then(function (data) { - handleLinks(data); - localStorage.setItem("links", JSON.stringify(data)); - }); - } else { - handleLinks(bookmarks); - } +document.addEventListener('DOMContentLoaded', () => { + fetchAndRender('apps'); + fetchAndRender('links'); + fetchAndRender('providers'); }); - -var data_apps = "apps.json"; - -document.addEventListener("DOMContentLoaded", function () { - fetch(data_apps) - .then( response => response.json()) - .then( - function (data) { - var mysource = document.getElementById("apps-template").innerHTML; - var mytemplate = Handlebars.compile(mysource); - var myresult = mytemplate(data) - document.getElementById("apps").innerHTML = myresult; - }); -}); - -var data_providers = "providers.json"; - -document.addEventListener("DOMContentLoaded", function () { - fetch(data_providers) - .then( response => response.json()) - .then( - function (data) { - var mysource = document.getElementById("providers-template").innerHTML; - var mytemplate = Handlebars.compile(mysource); - var myresult = mytemplate(data) - document.getElementById("providers").innerHTML = myresult; - }); -}); \ No newline at end of file diff --git a/docker-compose.yml b/docker-compose.yml index 01ee37b..761c273 100755 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -14,7 +14,7 @@ services: ports: - 4000:80 volumes: - - ./:/usr/share/nginx/html + - ./:/opt/html networks: nginx-proxy: