Posts by Glen

Glen · Friday, 9:51 am

Hi everyone

I’m looking to connect an external API to a standard Perch site but I have never done it before so I was wondering if anyone had and pointers or tips.

I am wanting to display the local tide times and there is an API available that provides the data for which I’m guessing I can then somehow manipulate and style?

Many thanks for any help

Glen

Glen · Feb 13th 2021

This is currently possible by using perch_forms at the same time.

On the Perch comments form you can also post to the Perch forms addon so that when a comment gets submitted, it also posts the data to perch_forms where you can then set up an autoresponder in the form options to say a comment has been left and requires reviewing.

So, on your comments form template, you would have...

Code

<perch:form id="comment" method="post" app="perch_comments perch_forms">

Glen · Feb 13th 2021

This is currently possible by using perch_forms at the same time.

On the Perch comments form you can also post to the Perch forms addon so that when a comment gets submitted, it also posts the data to perch_forms where you can then set up an autoresponder in the form options to say a comment has been left and requires reviewing.

So, on your comments form template, you would have...

Code

<perch:form id="comment" method="post" app="perch_comments perch_forms">

Glen · Feb 9th 2021

Hi Everyone.

I have a website which uses the comments app so visitors can leave... comments!

One page now has over 50 comments so I am looking at adding in a button every 10 comments which load the next 10 comments, and so on. Lazy load style

The site is using Bootstrap 4.6 so I tried using collapse but that only half works. I was wondering if anyone had tried something similar using Perch's pagination tags. The only issue I see is that next_url wants to link to a new page URL when what I am trying to achieve is to display the next set of comments directly underneath on the same page.

Any pointers would be gratefully received.

Many thanks

Glen

Glen · Feb 3rd 2021

Hi everyone

I have just launched a new community project, where I am teaming up with a few local businesses and organisations, and have just launched Hunstanton Webcams at https://hunstanton.webcam

The site uses standard Perch with the forms and comments app. Thank you to Byron Fitzgerald for his help in this forum.

The aim of the project is to install webcams in key locations around the town of Hunstanton, on the North-West Norfolk coast, so that those that are stuck at home can virtually visit the coast. There is currently only one webcam live on the site but we have a further 3 lined up to be installed.

Happy viewing

Glen

Glen · Jan 19th 2021

Thanks Byron Fitzgerald

Glen · Jan 18th 2021

Hi everyone,

Me again (sorry!).

Quick question, is there a way to get PerchSystem::redirect('http://example.com/'); to open a new window / tab instead of redirecting in the current window / tab? (just like target="_blank" does).

Many thanks

Glen

Glen · Jan 18th 2021

Of course!

Thank you hus_hmd

Glen · Jan 15th 2021

Hi Everyone

I am using <a href="<perch:content id="_page">"> on a template which is being used via a perch_content_custom in order to link to the page that the original content has come from.

Does anyone know how I can hide the page extension as it currently links to www.url.com/page.php and not www.url.com/page?

I'm using standard Perch so it is linking to a physical page and I have the .htaccess rewriting etc successfully working too.

Many thanks

Glen

Glen · Jan 13th 2021

Bingo! Thank you Byron Fitzgerald

This one's on me -> 🍺

I've now got an issue that the time ago script doesn't recognise anything after 4 weeks ago and displays 1 Jan 1970, but I will have to figure that one out when I've got a bit more time.

A million thank yous once again

Glen

Glen · Jan 13th 2021

Hi Byron Fitzgerald

Many thanks for that, the comments now appear.

Unfortunately however the "3 days ago" line does not. Looking at <perch:showall> the perch ID postAgo is not being passed into the template. So sorry to keep asking but would you know what's missing?

Many thanks

Glen

Glen · Jan 11th 2021

Hi Byron Fitzgerald - wow thank you

Unfortunately, nothing is being displayed, I ran a debug which showed an array error but after fixing that nothing still displays. The updated code I am using is as follows...

PHP

