forum_page.html - This HTML code displays a forum index pag…

/forum/templates/forum/forum_page.html

http://djforum.googlecode.com/ · HTML · 194 lines · 111 code · 7 blank · 76 comment · 0 complexity · 7f5091507b00dfb448c7e2103d681800 MD5 · raw file

{% extends "forum/base.html" %}

{% load customfilters %}



{% block title %}

{{forum.name}}--djPower??

{% endblock %}



{% block boardlinks %}

&#187; <a href="{{forum.get_absolute_url}}">{{forum.name}}</a>

{% endblock %}



{% block content %}

<div id="pageheader">

    <h2><a class="titles" href="{{forum.get_absolute_url}}">{{forum.name}}</a></h2>

    <!--<p class="moderators">??: <a href="">Brendan</a>, <a href="">carbonBased</a>, <a href="">os64dev</a>, <a href="">Candy</a>, <a href="">JAAman</a>, <a href="">AJ</a>, <a href="">Combuster</a>, <a href="">chase</a>, <a href="">kmcguire</a>, <a href="">mystran</a></p>-->

</div>

<br clear="all" /><br />



<div id="pagecontent">

    <table width="100%" cellspacing="1">

	<tr>

	    <td align="left" valign="middle"><a href="/forum/{{forum.id}}/new_topic/"><img src="/site_media/styles/pandaxiaoxi/imageset/en/button_topic_new.gif" alt="Post new topic" title="Post new topic" /></a></td>

	    <td class="nav" valign="middle" nowrap="nowrap">&nbsp;? <strong>{{topics.number}}</strong> ?,? <strong>{{topics.paginator.num_pages}}</strong> ?<br /></td>

 	    <td class="gensmall" nowrap="nowrap">&nbsp;[ {{topics.paginator.count}}??? ]&nbsp;</td>

	    <td class="gensmall" width="100%" align="right" nowrap="nowrap">

                <b>

                {% if topics.has_previous %}

                    <a href="?page={{ topics.previous_page_number }}">??</a>

                {% endif %}

                

                {% if topics.has_next %}

                    <a href="?page={{ topics.next_page_number }}">??</a>

                {% endif %}

                <!--<a href="#" onclick="jumpto(); return false;" title="Click to jump to page">Go to page</a> <strong>1</strong><span class="page-sep">, </span><a href="./viewforum.php?f=1&amp;st=0&amp;sk=t&amp;sd=d&amp;start=50">2</a><span class="page-sep">, </span><a href="./viewforum.php?f=1&amp;st=0&amp;sk=t&amp;sd=d&amp;start=100">3</a><span class="page-sep">, </span><a href="./viewforum.php?f=1&amp;st=0&amp;sk=t&amp;sd=d&amp;start=150">4</a><span class="page-sep">, </span><a href="./viewforum.php?f=1&amp;st=0&amp;sk=t&amp;sd=d&amp;start=200">5</a> ... <a href="./viewforum.php?f=1&amp;st=0&amp;sk=t&amp;sd=d&amp;start=11300">227</a> &nbsp;<a href="./viewforum.php?f=1&amp;st=0&amp;sk=t&amp;sd=d&amp;start=50">Next</a>-->

                </b>

            </td>

	</tr>

    </table>

    <table class="tablebg" width="100%" cellspacing="1">

	<tr>

	    <td class="cat" colspan="6">

		<table width="100%" cellspacing="0">

		    <tr class="nav">

			<td valign="middle">&nbsp;</td>

			<td align="right" valign="middle">&nbsp;</td>

   		    </tr>

		</table>

	    </td>

	</tr>

	<tr>

 	    <th colspan="2">&nbsp;??&nbsp;</th>

	    <th>&nbsp;??&nbsp;</th>

	    <th>&nbsp;??&nbsp;</th>

	    <th>&nbsp;??&nbsp;</th>

	    <th>&nbsp;????&nbsp;</th>

	</tr>

	

	<tr>

    	    <td class="row3" colspan="6"><b class="gensmall">??</b></td>

	</tr>

        {% for topic in topics.object_list %}

	<tr>

	    <td class="row1" width="25" align="center"><img src="/site_media/styles/pandaxiaoxi/imageset/sticky_read.gif" width="19" height="18" alt="No new posts" title="No new posts" /></td>

	    <td class="row1">

		<a title="Posted: {{ topic.datetime1|date:"Y-m-d H:i" }}" href="{{topic.get_absolute_url}}" class="topictitle">{{ topic.subject }}</a>

		<!--<p class="gensmall"> [ <img src="/site_media/styles/pandaxiaoxi/imageset/icon_post_target.gif" width="12" height="9" alt="Go to page" title="Go to page" />Go to page: <a href="./viewtopic.php?f=1&amp;t=6989&amp;start=0">1</a> ... <a href="./viewtopic.php?f=1&amp;t=6989&amp;start=90">7</a><span class="page-sep">, </span><a href="./viewtopic.php?f=1&amp;t=6989&amp;start=105">8</a><span class="page-sep">, </span><a href="./viewtopic.php?f=1&amp;t=6989&amp;start=120">9</a> ] </p>-->

   	    </td>

            <td class="row2" width="130" align="center"><p class="topicauthor"><a href="/forum/member/{{ topic.author.id }}/">{{ topic.author }}</a></p></td>

	    <td class="row1" width="50" align="center"><p class="topicdetails">{{ topic.replies }}</p></td>

	    <td class="row2" width="50" align="center"><p class="topicdetails">{{ topic.views }}</p></td>

	    <td class="row1" width="140" align="center">

		<p class="topicdetails" style="white-space: nowrap;">{% if topic.last_datetime %}{{ topic.last_datetime|date:"Y-m-d H:i" }}{% else %}{{ topic.datetime1|date:"Y-m-d H:i" }}{% endif %}</p>

		<p class="topicdetails">{% if topic.last_author %}<a href="/forum/member/{{topic.last_authorid}}/">{{ topic.last_author }}</a>{% else %}<a href="/forum/member/{{topic.author.id}}/">{{topic.author}}</a>{% endif %}<a href="/forum/post/{{topic.last_postid}}/#p{{topic.last_postid}}"><img src="/site_media/styles/pandaxiaoxi/imageset/icon_topic_latest.gif" width="18" height="9" alt="View the latest post" title="View the latest post" /></a>

		</p>

   	    </td>

	</tr>

        {% endfor %}

	<tr align="center">

	    <td class="cat" colspan="6">

	        <!--<form method="post" action="./viewforum.php?f=1&amp;start=0"><span class="gensmall">Display topics from previous:</span>&nbsp;<select name="st" id="st"><option value="0" selected="selected">All Topics</option><option value="1">1 day</option><option value="7">7 days</option><option value="14">2 weeks</option><option value="30">1 month</option><option value="90">3 months</option><option value="180">6 months</option><option value="365">1 year</option></select>&nbsp;<span class="gensmall">Sort by</span> <select name="sk" id="sk"><option value="a">Author</option><option value="t" selected="selected">Post time</option><option value="r">Replies</option><option value="s">Subject</option><option value="v">Views</option></select> <select name="sd" id="sd"><option value="a">Ascending</option><option value="d" selected="selected">Descending</option></select>&nbsp;<input class="btnlite" type="submit" name="sort" value="Go" /></form>-->

   	    </td>

	</tr>

    </table>

    <table width="100%" cellspacing="1">

	<tr>

	    <td align="left" valign="middle"><a href="/forum/{{forum.id}}/new_topic/"><img src="/site_media/styles/pandaxiaoxi/imageset/en/button_topic_new.gif" alt="Post new topic" title="Post new topic" /></a></td>

	    <td class="nav" valign="middle" nowrap="nowrap">&nbsp;? <strong>{{topics.number}}</strong> ?,? <strong>{{topics.paginator.num_pages}}</strong> ?<br /></td>

 	    <td class="gensmall" nowrap="nowrap">&nbsp;[ {{topics.paginator.count}}??? ]&nbsp;</td>

	    <td class="gensmall" width="100%" align="right" nowrap="nowrap">

                <b>

                {% if topics.has_previous %}

                    <a href="?page={{ topics.previous_page_number }}">??</a>

                {% endif %}

                {% if topics.has_next %}

                    <a href="?page={{ topics.next_page_number }}">??</a>

                {% endif %}

                <!--<a href="#" onclick="jumpto(); return false;" title="Click to jump to page">Go to page</a> <strong>1</strong><span class="page-sep">, </span><a href="./viewforum.php?f=1&amp;st=0&amp;sk=t&amp;sd=d&amp;start=50">2</a><span class="page-sep">, </span><a href="./viewforum.php?f=1&amp;st=0&amp;sk=t&amp;sd=d&amp;start=100">3</a><span class="page-sep">, </span><a href="./viewforum.php?f=1&amp;st=0&amp;sk=t&amp;sd=d&amp;start=150">4</a><span class="page-sep">, </span><a href="./viewforum.php?f=1&amp;st=0&amp;sk=t&amp;sd=d&amp;start=200">5</a> ... <a href="./viewforum.php?f=1&amp;st=0&amp;sk=t&amp;sd=d&amp;start=11300">227</a> &nbsp;<a href="./viewforum.php?f=1&amp;st=0&amp;sk=t&amp;sd=d&amp;start=50">Next</a>-->

                </b>

            </td>

	</tr>

    </table>

    <br clear="all" />

