Mercurial > public > sg101
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 %} |