diff options
Diffstat (limited to 'templates/apps/room/list.html')
-rw-r--r-- | templates/apps/room/list.html | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/templates/apps/room/list.html b/templates/apps/room/list.html new file mode 100644 index 0000000..4e83466 --- /dev/null +++ b/templates/apps/room/list.html @@ -0,0 +1,79 @@ +{% extends "base.html" %} +{% load datehumanize %} +{% load roomurl %} +{% load tagging_tags %} +{% block widgets %} + $(".collapse").collapse({'parent': '#rooms'}); + $(".occupation").click(function(e) { + $(this).find(".occupation-info").first().load("/api/room/"+$(this).parents('.accordion-body').attr('id')+"/occupation") + }); + $(".occupation").ajaxStart(function() { + $(".occupation i.icon-refresh").removeClass("icon-refresh").addClass("spinner").spin("custom"); + }).ajaxStop(function() { + $(".occupation i.spinner").spin(false); + $(".occupation i.spinner").addClass("icon-refresh").removeClass("spinner"); + }); +{% endblock %} +{% block meta %} +{% if tags %} +<link rel="alternate" type="application/rss+xml" title="{{title}} (RSS 2.0)" href="/room/+{{tags}}.rss" /> +<link rel="alternate" type="application/atom+xml" title="{{title}} (ATOM 1.0)" href="/room/+{{tags}}.atom" /> +{% endif %} +{% endblock %} +{% block content %} + <div class="page-header"> + <h1>{{title}}</h1> + </div> + {% if rooms %} + <div id="rooms" class="accordion"> + {% for r in rooms %} + <div class="room accordion-group"> + <div class="accordion-heading"><a href="#{{r.id}}" class="accordion-toggle" data-toggle="collapse" data-parent="#rooms">{{r.name}}</a></div> + <div id="{{r.id}}" class="accordion-body collapse in"> + <div class="accordion-inner"> + {% tags_for_object r as tags %} + <p><a target="_connect" href="{{r|roomurl}}">{{r|roomurl}}</a></p> + <p class="well">{% if r.description %}{{r.description|safe}}{% else %}<em>No description available...</em>{% endif %}</p> + <ul class="unstyled" style="padding-left: 2px;"> + {% if tags %}<li>» {% for tag in tags %}<a class="badge" href="/room/+{{tag}}">{{tag}}</a>{% endfor %}{%if edit %} <a class="btn btn-mini btn-info" href="/room/{{r.id}}/tag">manage room tags</a>{%endif%}</li>{% endif %} + <li>» Created by {{r.creator}} {{r.timecreated|datehumanize}}.</li> + <li>» <span class="occupation"><span class="occupation-info">{%if r.nusers%}There are {{r.nusers}} users present, {{r.nhosts}} of whom are hosts.{%else%}The room is currently unoccupied.{%endif%}</span><a href="#" class="btn btn-mini btn-info"><i class="icon-refresh"> </i>refresh</a></span></li> + {% if r.self_cleaning %}<li>» Room will be reset when empty.</li>{%else%}<li>» Room state is preserved between sessions.</li>{% endif %} + {% if r.allow_host %}<li>» First participant can elect to become host.</li>{% endif %} + {% if r.lastvisited %}<li>» Last visited {{r.lastvisited|datehumanize}}</li>{%endif%} + <li>» Hosted on {{r.acc.name}} <a class="btn btn-mini btn-info" href="/stats/room/{{r.id}}">room usage plot</a></li> + </ul> + <br/> + <div class="btn-group"> + <a class="btn" target="_blank" href="/go/{{r.id}}">Enter Room</a> + {% if edit %} + <a class="btn" href="/room/{{r.id}}/tag">Room Tags</a> + <a class="btn" href="/room/{{r.id}}/recordings">Room Recordings</a> + <a class="btn" href="/room/{{r.id}}/modify">Modify Room</a> + {% if room.is_locked %} + <a class="btn" href="/room/{{r.id}}/unlock">Unlock Room</a> + {% endif %} + <a class="btn btn-danger" href="/room/{{r.id}}/delete">Delete Room</a> + {% endif %} + </div> + </div> + </div> + </div> + {% endfor %} + </div> + {% else %} + <p>Nothing comes to mind right now...</p> + {% endif %} + <br/> + {% if edit %} + <div class="btn-group"> + <a class="btn btn-success" href="/room/create">Create a New Room</a> + </div> + {% endif %} +{% endblock %} +{% block validators %} +{% if tags %} +<a href="http://feed1.w3.org/check.cgi?url=/room/+{{tags}}.atom"><img src="{{STATIC_URL}}/img/valid-atom.png" alt="[Valid Atom 1.0]" title="Validate my Atom 1.0 feed" /></a> +<a href="http://feed1.w3.org/check.cgi?url=/room/+{{tags}}.rss"><img src="{{STATIC_URL}}/img/valid-rss-rogers.png" alt="[Valid RSS]" title="Validate my RSS feed" /></a> +{% endif %} +{% endblock %}
\ No newline at end of file |