91 lines
1.8 KiB
Vue
91 lines
1.8 KiB
Vue
<template>
|
|
<Layout>
|
|
<div class="container sm:pxi-0 mx-auto">
|
|
<div class="flex flex-wrap with-large pt-8 pb-8 mx-4 sm:-mx-4">
|
|
<PostListItem :showtags=true
|
|
v-for="edge in news.edges"
|
|
:key="edge.node.id"
|
|
:record="edge.node"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="pagination flex justify-center mb-8">
|
|
<Pagination
|
|
:baseUrl="baseurl"
|
|
:currentPage="$page.entries.pageInfo.currentPage"
|
|
:totalPages="$page.entries.pageInfo.totalPages"
|
|
:maxVisibleButtons="5"
|
|
v-if="$page.entries.pageInfo.totalPages > 1"
|
|
/>
|
|
</div>
|
|
</Layout>
|
|
</template>
|
|
|
|
<page-query>
|
|
|
|
query{
|
|
|
|
entries: allNews(sortBy: "created", order: DESC) {
|
|
totalCount
|
|
pageInfo {
|
|
totalPages
|
|
currentPage
|
|
}
|
|
edges {
|
|
node {
|
|
id
|
|
tags{
|
|
id
|
|
title
|
|
path
|
|
}
|
|
excerpt
|
|
image(width:800)
|
|
path
|
|
humanTime : created(format:"DD MMM YYYY")
|
|
datetime : created
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
</page-query>
|
|
|
|
<script>
|
|
import PostListItem from "~/components/PostListItem.vue";
|
|
import Pagination from "~/components/Pagination.vue";
|
|
|
|
export default {
|
|
metaInfo: {
|
|
title: "News Archive",
|
|
},
|
|
components: {
|
|
PostListItem,
|
|
Pagination,
|
|
},
|
|
computed: {
|
|
baseurl: function () {
|
|
return "";
|
|
},
|
|
|
|
news(){
|
|
var res = {}
|
|
var old = this.$page.entries
|
|
res.totalCount = old.totalCount
|
|
res.pageInfo = old.pageInfo
|
|
res.edges = []
|
|
|
|
for(var i=0; i < old.edges.length; i++){
|
|
var node = old.edges[i].node;
|
|
const diff = Math.abs(new Date() - new Date(node.datetime))
|
|
const diffDays = Math.ceil(diff / (1000 * 60 * 60 * 24));
|
|
if(diffDays > 30){
|
|
res.edges.push({"node": node, "id": node.id})
|
|
}
|
|
}
|
|
return res;
|
|
}
|
|
}
|
|
};
|
|
</script>
|