{% extends "base.html" %} {% load prefix %} {% block widgets %} SyntaxHighlighter.all() {% endblock %} {% block meta %} {% endblock %} {% block content %}
Copy the sample html below in order to list rooms tagged with {{tags}}.
<html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript" src="{% baseurl %}/{% prefix %}js/jquery.meetingtools.js"></script> <link href="{% baseurl %}/{% prefix %}css/jquery.meetingtools.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $(function() { $("#meetings").meetingtools({tags: '{{tags}}',url: '{% baseurl %}/{% prefix %}'}); }); </script> </head> <body> <h1>Meetings...</h1> <div id="meetings"/> </body> </html>
Change the tags option in the call to 'meetingtools' in order to list other rooms. Override the CSS elements in jquery.meetingtools.css in order to apply your own skin to the generated html.
{% endblock %}