forked from projects/fipamo
cleaned up and fixed pagination, pages not published are not show on archive page
This commit is contained in:
parent
4387591661
commit
56fc6cbe7b
5 changed files with 117 additions and 29 deletions
|
@ -80,6 +80,7 @@ export default class Utils {
|
||||||
moment(page.metadata.created).format('YYYY') === item.year &&
|
moment(page.metadata.created).format('YYYY') === item.year &&
|
||||||
moment(page.metadata.created).format('MM') === month &&
|
moment(page.metadata.created).format('MM') === month &&
|
||||||
page.metadata.deleted === false &&
|
page.metadata.deleted === false &&
|
||||||
|
page.metadata.published === true &&
|
||||||
page.metadata.layout !== 'index'
|
page.metadata.layout !== 'index'
|
||||||
);
|
);
|
||||||
})
|
})
|
||||||
|
|
|
@ -25,12 +25,30 @@ router.get('/list/:filter?/:page?', function (req, res) {
|
||||||
for (let index = 0; index < pages.length; index++) {
|
for (let index = 0; index < pages.length; index++) {
|
||||||
let item = pages[index].metadata;
|
let item = pages[index].metadata;
|
||||||
if (typeof item.deleted === 'undefined' || item.deleted === false) {
|
if (typeof item.deleted === 'undefined' || item.deleted === false) {
|
||||||
all.push(pages[index].metadata);
|
all.push({
|
||||||
if (item.published == true) published.push(pages[index].metadata);
|
page: pages[index].metadata,
|
||||||
if (item.menu == true) menu.push(pages[index].metadata);
|
date: moment(pages[index].metadata.created).fromNow()
|
||||||
if (item.featured == true) featured.push(pages[index].metadata);
|
});
|
||||||
|
if (item.published == true)
|
||||||
|
published.push({
|
||||||
|
page: pages[index].metadata,
|
||||||
|
date: moment(pages[index].metadata.created).fromNow()
|
||||||
|
});
|
||||||
|
if (item.menu == true)
|
||||||
|
menu.push({
|
||||||
|
page: pages[index].metadata,
|
||||||
|
date: moment(pages[index].metadata.created).fromNow()
|
||||||
|
});
|
||||||
|
if (item.featured == true)
|
||||||
|
featured.push({
|
||||||
|
page: pages[index].metadata,
|
||||||
|
date: moment(pages[index].metadata.created).fromNow()
|
||||||
|
});
|
||||||
} else {
|
} else {
|
||||||
deleted.push(pages[index].metadata);
|
deleted.push({
|
||||||
|
page: pages[index].metadata,
|
||||||
|
date: moment(pages[index].metadata.created).fromNow()
|
||||||
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
var filtered;
|
var filtered;
|
||||||
|
@ -45,14 +63,17 @@ router.get('/list/:filter?/:page?', function (req, res) {
|
||||||
filtered = all;
|
filtered = all;
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
var count = Math.round(filtered.length / 6);
|
var count = Math.ceil(filtered.length / 6);
|
||||||
var pageItems = [];
|
var pageItems = [];
|
||||||
var itemLimit = 6;
|
var itemLimit = 6;
|
||||||
var rangeStart = pageNum * itemLimit - itemLimit;
|
var rangeStart = pageNum * itemLimit - itemLimit;
|
||||||
for (var i = 0; i < itemLimit; i++) {
|
for (var i = 0; i < itemLimit; i++) {
|
||||||
try {
|
try {
|
||||||
if (filtered[i + rangeStart].id != null) {
|
if (filtered[i + rangeStart].page.id != null) {
|
||||||
pageItems.push(filtered[i + rangeStart]);
|
pageItems.push({
|
||||||
|
page: filtered[i + rangeStart].page,
|
||||||
|
date: moment(filtered[i + rangeStart].page.created).fromNow()
|
||||||
|
});
|
||||||
}
|
}
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
//console.log("NO POST", e)
|
//console.log("NO POST", e)
|
||||||
|
|
|
@ -23,24 +23,33 @@ block main-content
|
||||||
#posts-list
|
#posts-list
|
||||||
- var index = 0;
|
- var index = 0;
|
||||||
- for ( index; index < items.length; index++)
|
- for ( index; index < items.length; index++)
|
||||||
a.post-link(href="/@/dashboard/page/edit/"+items[index].uuid id=items[index].uuid)
|
a.page-link(href="/@/dashboard/page/edit/"+items[index].page.uuid id=items[index].uuid)
|
||||||
|
div.page-bg(style="background: #fc6399 url("+items[index].page.feature+") no-repeat center center / cover")
|
||||||
|
#meta
|
||||||
|
- var menu = String(items[index].page.menu)
|
||||||
|
- var published = String(items[index].page.published)
|
||||||
|
- var featured = String(items[index].page.featured)
|
||||||
|
span= items[index].date
|
||||||
|
label= items[index].page.title
|
||||||
|
br
|
||||||
|
#options
|
||||||
|
span.meta-options(data-active=menu) MENU ITEM
|
||||||
|
span.meta-options(data-active=published) PUBLISHED
|
||||||
|
span.meta-options(data-active=featured) FEATURED
|
||||||
|
|
||||||
div.post-bg(style="background: #fc6399 url("+items[index].feature+") no-repeat center center / cover")
|
|
||||||
label= items[index].title
|
|
||||||
span= items[index].created
|
|
||||||
//p= items[index].plaintext.substr(0, 200)+"..."
|
|
||||||
|
|
||||||
- var next = parseInt(page_index, 10) + 1
|
- var next = parseInt(page_index, 10) + 1
|
||||||
- var prev = parseInt(page_index, 10) - 1
|
- var prev = parseInt(page_index, 10) - 1
|
||||||
- if(next > page_count) next = 1
|
- if(next > page_count) next = 1
|
||||||
- if(prev <= 0) prev = page_count
|
- if(prev <= 0) prev = page_count
|
||||||
|
- if(page_count > 1)
|
||||||
br
|
br
|
||||||
|
.paginate
|
||||||
a.page-btns(href="/@/dashboard/page/list/"+postFilter+"/"+prev)
|
a.page-btns(href="/@/dashboard/page/list/"+postFilter+"/"+prev)
|
||||||
svg(viewBox="0 0 20 20" class="icons")
|
svg(viewBox="0 0 20 20" class="icons")
|
||||||
use(xlink:href='/assets/images/global/sprite.svg#entypo-chevron-left')
|
use(xlink:href='/assets/images/global/sprite.svg#entypo-chevron-left')
|
||||||
|
|
||||||
span.paginate= "PAGE "+page_index+" OF "+page_count
|
span.count= "PAGE "+page_index+" OF "+page_count
|
||||||
|
|
||||||
a.page-btns(href="/@/dashboard/page/list/"+postFilter+"/"+next)
|
a.page-btns(href="/@/dashboard/page/list/"+postFilter+"/"+next)
|
||||||
svg(viewBox="0 0 20 20" class="icons")
|
svg(viewBox="0 0 20 20" class="icons")
|
||||||
|
|
|
@ -152,10 +152,7 @@
|
||||||
bottom 0
|
bottom 0
|
||||||
border-radius 0 0 3px 3px
|
border-radius 0 0 3px 3px
|
||||||
//background-opacity($black, .35)
|
//background-opacity($black, .35)
|
||||||
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
|
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
|
||||||
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
|
|
||||||
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
|
|
||||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
||||||
|
|
||||||
#options
|
#options
|
||||||
display block
|
display block
|
||||||
|
|
|
@ -30,7 +30,7 @@
|
||||||
#posts-list
|
#posts-list
|
||||||
margin 20px 0 0 0
|
margin 20px 0 0 0
|
||||||
|
|
||||||
a.post-link
|
a.page-link
|
||||||
background $white
|
background $white
|
||||||
display inline-block
|
display inline-block
|
||||||
vertical-align top
|
vertical-align top
|
||||||
|
@ -57,15 +57,75 @@
|
||||||
width 50%
|
width 50%
|
||||||
padding 0 0 0 10px
|
padding 0 0 0 10px
|
||||||
|
|
||||||
div.post-bg
|
div.page-bg
|
||||||
width 100%
|
width 100%
|
||||||
height 350px
|
height 350px
|
||||||
background-color $highlight
|
background-color $highlight
|
||||||
|
position relative
|
||||||
|
#meta
|
||||||
|
width 100%
|
||||||
|
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
|
||||||
|
border-radius 3px
|
||||||
|
margin auto
|
||||||
|
bottom 0
|
||||||
|
position absolute
|
||||||
|
padding 0 0 20px 0
|
||||||
|
span
|
||||||
|
color $white
|
||||||
|
text-align center
|
||||||
|
margin 0 auto
|
||||||
|
display block
|
||||||
|
|
||||||
|
label
|
||||||
|
font-size 1.4em
|
||||||
|
font-weight 700
|
||||||
|
color $white
|
||||||
|
padding 5px
|
||||||
|
vertical-align top
|
||||||
|
display inline-block
|
||||||
|
word-wrap break-word
|
||||||
|
width 100%
|
||||||
|
text-align center
|
||||||
|
text-drop-shadow($black, 1, 2px, 2px, 0)
|
||||||
|
#options
|
||||||
|
margin 0 auto
|
||||||
|
width: 275px
|
||||||
|
.meta-options
|
||||||
|
border-radius 3px
|
||||||
|
margin 5px
|
||||||
|
display inline-block
|
||||||
|
text-align: center
|
||||||
|
padding 2px
|
||||||
|
.meta-options[data-active='false']
|
||||||
|
width 70px
|
||||||
|
background $primary - 60%
|
||||||
|
color $white
|
||||||
|
|
||||||
|
.meta-options[data-active='true']
|
||||||
|
width 75px
|
||||||
|
background $tertiary + 50%
|
||||||
|
color $primary - 60%
|
||||||
|
|
||||||
p
|
p
|
||||||
padding 5px 10px 5px 10px
|
padding 5px 10px 5px 10px
|
||||||
font-size 1.2em
|
font-size 1.2em
|
||||||
font-weight 400
|
font-weight 400
|
||||||
|
.paginate
|
||||||
|
width 260px
|
||||||
|
display block
|
||||||
|
margin 0 auto
|
||||||
|
a
|
||||||
|
display inline-block
|
||||||
|
vertical-align: top
|
||||||
|
span.count
|
||||||
|
text-align center
|
||||||
|
padding 5px
|
||||||
|
margin-top -2px
|
||||||
|
display inline-block
|
||||||
|
width 200px
|
||||||
|
font-size: 1.5em
|
||||||
|
color $tertiary
|
||||||
|
|
||||||
|
|
||||||
#post-edit-index
|
#post-edit-index
|
||||||
width 100%
|
width 100%
|
||||||
|
|
Loading…
Reference in a new issue