fedifeed/lib/template.ejs

151 lines
5.8 KiB
Text
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"></meta>
2019-08-02 22:33:33 +00:00
<style type="text/css"></style>
<base target="_top" /><!-- this element is amazing-->
<% if (opts.theme && opts.theme.toLowerCase() == 'masto-light'){ %>
<link rel="stylesheet" href="/css/masto-light.css"></link>
<% } else if (opts.theme && opts.theme.toLowerCase() == 'masto-auto'){ %>
<link rel="stylesheet" href="/css/masto-auto.css"></link>
<% } else if (opts.theme && opts.theme.toLowerCase() == 'misskey-dark'){ %>
<link rel="stylesheet" href="/css/misskey-dark.css"></link>
<% } else if (opts.theme && opts.theme.toLowerCase() == 'misskey-light'){ %>
<link rel="stylesheet" href="/css/misskey-light.css"></link>
<% } else if (opts.theme && opts.theme.toLowerCase() == 'misskey-auto'){ %>
<link rel="stylesheet" href="/css/misskey-auto.css"></link>
<% } else if (opts.theme && opts.theme.toLowerCase() == 'pleroma'){ %>
<link rel="stylesheet" href="/css/pleroma.css"></link>
<% } else { %>
<link rel="stylesheet" href="/css/masto-dark.css"></link>
<% } %>
<% if (opts.size){ %>
<style type="text/css">
html,body{
font-size: <%= opts.size.toString().slice(0,4) %>%;
}
</style>
<% } %>
</head>
<body>
<% if (opts.header !== false){ %>
<div class="meta">
<div class="header" style="<%= meta.headerImage?`background-image:url(${meta.headerImage})`:'' %>">
<a class="header-left" target="_top" href="<%= meta.link %>">
<% if (meta.avatar){ %>
<img class="avatar circular" src="<%= meta.avatar %>"></img>
<% } %>
</a>
<div class="description header-right">
2019-08-02 15:57:13 +00:00
<a class="header-title" target="_top" href="<%= meta.link %>">
<%= meta.title %>
</a>
2019-08-02 15:57:13 +00:00
<br><br>
2019-07-31 18:48:51 +00:00
<%- meta.description %>
</div>
</div>
</div>
<% } %>
<div class="container">
<% let filtered = items.filter(function(item){return !((item.isBoost && !opts.boosts) || (item.isReply && !opts.replies)) })%>
<% filtered.forEach(function(item){ %>
<div class="item">
<% if (item.isBoost) { %>
<div class="item-title"> <%- item.title %> </div>
<% } %>
2018-03-24 23:33:22 +00:00
<div class="author">
<a target="_top" class="avatar" href="<%- item.author.uri %>">
<img class="avatar" src="<%- item.author.avatar %>"/>
</a>
<div class="author-info">
<a target="_top" class="author-displayname" href="<%- item.author.uri %>"> <%= item.author.displayName %> </a>
<div class="author-fullname"> <%= item.author.fullName %> </div>
</div>
</div>
2018-09-29 22:29:17 +00:00
<% if (item.hasCw){ %>
<% let cwId = (item.cw+item.atomHref).replace(/\W+/g,'') %>
2018-09-29 22:29:17 +00:00
<span class="cw"><%- item.cw %></span>
<input type="checkbox" class="showmore" id="<%- cwId %>">
<label class="button" for="<%- cwId %>">Show</label>
<% } %>
2019-03-02 19:48:47 +00:00
2018-03-24 23:33:22 +00:00
<div class="item-content">
<%- item.content %>
</div>
2018-09-29 22:29:17 +00:00
2019-03-02 19:48:47 +00:00
<% if (item.enclosures.length > 0){ %>
<div class="enclosures">
<% for (let i = 0; i < item.enclosures.length; i ++){ %>
<% let e = item.enclosures[i] %>
<% if (e.type.indexOf('audio') > -1) {%>
<audio class="enclosure" controls loop src="<%= e.url %>"/>
<% }else if (e.type.indexOf('video') > -1){ %>
2019-03-02 19:48:47 +00:00
<video class="enclosure" controls loop src="<%= e.url %>"/>
<% } else { %>
<a target="_top" class="enclosure" href="<%= e.url %>" >
<% if (e.type.indexOf('image') > -1){ %>
2019-07-31 18:52:17 +00:00
<img src="<%= e.url %>" alt="<%= e.name %>" title="<%= e.name %>"/>
2019-03-02 19:48:47 +00:00
<% } else { %>
<%= e.url %>
<% } %>
</a>
<% } %>
<% } %>
</div>
<% } %>
<a class="date" href="<%= item.permalink %>"><%= item.stringDate %></a>
</div>
<% }); %>
2020-01-22 22:54:48 +00:00
<% if (nextPageLink){ %>
2019-12-20 00:19:32 +00:00
<div class="item hidden">
<a class="hacky_link" href="<%- nextPageLink %>">More</a>
</div>
2020-01-22 22:54:48 +00:00
<% } %>
2019-12-20 00:19:32 +00:00
</div> <!-- end item container -->
2020-01-22 22:54:48 +00:00
<% if (nextPageLink){ %>
2019-12-20 00:19:32 +00:00
<div class="pagination">
<a class="button" href="<%- nextPageLink %>">Load More</a>
</div>
2020-01-22 22:54:48 +00:00
<% } %>
<% if ( isIndex ){ %>
<script src="/lib/infinite-scroll.pkgd.min.js"></script>
<script type="text/javascript">
let lastPageLoaded = null;
let infScroll = new InfiniteScroll( '.container', {
// options
hideNav:'.pagination',
append: '.item',
history:false,
prefill:true,
path: function(){
// need to query this DOM my damn self
let pageLinks = document.querySelectorAll('.hacky_link');
if (!pageLinks || pageLinks.length == 0){
console.log ('next page link could not be found');
return false;
}else{
let finalLink = pageLinks[pageLinks.length-1].href;
// make sure we don't load the same page twice
2020-01-22 22:50:49 +00:00
if (!finalLink || finalLink == window.location.href || finalLink == lastPageLoaded){
console.log('this was the last page');
return false;
}else{
return finalLink;
}
}
}
});
</script>
<% } %>
</body>
</html>