99d4571c6b
Adds styles for display sizes smaller than 768px where elements are currently hardly usable. Note that RSS-Bridge is not designed for mobile use, but some users may want to try things on their mobile phone before using it in real life applications. Resolves #796
133 lines
3.4 KiB
PHP
133 lines
3.4 KiB
PHP
<?php
|
|
class HtmlFormat extends FormatAbstract {
|
|
public function stringify(){
|
|
$extraInfos = $this->getExtraInfos();
|
|
$title = htmlspecialchars($extraInfos['name']);
|
|
$uri = htmlspecialchars($extraInfos['uri']);
|
|
|
|
// Dynamically build buttons for all formats (except HTML)
|
|
$formatFac = new FormatFactory();
|
|
$formatFac->setWorkingDir(PATH_LIB_FORMATS);
|
|
|
|
$buttons = '';
|
|
|
|
foreach($formatFac->getFormatNames() as $format) {
|
|
if(strcasecmp($format, 'HTML') === 0) {
|
|
continue;
|
|
}
|
|
|
|
$query = str_replace('format=Html', 'format=' . $format, htmlentities($_SERVER['QUERY_STRING']));
|
|
$buttons .= $this->buildButton($format, $query) . PHP_EOL;
|
|
}
|
|
|
|
$entries = '';
|
|
foreach($this->getItems() as $item) {
|
|
$entryAuthor = $item->getAuthor() ? '<br /><p class="author">by: ' . $item->getAuthor() . '</p>' : '';
|
|
$entryTitle = $this->sanitizeHtml(strip_tags($item->getTitle()));
|
|
$entryUri = $item->getURI() ?: $uri;
|
|
|
|
$entryTimestamp = '';
|
|
if($item->getTimestamp()) {
|
|
$entryTimestamp = '<time datetime="'
|
|
. date(DATE_ATOM, $item->getTimestamp())
|
|
. '">'
|
|
. date(DATE_ATOM, $item->getTimestamp())
|
|
. '</time>';
|
|
}
|
|
|
|
$entryContent = '';
|
|
if($item->getContent()) {
|
|
$entryContent = '<div class="content">'
|
|
. $this->sanitizeHtml($item->getContent())
|
|
. '</div>';
|
|
}
|
|
|
|
$entryEnclosures = '';
|
|
if(!empty($item->getEnclosures())) {
|
|
$entryEnclosures = '<div class="attachments"><p>Attachments:</p>';
|
|
|
|
foreach($item->getEnclosures() as $enclosure) {
|
|
$url = $this->sanitizeHtml($enclosure);
|
|
|
|
$entryEnclosures .= '<li class="enclosure"><a href="'
|
|
. $url
|
|
. '">'
|
|
. substr($url, strrpos($url, '/') + 1)
|
|
. '</a></li>';
|
|
}
|
|
|
|
$entryEnclosures .= '</div>';
|
|
}
|
|
|
|
$entryCategories = '';
|
|
if(!empty($item->getCategories())) {
|
|
$entryCategories = '<div class="categories"><p>Categories:</p>';
|
|
|
|
foreach($item->getCategories() as $category) {
|
|
|
|
$entryCategories .= '<li class="category">'
|
|
. $this->sanitizeHtml($category)
|
|
. '</li>';
|
|
}
|
|
|
|
$entryCategories .= '</div>';
|
|
}
|
|
|
|
$entries .= <<<EOD
|
|
|
|
<section class="feeditem">
|
|
<h2><a class="itemtitle" href="{$entryUri}">{$entryTitle}</a></h2>
|
|
{$entryTimestamp}
|
|
{$entryAuthor}
|
|
{$entryContent}
|
|
{$entryEnclosures}
|
|
{$entryCategories}
|
|
</section>
|
|
|
|
EOD;
|
|
}
|
|
|
|
$charset = $this->getCharset();
|
|
|
|
/* Data are prepared, now let's begin the "MAGIE !!!" */
|
|
$toReturn = <<<EOD
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="{$charset}">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>{$title}</title>
|
|
<link href="static/HtmlFormat.css" rel="stylesheet">
|
|
<meta name="robots" content="noindex, follow">
|
|
</head>
|
|
<body>
|
|
<h1 class="pagetitle"><a href="{$uri}" target="_blank">{$title}</a></h1>
|
|
<div class="buttons">
|
|
<a href="./#bridge-{$_GET['bridge']}"><button class="backbutton">← back to rss-bridge</button></a>
|
|
{$buttons}
|
|
</div>
|
|
{$entries}
|
|
</body>
|
|
</html>
|
|
EOD;
|
|
|
|
// Remove invalid characters
|
|
ini_set('mbstring.substitute_character', 'none');
|
|
$toReturn = mb_convert_encoding($toReturn, $this->getCharset(), 'UTF-8');
|
|
return $toReturn;
|
|
}
|
|
|
|
public function display() {
|
|
$this
|
|
->setContentType('text/html; charset=' . $this->getCharset())
|
|
->callContentType();
|
|
|
|
return parent::display();
|
|
}
|
|
|
|
private function buildButton($format, $query) {
|
|
return <<<EOD
|
|
<a href="./?{$query}"><button class="rss-feed">{$format}</button></a>
|
|
EOD;
|
|
}
|
|
}
|