Add a small, minimal popup tray for future expansion.

templates/base_full.html

@@ -14,6 +14,7 @@
 <link rel="stylesheet" type="text/css" href="{{ STATIC_PREFIX }}/css/jquery-ui.css"/>
 <link rel="stylesheet" type="text/css" href="{{ STATIC_PREFIX }}/css/main.css?{{app_version}}"/>
 <link rel="stylesheet" type="text/css" href="{{ STATIC_PREFIX }}/css/badges.css?{{app_version}}"/>
+<link rel="stylesheet" type="text/css" href="{{ STATIC_PREFIX }}/css/interact.css?{{app_version}}"/>
 <link rel="icon" type="image/png" href="{{ STATIC_PREFIX }}/images/logo.png"/>
 {% block extracss %}{% endblock extracss %}
 <script type="text/javascript">
@@ -35,6 +36,7 @@ s.parentNode.insertBefore(po, s);
 <script type="text/javascript" language="javascript" src="{{STATIC_PREFIX}}/js/jquery-ui.js"></script>
 <script type="text/javascript" language="javascript" src="{{STATIC_PREFIX}}/js/poll.js"></script>
 <script type="text/javascript" language="javascript" src="{{STATIC_PREFIX}}/js/notifications.js"></script>
+<script type="text/javascript" language="javascript" src="{{STATIC_PREFIX}}/js/interactive.js"></script>
 {% block extrahead %}{% endblock %}
 <script type="text/javascript">
 
@@ -165,6 +167,23 @@ s.parentNode.insertBefore(po, s);
     </div>
     {% endif %}
 </div>
+<div id="server-interaction">
+  <div class="drawer">
+    <div class="drawer-label">
+      Online Players
+    </div>
+    <div class="canvas">
+      <ul>
+        {% for server in minecraft_servers %}
+          {% for player in server.online_players %}
+            <li><a href="{{player.user.get_absolute_url}}"><span class="avatar">
+              {% avatar player.user 16 %}</span>{{player}}</a></li>
+          {% endfor %}
+        {% endfor %}
+      </ul>
+    </div>
+  </div>
+</div>
 </body>
 </html>
 

templates/forums/reply.html

@@ -27,7 +27,7 @@ $(function() {
 {% endif %}
 <div class="item">
 {% block form %}
-<form method="POST" action="{%url forums.views.reply post.id %}">
+<form method="POST" action="{%url forums.views.reply parent.id %}">
 {% csrf_token %}
 {{form.as_p}}
 <input type="submit" value="Submit"/>

templates/forums/topic.html

@@ -2,6 +2,18 @@
 {% load minecraft %}
 {% load mptt_tags %}
 
+{% block extrahead %}
+<script type="text/javascript" language="javascript"
+  src="{{STATIC_PREFIX}}/js/lockScroll.js"></script>
+<script type="text/javascript">
+  $(document).ready(function() {
+    $('topic-header').lockScroll({
+        'triggerElement': $('topic.item:first'),
+    });
+  });
+</script>
+{% endblock %}
+
 {% block sectiontitle %}Forums{% endblock %}
 
 {% block localnav %}
@@ -34,7 +46,7 @@ Home
 {%endblock%}
 
 {%block content %}
-<div class="topic item">
+<div class="topic item" id="topic-header">
 <div class="avatar">{% avatar topic.rootPost.user 32 %}</div>
 <h2>{{topic.title}}</h2>
 <div class="byline">Started by <span itemprop="author">{{topic.rootPost.user}}</span> {{ topic.created|timesince }} ago.<br />Last updated {{topic.updated|timesince}} ago.</div>