</div>

<!--

<table class="tablebg" width="100%" cellspacing="1" cellpadding="0" style="margin-top: 5px;">

	<tr>

		<td class="row1">

			<p class="breadcrumbs"><a href="./index.php">Board index</a> &#187; <a href="./viewforum.php?f=16">Operating System Development</a> &#187; <a href="./viewforum.php?f=1">OS Development</a></p>



			<p class="datetime">All times are UTC - 6 hours </p>

		</td>

	</tr>

	</table>	<br clear="all" />





	<table class="tablebg" width="100%" cellspacing="1">

	<tr>

		<td class="cat"><h4>Who is online</h4></td>



	</tr>

	<tr>

		<td class="row1"><p class="gensmall">Users browsing this forum: <a href="./memberlist.php?mode=viewprofile&amp;u=1977">M-Saunders</a> and 3 guests</p></td>

	</tr>

	</table>

	<br clear="all" />

-->

<!--

	<table width="100%" cellspacing="0">

	<tr>

		<td align="left" valign="top">

			<table cellspacing="3" cellpadding="0" border="0">

			<tr>

				<td width="20" style="text-align: center;"><img src="/site_media/styles/pandaxiaoxi/imageset/topic_unread.gif" width="19" height="18" alt="New posts" title="New posts" /></td>

				<td class="gensmall">New posts</td>

				<td>&nbsp;&nbsp;</td>



				<td width="20" style="text-align: center;"><img src="/site_media/styles/pandaxiaoxi/imageset/topic_read.gif" width="19" height="18" alt="No new posts" title="No new posts" /></td>

				<td class="gensmall">No new posts</td>

				<td>&nbsp;&nbsp;</td>

				<td width="20" style="text-align: center;"><img src="/site_media/styles/pandaxiaoxi/imageset/announce_read.gif" width="19" height="18" alt="Announce" title="Announce" /></td>

				<td class="gensmall">Announcement</td>

			</tr>

			<tr>

				<td style="text-align: center;"><img src="/site_media/styles/pandaxiaoxi/imageset/topic_unread_hot.gif" width="19" height="18" alt="New posts [ Popular ]" title="New posts [ Popular ]" /></td>



				<td class="gensmall">New posts [ Popular ]</td>

				<td>&nbsp;&nbsp;</td>

				<td style="text-align: center;"><img src="/site_media/styles/pandaxiaoxi/imageset/topic_read_hot.gif" width="19" height="18" alt="No new posts [ Popular ]" title="No new posts [ Popular ]" /></td>

				<td class="gensmall">No new posts [ Popular ]</td>

				<td>&nbsp;&nbsp;</td>

				<td style="text-align: center;"><img src="/site_media/styles/pandaxiaoxi/imageset/sticky_read.gif" width="19" height="18" alt="Sticky" title="Sticky" /></td>

				<td class="gensmall">Sticky</td>			

			</tr>



			<tr>

				<td style="text-align: center;"><img src="/site_media/styles/pandaxiaoxi/imageset/topic_unread_locked.gif" width="19" height="18" alt="New posts [ Locked ]" title="New posts [ Locked ]" /></td>

				<td class="gensmall">New posts [ Locked ]</td>

				<td>&nbsp;&nbsp;</td>

				<td style="text-align: center;"><img src="/site_media/styles/pandaxiaoxi/imageset/topic_read_locked.gif" width="19" height="18" alt="No new posts [ Locked ]" title="No new posts [ Locked ]" /></td>

				<td class="gensmall">No new posts [ Locked ]</td>

				<td>&nbsp;&nbsp;</td>

				<td style="text-align: center;"><img src="/site_media/styles/pandaxiaoxi/imageset/topic_moved.gif" width="19" height="18" alt="Moved topic" title="Moved topic" /></td>



				<td class="gensmall">Moved topic</td>

			</tr>

			</table>

		</td>

		



	</tr>

	</table>



