diff --git a/public/css/main.css b/public/css/main.css index 39b3e0932e5355e5e767e64185625a46886567e0..6f09550c9dc664d7ce1a63eb445b744d6e35e924 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -180,12 +180,14 @@ a:hover { .previous { background-color: #f1f1f1; color: black; - margin-left:42%; + margin-left:40%; cursor: pointer; border-radius: .2rem; } - +#papercount{ + text-align: center; +} .next { background-color: #2196f3 !important; color: white; diff --git a/public/index.html b/public/index.html index ecf8094de7e190f7b2ccb832e314b12492b24b12..4a3a22d37a52b976f84d0ae4ff9b4ed0c26d4034 100644 --- a/public/index.html +++ b/public/index.html @@ -265,8 +265,8 @@ </div> </div> - <div class="container" style="margin-top:1em;"><a onclick="pagecountback()" class="previous">« Previous</a> - <a onclick="pagecount()" class="next">Next »</a></div> + <div class="container" style="margin-top:1em;"><p id="papercount">1 - 6 (45)</p><a onclick="pagecountback()" id="previousbutton" class="previous">« Previous</a> + <a onclick="pagecount()" id="nextbutton" class="next">Next »</a></div> <hr> <div class="container"> diff --git a/public/js/language.js b/public/js/language.js index 52f90c6cd970a568e212f0fdd9de762c6db94ab2..ba6728dbc6a5247fcd5e5c9fea2f8c1e1e3ca29f 100644 --- a/public/js/language.js +++ b/public/js/language.js @@ -34,6 +34,8 @@ function language(lang){ var rgc_ourteam = document.getElementById("rgc_ourteam") var rgc_teamdesc = document.getElementById("rgc_teamdesc") var rgc_backtotop = document.getElementById("rgc_backtotop") + var rgc_button_next = document.getElementById("nextbutton") + var rgc_button_previous = document.getElementById("previousbutton") if (lang == "1"){ rgc_about.innerHTML = "About" rgc_group.innerHTML = "Details about our group to be inserted here... " @@ -43,10 +45,12 @@ function language(lang){ rgc_application.innerHTML = "<i class='fas fa-laptop-code'></i> Our Applications" rgc_applicationdesc.innerHTML = "Research Short Introduction ...." rgc_publication.innerHTML = "<i class='fas fa-book'></i> Our Publication" - rgc_publicationdesc.innerHTML = "Our Publication ..." + // rgc_publicationdesc.innerHTML = "Our Publication ..." rgc_ourteam.innerHTML = "<i class='fas fa-user-friends'></i> Our amazing team" rgc_teamdesc.innerHTML = "Team Description ...." rgc_backtotop.innerHTML = "Back to top" + rgc_button_next.innerHTML = "Next" + rgc_button_previous.innerHTML = "Previous" } else if (lang == "2"){ rgc_about.innerHTML = "About" rgc_group.innerHTML = "Details über unsere Gruppe... " @@ -56,10 +60,12 @@ function language(lang){ rgc_application.innerHTML = "<i class='fas fa-laptop-code'></i> Unsere Anwendungen" rgc_applicationdesc.innerHTML = "Forschung Kurzvorstellung ...." rgc_publication.innerHTML = "<i class='fas fa-book'></i> Unsere Veröffentlichungen" - rgc_publicationdesc.innerHTML = "Unsere Veröffentlichungen ..." + // rgc_publicationdesc.innerHTML = "Unsere Veröffentlichungen ..." rgc_ourteam.innerHTML = "<i class='fas fa-user-friends'></i> Unser Team" rgc_teamdesc.innerHTML = "Team Beschreibung ...." rgc_backtotop.innerHTML = "Zurück an den Anfang" + rgc_button_next.innerHTML = "Weiter" + rgc_button_previous.innerHTML = "Zurück" } } \ No newline at end of file diff --git a/public/js/paper_nextpage.js b/public/js/paper_nextpage.js index a26010b030968830b124ae68c7855c7be3c1eff0..b55b49ea5bc8f88b67bae9f94f5f284d6e8604f9 100644 --- a/public/js/paper_nextpage.js +++ b/public/js/paper_nextpage.js @@ -37,11 +37,22 @@ var nextpage = function() { // if (Math.abs(arrayLength - i) <= (max_paper_list)) { console.log("close to " + i) addpaper(stuff_paper[i]); + var startnumb = pagenumb + var endnumb = startnumb + max_paper_list + if (pagenumb <= 0){ + startnumb = 0 + } + startnumb += 1 + endnumb += 1 + if (endnumb >= stuff_paper.length){ + endnumb = stuff_paper.length + } + document.getElementById("papercount").innerHTML = startnumb + " - " + endnumb + " (" + stuff_paper.length + ")"; // } } //Do something } - json_to_bib(stuff_paper) + //json_to_bib(stuff_paper) } \ No newline at end of file