<?php
$newsDateTime = '2020-11-06 09:52';
perch_layout('time_ago', array(
'newsDateTime' => date("j M Y", strtotime($newsDateTime)),
));
// Skip the template and return the comments
$comments = perch_comments('South Prom', [
'skip-template' => true,
'sort' => 'commentDateTime',
'sort-order' => 'DESC',
'data' => [
'commentsTotal' => $commentsTotal,
],
], true);
// Map the array like we do in the previously used each property
array_map( function($post) {
$post['postAgo'] = get_time_ago(strtotime($post['commentDateTime']));
return $post;
}, $comments);
perch_template('comments/webcam_comments.html');

Display More

Time ago code...

PHP

<?php
function get_time_ago( $time )
{
$time_difference = time() - $time;
if( $time_difference < 1 ) { return '1s'; }
if( $time_difference > 2592000 ) { return perch_layout_var('newsDateTime', true); }
$condition = array(
12 * 30 * 24 * 60 * 60 => 'years ago',
7 * 24 * 60 * 60 => 'weeks ago',
24 * 60 * 60 => 'days ago',
60 * 60 => 'hours ago',
60 => 'mminutes ago',
1 => 'seconds ago'
);
foreach( $condition as $secs => $str )
{
$d = $time_difference / $secs;
if( $d >= 1 )
{
$t = round( $d );
return $t . $str;
}
}
}

Display More

Comments code...

Code

<perch:before>
<div class="container">
<div class="row">
<div class="col-lg-9">
<button class="btn btn-outline-secondary mb-3" data-toggle="modal" data-target="#commentsModal">Write a comment</button>
<h5><perch:content id="commentsTotal"> Comment<perch:if id="commentsTotal" value="1" match="gt">s</perch:if></h3>
<ul class="list-unstyled">
</perch:before>
<li id="comment<perch:content id="commentID" type="hidden">" class="media mt-3 mb-4">
<img src="//www.gravatar.com/avatar/<perch:content id="commentEmail" type="email" hash="md5">?s=120&d=mm" width="64" height="64" class="mr-3">
<div class="media-body">
<perch:if id="rating" value="1" match="gte"><i class="fas fa-star text-warning"></i><perch:else><i class="far fa-star text-warning"></i></perch:if>
<perch:if id="rating" value="2" match="gte"><i class="fas fa-star text-warning"></i><perch:else><i class="far fa-star text-warning"></i></perch:if>
<perch:if id="rating" value="3" match="gte"><i class="fas fa-star text-warning"></i><perch:else><i class="far fa-star text-warning"></i></perch:if>
<perch:if id="rating" value="4" match="gte"><i class="fas fa-star text-warning"></i><perch:else><i class="far fa-star text-warning"></i></perch:if>
<perch:if id="rating" value="5" match="gte"><i class="fas fa-star text-warning"></i><perch:else><i class="far fa-star text-warning"></i></perch:if>
<br>
<em><small><perch:content id="commentName" type="text"> <span class="text-black-50 ml-2"><perch:content id="postAgo" type="text"><perch:content id="commentDateTime" format="d F Y" type="date" time="false"></span></small></em>
<br>
<perch:content id="commentHTML" type="textarea" html="false" striptags="true">
</div>
</li>
<perch:after>
</ul>
</div>
</div>
</div>
</perch:after>

Display More

Thank you so much

Glen · Jan 11th 2021

Quote from ian Hobbs

This seems odd to me. Normally layouts are string literals pointing to a html file in templates.

Code

perch_layout('time_ago', array(

'newsDateTime' => date("j M Y", strtotime($newsDateTime)),

));

Code

perch_layout('layouts/_root_comment_date.html');

Hi ian Hobbs

You can pass variables into layouts just like you can with other regions... https://docs.grabaperch.com/pe…nd-nav/layouts/variables/

As mentioned, it works perfectly well on another site using the blog addon, for some reason I can’t get it to work on this site using the comments addon?

Glen

Glen · Jan 8th 2021

HI Byron Fitzgerald, sorry me again!

I have just run <perch:showall> and it is showing that the id postAgo isn't getting passed into the template.

As mentioned, I have copied everything over from the other site so I'm not sure why this would be.

Many thanks - it is much appreciated.

Glen

Glen · Jan 8th 2021

Hi Byron Fitzgerald - I hope you had a great Christmas & News Year?

I was wondering if you could help me once again?

I have copied over the timeAgo code to another website but this time into the perch_comments addon. I have copied everything across like for like but nothing is being displayed, would you mind please having a quick look to see what I've missed?...

PHP

