{% extends "base.html" %} {% block content %}

{{title}}

The meetingtools jquery widget allows you to easily embed lists of meetings in your own web page using the popular jQuery javascript library.

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.7.2/jquery.min.js"></script>
      <script type="text/javascript"
                 src="{% baseurl %}/site-media/js/jquery.meetingtools.js"></script>
      <link href="{% baseurl %}/site-media/css/jquery.meetingtools.css"
               rel="stylesheet" type="text/css" />
      <script type="text/javascript">
         $(function() {
            $("#meetings").meetingtools({tags: '{{tags}}',url: '{% baseurl %}'});
         });
      </script>
   </head>
   <body>
      <h1>Meetings...</h1>
      <div id="meetings"><img src="{% baseurl %}/site-media/img/ajax-loader.gif"/></div>
   </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 %}