annotate gpp/templates/shoutbox/shoutbox.html @ 12:f408971657b9

Changed the shoutbox: posts are now made by Ajax. The smiley farm is loaded only on demand. jQuery is now in the base template. May add scrolling later.
author Brian Neal <bgneal@gmail.com>
date Wed, 15 Apr 2009 01:13:17 +0000
parents dbd703f7d63a
children 777451a98f9d
rev   line source
gremmie@1 1 {% extends 'side_block.html' %}
gremmie@1 2 {% load smiley_tags %}
gremmie@1 3 {% block block_title %}Shoutbox{% endblock %}
gremmie@1 4 {% block block_content %}
bgneal@12 5 <div id="shoutbox-shout-container">
gremmie@1 6 {% for shout in shouts %}
gremmie@1 7 <p>
gremmie@1 8 <span class="shoutbox-user">{{ shout.user.username }}:</span>
gremmie@1 9 <span class="shoutbox-shout">{{ shout.shout|smilify|urlizetrunc:15 }}</span>
gremmie@1 10 <span class="shoutbox-date">{{ shout.shout_date|date:"D M d Y H:i:s" }}</span>
gremmie@1 11 </p>
gremmie@1 12 {% endfor %}
gremmie@1 13 </div>
gremmie@1 14 <center><a href="{% url shoutbox-view page=1 %}">Shout History</a></center>
gremmie@1 15 {% if user.is_authenticated %}
gremmie@1 16 <center>
gremmie@1 17 <form action="{% url shoutbox-shout %}" method="post">
gremmie@1 18 <input type="text" maxlength="2048" size="13" name="msg" value="" id="shoutbox-smiley-input" />
gremmie@1 19 <br />
bgneal@12 20 <input id="shoutbox-submit" type="submit" value="Shout" />
bgneal@12 21 <input id="shoutbox-smilies" type="button" value="Smilies" />
gremmie@1 22 </form>
gremmie@1 23 <div id="shoutbox-smiley-frame" style="display:none;">
bgneal@12 24 <img id="shoutbox-busy-icon" src="{{ MEDIA_URL }}icons/ajax_busy.gif" alt="Please wait" />
gremmie@1 25 </div>
gremmie@1 26 </center>
gremmie@1 27 {% else %}
gremmie@1 28 <p>
gremmie@1 29 Please <a href="{% url accounts-login %}">login</a> or
gremmie@1 30 <a href="{% url accounts-register %}">register</a> to shout.
gremmie@1 31 </p>
gremmie@1 32 {% endif %}
gremmie@1 33 {% endblock %}