<?php
perch_layout('time_ago', array(
'newsDateTime' => date("j M Y", strtotime($newsDateTime)),
));
perch_comments('South Prom', [
'template' => 'webcam_comments.html',
'sort' => 'commentDateTime',
'sort-order' => 'DESC',
'data' => [
'commentsTotal' => $commentsTotal,
],
'each' => function($post) {
$post['postAgo'] = get_time_ago(strtotime($post['commentDateTime']));
return $post;
},
]);

Display More

Code

<perch:before>
<div class="container">
<div class="row">
<div class="col-lg-9">
<button class="btn btn-outline-secondary mb-3" data-toggle="modal" data-target="#commentsModal">Write a comment</button>
<h5><perch:if id="commentsTotal" value="0" match="gt"><perch:comments id="commentsTotal"> </perch:if>Comment<perch:if id="commentsTotal" value="1" match="gt">s</perch:if></h3>
<ul class="list-unstyled">
</perch:before>
<li id="comment<perch:comments id="commentID" type="hidden">" class="media mt-3 mb-3">
<img src="//www.gravatar.com/avatar/<perch:comments id="commentEmail" type="email" hash="md5">?s=120&d=mm" width="64" height="64" class="mr-3">
<div class="media-body">
<perch:if id="rating" value="1" match="gte"><i class="fas fa-star text-warning"></i><perch:else><i class="far fa-star text-warning"></i></perch:if>
<perch:if id="rating" value="2" match="gte"><i class="fas fa-star text-warning"></i><perch:else><i class="far fa-star text-warning"></i></perch:if>
<perch:if id="rating" value="3" match="gte"><i class="fas fa-star text-warning"></i><perch:else><i class="far fa-star text-warning"></i></perch:if>
<perch:if id="rating" value="4" match="gte"><i class="fas fa-star text-warning"></i><perch:else><i class="far fa-star text-warning"></i></perch:if>
<perch:if id="rating" value="5" match="gte"><i class="fas fa-star text-warning"></i><perch:else><i class="far fa-star text-warning"></i></perch:if>
<br>
<em><small><perch:comments id="commentName" type="text"> <span class="text-black-50 ml-2"><perch:comments id="timeAgo" type="text"><perch:comments id="commentDateTime" format="d F Y" type="date" time="false" suppress></span></small></em>
<br>
<perch:comments id="commentHTML" type="textarea" html="false" striptags="true">
</div>
</li>
<perch:after>
</ul>
</div>
</div>
</div>
</perch:after>

Display More

...thank you sooooo much for your help.

Glen

Glen · Dec 28th 2020

This is the perfect addition to Perch, did this ever get developed?

Glen

Glen · Nov 13th 2020

Thank you Clive Walker

It took a bit of fiddling getting the closing </div> tags to work properly but it works perfectly. 👍

Glen · Nov 13th 2020

Hi Perch Community!

I am currently building a site for a local magazine and we would like to have a page with all the previous issues on - all 15 years worth!

I'm adding the previous issues into a collection so I can also include them around the rest of the site too, specially the latest issue. But for the previous issues page I was wondering if there was a way to dynamically divided up the issues by year using just one perch_collection() rather than having one for each year, and then of course having to remember to add a new one each year.

So far I have...

PHP

<?php
perch_collection('Previous Issues', [
'template' => 'previous_issues.html',
'sort' => 'issueDate',
'sort-order' => 'ASC',
'filter'=>'issueDate',
'match'=>'eqbetween',
'value'=> '2020-01-01, 2020-12-31',
'data' => [
'thisYear' => '2020'
],
]);
perch_collection('Previous Issues', [
'template' => 'previous_issues.html',
'sort' => 'issueDate',
'sort-order' => 'ASC',
'filter'=>'issueDate',
'match'=>'eqbetween',
'value'=> '2019-01-01, 2019-12-31',
'data' => [
'thisYear' => '2019'
],
]);
perch_collection('Previous Issues', [
'template' => 'previous_issues.html',
'sort' => 'issueDate',
'sort-order' => 'ASC',
'filter'=>'issueDate',
'match'=>'eqbetween',
'value'=> '2018-01-01, 2018-12-31',
'data' => [
'thisYear' => '2018'
],
]);

Display More

...etc.

