mirror of
https://github.com/Znote/ZnoteAAC.git
synced 2025-10-13 18:04:54 +02:00
New layout (Znote AAC AtomIO)
Layout is primarily changed to this because the old layout had obsolete javascript dependencies. I still want to make another default layout eventually, which is mobile friendly. This layout has a very nice character search widget though that looks for names realtime and displays them in a list beside the search.
This commit is contained in:
Znote
145
layout/sub/index.php
Normal file
145
layout/sub/index.php
Normal file
@@ -0,0 +1,145 @@
|
||||
<?php
|
||||
if ($config['UseChangelogTicker']) {
|
||||
//////////////////////
|
||||
// Changelog ticker //
|
||||
// Load from cache
|
||||
$changelogCache = new Cache('engine/cache/changelog');
|
||||
$changelogs = $changelogCache->load();
|
||||
|
||||
if (isset($changelogs) && !empty($changelogs) && $changelogs !== false) {
|
||||
?>
|
||||
<div class="well">
|
||||
<table id="changelogTable">
|
||||
<tr class="yellow">
|
||||
<td colspan="2">Latest Changelog Updates (<a href="changelog.php">Click here to see full changelog</a>)</td>
|
||||
</tr>
|
||||
<?php
|
||||
for ($i = 0; $i < count($changelogs) && $i < 5; $i++) {
|
||||
?>
|
||||
<tr>
|
||||
<td><?php echo getClock($changelogs[$i]['time'], true, true); ?></td>
|
||||
<td><?php echo $changelogs[$i]['text']; ?></td>
|
||||
</tr>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
</table>
|
||||
</div>
|
||||
<?php
|
||||
} else echo "No changelogs submitted.";
|
||||
}
|
||||
|
||||
$cache = new Cache('engine/cache/news');
|
||||
if ($cache->hasExpired()) {
|
||||
$news = fetchAllNews();
|
||||
$cache->setContent($news);
|
||||
$cache->save();
|
||||
} else {
|
||||
$news = $cache->load();
|
||||
}
|
||||
|
||||
// Design and present the list
|
||||
if ($news) {
|
||||
|
||||
$total_news = count($news);
|
||||
$row_news = $total_news / $config['news_per_page'];
|
||||
$page_amount = ceil($total_news / $config['news_per_page']);
|
||||
$current = $config['news_per_page'] * $page;
|
||||
|
||||
function TransformToBBCode($string) {
|
||||
$tags = array(
|
||||
'[center]{$1}[/center]' => '<center>$1</center>',
|
||||
'[b]{$1}[/b]' => '<b>$1</b>',
|
||||
'[size={$1}]{$2}[/size]' => '<font size="$1">$2</font>',
|
||||
'[img]{$1}[/img]' => '<a href="$1" target="_BLANK"><img src="$1" alt="image" style="width: 100%"></a>',
|
||||
'[link]{$1}[/link]' => '<a href="$1">$1</a>',
|
||||
'[link={$1}]{$2}[/link]' => '<a href="$1" target="_BLANK">$2</a>',
|
||||
'[color={$1}]{$2}[/color]' => '<font color="$1">$2</font>',
|
||||
'[*]{$1}[/*]' => '<li>$1</li>',
|
||||
'[youtube]{$1}[/youtube]' => '<div class="youtube"><div class="aspectratio"><iframe src="//www.youtube.com/embed/$1" frameborder="0" allowfullscreen></iframe></div></div>',
|
||||
);
|
||||
foreach ($tags as $tag => $value) {
|
||||
$code = preg_replace('/placeholder([0-9]+)/', '(.*?)', preg_quote(preg_replace('/\{\$([0-9]+)\}/', 'placeholder$1', $tag), '/'));
|
||||
$string = preg_replace('/'.$code.'/i', $value, $string);
|
||||
}
|
||||
return $string;
|
||||
}
|
||||
|
||||
if ($view !== "") { // We want to view a specific news post
|
||||
$si = false;
|
||||
if (ctype_digit($view) === false) {
|
||||
for ($i = 0; $i < count($news); $i++) if ($view === urlencode($news[$i]['title'])) $si = $i;
|
||||
} else {
|
||||
for ($i = 0; $i < count($news); $i++) if ((int)$view === (int)$news[$i]['id']) $si = $i;
|
||||
}
|
||||
|
||||
if ($si !== false) {
|
||||
echo "hello world!";
|
||||
?>
|
||||
<div class="postHolder">
|
||||
<div class="well">
|
||||
<div class="header">
|
||||
<?php echo '<a href="?view='.$news[$si]['id'].'">[#'.$news[$si]['id'].']</a> '. getClock($news[$si]['date'], true) .' by <a href="characterprofile.php?name='. $news[$si]['name'] .'">'. $news[$si]['name'] .'</a> - <b>'. TransformToBBCode($news[$si]['title']) .'</b>'; ?>
|
||||
</div>
|
||||
<div class="body">
|
||||
<p><?php echo TransformToBBCode(nl2br($news[$si]['text'])); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- OLD DESIGN: -->
|
||||
<?php
|
||||
} else {
|
||||
?>
|
||||
<table id="news">
|
||||
<tr class="yellow">
|
||||
<td class="zheadline">News post not found.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<p>We failed to find the post you where looking for.</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<?php
|
||||
}
|
||||
|
||||
} else { // We want to view latest news or a page of news.
|
||||
for ($i = $current; $i < $current + $config['news_per_page']; $i++) {
|
||||
if (isset($news[$i])) {
|
||||
?>
|
||||
<div class="postHolder">
|
||||
<div class="well">
|
||||
<div class="header">
|
||||
<?php echo '<a href="?view='.urlencode($news[$i]['title']).'">'.getClock($news[$i]['date'], true).'</a> by <a href="characterprofile.php?name='. $news[$i]['name'] .'">'. $news[$i]['name'] .'</a> - <b>'. TransformToBBCode($news[$i]['title']) .'</b>'; ?>
|
||||
</div>
|
||||
<div class="body">
|
||||
<p><?php echo TransformToBBCode(nl2br($news[$i]['text'])); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
|
||||
echo '<select name="newspage" onchange="location = this.options[this.selectedIndex].value;">';
|
||||
|
||||
for ($i = 0; $i < $page_amount; $i++) {
|
||||
|
||||
if ($i == $page) {
|
||||
|
||||
echo '<option value="index.php?page='.$i.'" selected>Page '.$i.'</option>';
|
||||
|
||||
} else {
|
||||
|
||||
echo '<option value="index.php?page='.$i.'">Page '.$i.'</option>';
|
||||
}
|
||||
}
|
||||
|
||||
echo '</select>';
|
||||
|
||||
}
|
||||
|
||||
} else {
|
||||
echo '<p>No news exist.</p>';
|
||||
}
|
||||
?>
|
||||
19
layout/sub/loginhelp.php
Normal file
19
layout/sub/loginhelp.php
Normal file
@@ -0,0 +1,19 @@
|
||||
<!-- Tell the user to use the aside menu -->
|
||||
<h1 class="toright">Login</h1>
|
||||
<p class="toright">Please fill the login form in this aside bar to login. →</p>
|
||||
<style type="text/css">
|
||||
/* Align the text to the right of the page. */
|
||||
.toright {
|
||||
text-align: right;
|
||||
}
|
||||
div.leftPane {
|
||||
box-sizing: border-box;
|
||||
padding-right: 30px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
// Auto focus to login username box
|
||||
$(function() {
|
||||
$('#login_username').focus();
|
||||
});
|
||||
</script>
|
||||
10
layout/sub/recover.php
Normal file
10
layout/sub/recover.php
Normal file
@@ -0,0 +1,10 @@
|
||||
<div class="postHolder">
|
||||
<div class="well">
|
||||
<div class="header">
|
||||
Lost Account
|
||||
</div>
|
||||
<div class="body">
|
||||
Have you lost your <a href="recovery.php?mode=username">username</a>, or your <a href="recovery.php?mode=password">password</a>?
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
13
layout/sub/search.php
Normal file
13
layout/sub/search.php
Normal file
@@ -0,0 +1,13 @@
|
||||
<div class="postHolder">
|
||||
<div class="well">
|
||||
<div class="header">
|
||||
Character search
|
||||
</div>
|
||||
<div class="body">
|
||||
<form type="submit" action="characterprofile.php" method="get">
|
||||
<input type="text" name="name" class="search">
|
||||
<input type="submit" name="submitName" value="Search">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user