From 08facbc15f503e6ed62d8b5f390ef48d18327fac Mon Sep 17 00:00:00 2001 From: Tionis Nagir Date: Wed, 13 May 2020 16:21:11 +0200 Subject: Added Scrollbar for Options with css overflow --- assets/css/styles.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'assets') diff --git a/assets/css/styles.css b/assets/css/styles.css index 5ec96f6..00d2cd6 100755 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -285,6 +285,7 @@ table a{ #modal{ + overflow-y: auto; bottom: 0; left: 0; opacity: 0; @@ -307,7 +308,7 @@ table a{ margin-left: auto; margin-right: auto; padding: 2em; - margin-top: 25vh; + margin-top: 5vh; width: 50%; display: flex; flex-direction: column; @@ -480,7 +481,7 @@ table a{ #modal>div{ margin-left: auto; margin-right: auto; - margin-top: 25vh; + margin-top: 5vh; width: 90%; } } -- cgit v1.2.3 From 3c63e2d00ea7ab6671b3156b1ef064eb81f2fcf0 Mon Sep 17 00:00:00 2001 From: Tionis Nagir Date: Wed, 13 May 2020 16:24:14 +0200 Subject: Removed jQuery Dependency --- assets/js/data.js | 42 ++++++++++++++++++++++++------------------ 1 file changed, 24 insertions(+), 18 deletions(-) (limited to 'assets') 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 -- cgit v1.2.3 From 531524d192fcf8568b0203e7e6977941e7fde64c Mon Sep 17 00:00:00 2001 From: Tionis Nagir Date: Thu, 14 May 2020 14:47:28 +0200 Subject: Hide App Address on small screens --- assets/css/styles.css | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'assets') diff --git a/assets/css/styles.css b/assets/css/styles.css index 00d2cd6..18b3b02 100755 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -546,4 +546,11 @@ table a{ grid-template-columns: 1fr 1fr; grid-template-rows: auto; } +} + +/* Small Screens */ +@media only screen and (max-width: 400px) { + #app-address { + display: none; + } } \ No newline at end of file -- cgit v1.2.3 From 9880643655973f68092dd3ae278ff76a47f5c2a0 Mon Sep 17 00:00:00 2001 From: Tionis Nagir Date: Thu, 14 May 2020 14:52:48 +0200 Subject: Added loading of bookmark links from localStorage --- assets/js/data.js | 27 ++++++++++++++++++--------- 1 file changed, 18 insertions(+), 9 deletions(-) (limited to 'assets') diff --git a/assets/js/data.js b/assets/js/data.js index 14f0413..cf8b9c9 100755 --- a/assets/js/data.js +++ b/assets/js/data.js @@ -1,15 +1,24 @@ 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; +} document.addEventListener("DOMContentLoaded", function () { - fetch(data_links) - .then( response => response.json()) - .then( - function (data) { - var mysource = document.getElementById("links-template").innerHTML; - var mytemplate = Handlebars.compile(mysource); - var myresult = mytemplate(data) - document.getElementById("links").innerHTML = myresult; - }); + if (!bookmarks) { + fetch(data_links) + .then(response => response.json()) + .then(function (data) { + handleLinks(data); + localStorage.setItem("links", JSON.stringify(data)); + }); + } else { + handleLinks(bookmarks); + } }); var data_apps = "apps.json"; -- cgit v1.2.3