update next page

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;

public/index.html

@@ -265,8 +265,8 @@
       </div>
       
     </div>
-    <div class="container" style="margin-top:1em;"><a onclick="pagecountback()" class="previous">&laquo; Previous</a>
-    <a onclick="pagecount()" class="next">Next &raquo;</a></div>
+    <div class="container" style="margin-top:1em;"><p id="papercount">1 - 6 (45)</p><a onclick="pagecountback()" id="previousbutton" class="previous">&laquo; Previous</a>
+    <a onclick="pagecount()" id="nextbutton" class="next">Next &raquo;</a></div>
     
     <hr>
     <div class="container">

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

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