Many thanks for your help

Glen

Glen · Nov 9th 2020

Thank you, you're a bloody superstar Byron Fitzgerald - It work's perfectly 😁

Glen · Nov 9th 2020

Thanks Byron Fitzgerald for your reply.

I have now got the php working but I still can't seem to pull in the blog post date from Perch. The output I get is "1 Jan 1970" but if I manually include a date it works perfectly....

pages/home.php...

Code

// $newsDateTime = '2020-11-06 09:52';
$newsDateTime = perch_blog_post(perch_get('s'), 'postDateTime', true);
perch_layout('global/time_ago', array(
'newsDateTime' => date("j M Y", strtotime($newsDateTime)),
));
perch_blog_custom([
'sort' => 'postDateTime',
'sort-order' => 'DESC',
'count' => 3,
'template' => 'home_main_headlines.html',
'data' => [
'postAgo'=> get_time_ago(strtotime($newsDateTime)),
],
]);

Display More

layouts/global/time_ago.php...

PHP

<?php
function get_time_ago( $time )
{
$time_difference = time() - $time;
if( $time_difference < 1 ) { return '1s'; }
if( $time_difference > 2592000 ) { return perch_layout_var('newsDateTime', true); }
$condition = array(
// 12 * 30 * 24 * 60 * 60 => 'y',
7 * 24 * 60 * 60 => 'w',
24 * 60 * 60 => 'd',
60 * 60 => 'h',
60 => 'm',
1 => 's'
);
foreach( $condition as $secs => $str )
{
$d = $time_difference / $secs;
if( $d >= 1 )
{
$t = round( $d );
return $t . $str;
}
}
}

Display More

templates/blog/home_main_headlines.html...

Code

<perch:before>
<div class="container main-headlines">
<div class="row">
</perch:before>
<perch:if exists="perch_item_first">
<div class="col-xl-8">
<a href="<perch:blog id="postURL">" class="main-headline-lg" style="background-image: url('<perch:blog type="image" id="image" width="600" height="315" crop="true">');">
<span class="overlay">
<h3><perch:blog id="postTitle" type="text" label="Title" required="true" size="xl autowidth" order="1" /></h3>
<perch:blog id="excerpt" type="textarea">
<span class="small">
<i class="far fa-clock mr-1"></i> <perch:blog id="postAgo" type="text">
<i class="fas fa-map-marker-alt mr-1 ml-3"></i> <perch:categories id="categories" set="location" label="Categories">
<perch:category id="catTitle" type="text" />
</perch:categories>
</span>
</span>
</a>
</div>
<div class="col-xl-4">
<perch:else/>
<a href="<perch:blog id="postURL">" class="main-headline-sm" style="background-image: url('<perch:blog type="image" id="image" width="600" height="315" crop="true">');">
<span class="overlay">
<h3><perch:blog id="postTitle" type="text" label="Title" required="true" size="xl autowidth" order="1" /></h3>
<span class="small">
<i class="far fa-clock mr-1"></i> <perch:blog id="postAgo" type="text">
<i class="fas fa-map-marker-alt mr-1 ml-3"></i> <perch:categories id="categories" set="location" label="Categories">
<perch:category id="catTitle" type="text" />
</perch:categories>
</span>
</span>
</a>
</perch:if>
<perch:after>
</div>
</div>
</div>
</perch:after>

Display More

Any help to point me in the right direction would be must apricated.

Glen

Posts by Glen

Installing an External API Into Perch

Comments App: comment posted notification email

Comment App Notifications & Replies

Using Pagination Tags To Load More Comments

New Perch Website Launched - Hunstanton Webcams

Perch Redirect New Window / Tab

Perch Redirect New Window / Tab

Hiding Page Extensions Using _page

Hiding Page Extensions Using _page

Creating 'Time Ago' Blog Post Dates

Creating 'Time Ago' Blog Post Dates

Creating 'Time Ago' Blog Post Dates

Creating 'Time Ago' Blog Post Dates

Creating 'Time Ago' Blog Post Dates

Creating 'Time Ago' Blog Post Dates

Reviews App

Perch Collection Filtering By Years

Perch Collection Filtering By Years

Creating 'Time Ago' Blog Post Dates

Creating 'Time Ago' Blog Post Dates