<br clear="all" />

-->

<table width="100%" cellspacing="0">

    <tr>

	<td><form method="post" name="search" action="#"><span class="gensmall">??:</span> <input class="post" type="text" name="keywords" size="20" /> <input class="btnlite" type="submit" value="?" /></form></td>

	<td align="right">

            <table cellspacing="0" cellpadding="0" border="0">

	        <tr>

		    <td nowrap="nowrap"><span class="gensmall">???:</span>&nbsp;

                        <select name="f" onchange="window.location='/forum/'+this.value+'/topics/'">

			    {% for f in all_forums %}

                            <option value="{{f.id}}">{{f.name}}</option>

                            {% endfor %}

		        </select>

                    </td>

	        </tr>

	    </table>

        </td>

    </tr>

</table>



{% endblock %}
Summary ✨

This HTML code displays a forum index page with various elements, including:
A search bar and submit button
A dropdown menu to select a forum category
A list of unread posts, new posts, announcement, popular posts, locked posts, and moved topics
A table displaying the current topic and its metadata
It appears to be a basic forum index page layout.
Alerts (14)

'onclick=' Inline event handler detected; use addEventListener in external JS for separation of concerns
34 97
'style=' Inline CSS detected; use external stylesheets for maintainability and performance
72 105 133 137 140 144 148 151 156 159 162
'onchange=' Inline event handler detected; use addEventListener in external JS for separation of concerns
182