footer and 10 per page

server.py

@@ -8,7 +8,7 @@ from app import app
 from models import *
 
 
-def query_to_response(query, limit=5, key=False, **kwargs):
+def query_to_response(query, limit=10, key=False, **kwargs):
     """
 
     :type key: str

web/Info.vue

@@ -0,0 +1,32 @@
+<template>
+    <footer :style="color">
+        <div><a href="https://lw1.at/de/impressum">Impressum</a></div>
+        <div><a href="https://lw1.at/">Andere Projekte</a></div>
+    </footer>
+</template>
+
+<script>
+    export default {
+        name: "info",
+        props: ["color"],
+
+    };
+</script>
+
+<style lang="scss">
+    footer {
+        padding: 1rem 2rem;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        a {
+            color: inherit;
+            font-weight: bold;
+            transition: filter .2s;
+            &:hover {
+                color: inherit;
+                filter: invert(30%);
+            }
+        }
+    }
+</style>

web/List.vue

@@ -65,6 +65,7 @@
                 <strong>Keine Daten!</strong> Leider gibt es für diesen Sender noch keine Daten.
             </div>
         </main>
+        <info :color="{backgroundColor:channelData.primary_color,color:channelData.secondary_color}"> </info>
     </div>
 </template>
 
@@ -73,6 +74,7 @@
     import moment from "moment";
     import "moment/locale/de-at";
     import Datepicker from 'vuejs-datepicker';
+    import Info from "./Info.vue";
 
     if (process.env.NODE_ENV === "production") {
         axios.defaults.headers.common['X-Requested-With'] = "XMLHttpRequest";
@@ -81,7 +83,7 @@
     const baseURL = (process.env.NODE_ENV === "production") ? "/api/" : "http://127.0.0.1:5000/api/";
 
     export default {
-        components: {Datepicker},
+        components: {Datepicker, Info},
         name: 'list',
         data() {
             return {
@@ -141,9 +143,9 @@
                     }
                 })
                     .then(function (response) {
-                        vm.offset += 5;
+                        vm.offset += 10;
                         vm.popular = response.data;
-                        if (response.data.length < 5) {
+                        if (response.data.length < 10) {
                             vm.showMore = false;
                         }
 
@@ -163,9 +165,9 @@
                     }
                 })
                     .then(function (response) {
-                        vm.offset += 5;
+                        vm.offset += 10;
                         vm.popular = vm.popular.concat(response.data);
-                        if (response.data.length < 5) {
+                        if (response.data.length < 10) {
                             vm.showMore = false;
                         }
                     })