in site/js/ponymail.js [2340:2543]
function loadList_flat(mjson, limit, start, deep) {
// Set displayed posts per page to 10 if social/compact theme, or auto-scale
if (prefs.theme && (prefs.theme == "social" || prefs.theme == "compact")) {
d_ppp = 10
if (prefs.autoScale && prefs.autoScale == 'yes') {
d_ppp = Math.floor( ( (window.innerHeight - 450) / (prefs.theme == 'social' ? 128 : 48) ) / 5 ) * 5
if (d_ppp <= 0) {
d_ppp = 5
}
}
// otherwise default to 15 or auto-scale
} else {
d_ppp = 15
if (prefs.autoScale && prefs.autoScale == 'yes') {
d_ppp = Math.floor( ( (window.innerHeight - 450) / 28 ) / 5 ) * 5
if (d_ppp <= 0) {
d_ppp = 5
}
}
}
// reset open email counter hash
open_emails = []
// set display limit to default ppp if not set by call
limit = limit ? limit : d_ppp;
// If no flat JSON is supplied (as with next/prev page clicks), fall back to the previous JSON,
// otherwise, sort it descending by epoch
var json = mjson ? ('emails' in mjson && isArray(mjson.emails) ? mjson.emails.sort(function(a, b) {
return b.epoch - a.epoch
}) : []) : current_flat_json
// sync JSON
current_flat_json = json
// get $now
var now = new Date().getTime() / 1000
// start = start or 0 (first email)
if (!start) {
start = 0
}
// start nesting HTML
nest = '<ul class="list-group">'
c_page = start
// for each email from start to finish (or page limit), do...
for (var i = start; i < json.length; i++) {
if (i >= (start + limit)) {
break
}
// Get the email
var eml = json[i]
// allow for empty subject
if (eml.subject.length == 0) {
eml.subject = '(no subject)'
}
// truncate subject (do we need this?)
if (eml.subject.length > 90) {
eml.subject = eml.subject.substr(0, 90) + "..."
}
eml.mid = eml.id
// label style and title for timestamp - changes if < 1 day ago
ld = 'default'
var ti = ''
if (eml.epoch > (now - 86400)) {
ld = 'warning'
ti = "Has activity in the past 24 hours"
}
var d = ''
// if deep search (multi-list), show the list name label as well
var qdeep = document.getElementById('checkall') ? document.getElementById('checkall').checked : false
if (qdeep || deep || global_deep && typeof eml.list != undefined && eml.list != null) {
// Usual list ID transformation
var elist = (eml.list ? eml.list : "").replace(/[<>]/g, "").replace(/^([^.]+)\./, "$1@")
var elist2 = elist
// shortlist? show dev@ instead of dev@foo.bar then
if (pm_config.shortLists) {
elist = elist.replace(/\.[^.]+\.[^.]+$/, "")
}
d = "<a href='list.html?" + elist2 + "'><label class='label label-warning' style='width: 150px;'>" + elist + "</label></a> "
if (eml.subject.length > 75) {
eml.subject = eml.subject.substr(0, 75) + "..."
}
}
// Get date and format it to YYYY-MM-DD HH:mm
mdate = formatEpochUTC(eml.epoch)
// format subject and from to weed out <> tags and <foo@bar.tld> addresses
var subject = eml.subject.replace(/</mg, "<")
var from = eml.from.replace(/<.*>/, "").length > 0 ? eml.from.replace(/<.*>/, "") : eml.from.replace(/[<>]+/g, "")
from = from.replace(/\"/g, "")
// style based on view before or not??
var estyle = ""
if (localStorageAvailable) {
if (! window.localStorage.getItem("viewed_" + eml.id) ){
estyle = "font-weight: bold;"
}
}
var at = ""
// Do we have anything attached to this email? If so, show the attachment icon
if (eml.attachments && eml.attachments > 0) {
at = "<img src='images/attachment.png' title='" + eml.attachments + " file(s) attached' style='float: left; title='This email has attachments'/> "
}
// Compact theme: show a bit of email body as well
if (prefs.theme && prefs.theme == 'compact') {
var from = eml.from.replace(/<.*>/, "").length > 0 ? eml.from.replace(/<.*>/, "") : eml.from.replace(/[<>]+/g, "")
from = "<span class='from_name'>" + from.replace(/\"/g, "") + "</span>"
var sbody = (eml.body ? eml.body.replace(/</g, "<") : "") + " "
nest += "<li class='list-group-item'>" +
"<div style='min-height: 32px;'><div style='width: 190px; float: left; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;'>" +
"<img src='https://secure.gravatar.com/avatar/" + eml.gravatar + ".jpg?s=32&r=g&d=mm'/> <b>" +
from +
"</b></div> " +
"<div style='width: calc(100% - 230px); white-space:nowrap; overflow: hidden;'>" +
d + "<a style='overflow:hidden;" + estyle + "' href='thread.html/" + (pm_config.shortLinks ? shortenID(eml.id) : encodeURIComponent(eml.id)) + "' onclick='this.style=\"\"; loadEmails_flat(" + i + "); latestEmailInThread = 0; return false;'>" + subject +
"</div></a> <div style='float: right;position:absolute;right:4px;top:12px;';><a style='float: right; opacity: 0.75; margin-left: 2px; margin-top: -3px;' href='api/atom.lua?mid=" + eml.id + "'><img src='images/atom.png' title='Subscribe to this thread as an atom feed'/></a><label style='float: right; width: 110px;' class='label label-" + ld + "' title='" + ti + "'>" + mdate + "</label>" +
"</div><div style='width: calc(100% - 270px); color: #999; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;'>" + sbody +
"</div></div>" + "<div id='thread_" + i + "' style='display:none';></div></li>"
// Other themes: Just show the subject..
} else {
nest += "<li class='list-group-item'> " + at + " <a style='" + estyle + "' href='thread.html/" + (pm_config.shortLinks ? shortenID(eml.id) : encodeURIComponent(eml.id)) + "' onclick='this.style=\"\"; loadEmails_flat(" + i + "); return false;'>" + subject + "</a> <label style='float: left; width: 140px;' class='label label-info'>" + from + "</label><label style='float: right; width: 110px;' class='label label-" + ld + "' title='" + ti + "'>" + mdate + "</label><div id='thread_" + i + "' style='display:none';></div></li>"
}
}
nest += "</ul>"
var bulk = document.getElementById('emails')
bulk.innerHTML = ""
// Top nav buttons
var tnav = "<div style='float: left; width: 100%'>"
if (start > 0) {
var nstart = Math.max(0, start - limit)
tnav += '<div style="width: 50%; float: left;"><a href="javascript:void(0);" style="float: left;" class="btn btn-success" onclick="loadList_flat(false, ' + d_ppp + ', ' + nstart + ');">Show previous ' + d_ppp + '</a>   </div>'
} else {
tnav += '<div style="width: 50%; float: left;"> </div>'
}
var remain
if (json.length > (start + limit)) {
remain = Math.min(d_ppp, json.length - (start + limit))
tnav += '<div style="width: 50%; float: left;"><a href="javascript:void(0);" style="float: right;" class="btn btn-success" onclick="loadList_flat(false, ' + d_ppp + ', ' + (start + d_ppp) + ');">Show next ' + remain + '</a></div>'
}
tnav += "</div><br/><br/>"
// Emails
bulk.innerHTML += tnav + nest
if (prefs.hideStats == 'yes') {
bulk.parentNode.setAttribute("class", "well col-md-10 col-lg-10")
} else {
bulk.parentNode.setAttribute("class", "well col-md-10 col-lg-7")
}
// Bottom nav buttons
if (start > 0) {
var nstart = Math.max(0, start - limit)
bulk.innerHTML += '<div style="width: 33%; float: left;"><a href="javascript:void(0);" style="float: left;" class="btn btn-success" onclick="loadList_flat(false, ' + d_ppp + ', ' + nstart + ');">Show previous ' + d_ppp + '</a>   </div>'
} else {
bulk.innerHTML += '<div style="width: 33%; float: left;"> </div>'
}
// subscribe button
var sublist = xlist.replace(/@/, "-subscribe@")
var innerbuttons = '<a href="mailto:' + sublist + '" title="Click to subscribe to this list" style="margin: 0 auto" class="btn btn-primary">Subscribe</a>'
var unsublist = xlist.replace(/@/, "-unsubscribe@")
innerbuttons += ' <a href="mailto:' + unsublist + '" title="Click to unsubscribe from this list" style="margin: 0 auto" class="btn btn-primary">Unsubscribe</a>'
if (login && login.credentials) {
innerbuttons += ' <a href="javascript:void(0);" style="margin: 0 auto" class="btn btn-danger" onclick="compose(null, \'' + xlist + '\');">Start a new thread</a>'
}
// Favorite or forget
if (login && login.credentials && xlist) {
var found = false
for (var i in (login.favorites || [])) {
if (login.favorites[i] == xlist) {
found = true
break
}
}
innerbuttons += '<span id="favbtn">'
if (found) {
innerbuttons += ' <a href="javascript:void(0);" style="margin: 0 auto" class="btn btn-default" onclick="favorite(false, \'' + xlist + '\');">Remove from favorites</a>'
} else {
innerbuttons += ' <a href="javascript:void(0);" style="margin: 0 auto" class="btn btn-info" onclick="favorite(true, \'' + xlist + '\');">Add list to favorites</a>'
}
innerbuttons += '</span>'
}
bulk.innerHTML += '<div style="width: 33%; float: left;">' + innerbuttons + '</div>'
if (json.length > (start + limit)) {
remain = Math.min(d_ppp, json.length - (start + limit))
bulk.innerHTML += '<div style="width: 33%; float: left;"><a href="javascript:void(0);" style="float: right;" class="btn btn-success" onclick="loadList_flat(false, ' + d_ppp + ', ' + (start + d_ppp) + ');">Show next ' + remain + '</a></div>'
}
}