mirror of
https://github.com/Findus23/RadioStats.git
synced 2024-09-19 16:03:48 +02:00
footer and 10 per page
This commit is contained in:
parent
c8fa6f0e82
commit
f34976e5fa
3 changed files with 40 additions and 6 deletions
|
@ -8,7 +8,7 @@ from app import app
|
||||||
from models import *
|
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
|
:type key: str
|
||||||
|
|
32
web/Info.vue
Normal file
32
web/Info.vue
Normal file
|
@ -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>
|
12
web/List.vue
12
web/List.vue
|
@ -65,6 +65,7 @@
|
||||||
<strong>Keine Daten!</strong> Leider gibt es für diesen Sender noch keine Daten.
|
<strong>Keine Daten!</strong> Leider gibt es für diesen Sender noch keine Daten.
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
<info :color="{backgroundColor:channelData.primary_color,color:channelData.secondary_color}"> </info>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -73,6 +74,7 @@
|
||||||
import moment from "moment";
|
import moment from "moment";
|
||||||
import "moment/locale/de-at";
|
import "moment/locale/de-at";
|
||||||
import Datepicker from 'vuejs-datepicker';
|
import Datepicker from 'vuejs-datepicker';
|
||||||
|
import Info from "./Info.vue";
|
||||||
|
|
||||||
if (process.env.NODE_ENV === "production") {
|
if (process.env.NODE_ENV === "production") {
|
||||||
axios.defaults.headers.common['X-Requested-With'] = "XMLHttpRequest";
|
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/";
|
const baseURL = (process.env.NODE_ENV === "production") ? "/api/" : "http://127.0.0.1:5000/api/";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {Datepicker},
|
components: {Datepicker, Info},
|
||||||
name: 'list',
|
name: 'list',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
@ -141,9 +143,9 @@
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.then(function (response) {
|
.then(function (response) {
|
||||||
vm.offset += 5;
|
vm.offset += 10;
|
||||||
vm.popular = response.data;
|
vm.popular = response.data;
|
||||||
if (response.data.length < 5) {
|
if (response.data.length < 10) {
|
||||||
vm.showMore = false;
|
vm.showMore = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -163,9 +165,9 @@
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.then(function (response) {
|
.then(function (response) {
|
||||||
vm.offset += 5;
|
vm.offset += 10;
|
||||||
vm.popular = vm.popular.concat(response.data);
|
vm.popular = vm.popular.concat(response.data);
|
||||||
if (response.data.length < 5) {
|
if (response.data.length < 10) {
|
||||||
vm.showMore = false;
|
vm.showMore = false;
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in a new issue