{% 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="{{BASE_URL}}statc/js/jquery.meetingtools.js"></script>
      <link href="{{BASE_URL}}static/css/jquery.meetingtools.css"
               rel="stylesheet" type="text/css" />
      <script type="text/javascript">
         $(function() {
            $("#meetings").meetingtools({tags: '{{tags}}',url: '{{BASE_URL}}'});
         });
      </script>
   </head>
   <body>
      <h1>Meetings...</h1>
      <div id="meetings"><img src="{{BASE_URL}}static/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. Also remember to change http to https if you are serving your widget over TLS since most browsers will otherwize block insecure content.

{% endblock %}