diff options
| author | Leif Johansson <leifj@sunet.se> | 2011-06-02 00:28:36 +0200 |
|---|---|---|
| committer | Leif Johansson <leifj@sunet.se> | 2011-06-02 00:28:36 +0200 |
| commit | a810ad5b2e9bc3debffffde58b0aaeadbf6729d6 (patch) | |
| tree | cfe2d8ffdd753c28b61b003c3b0a089f208732c0 /src/templates | |
| parent | 04ddf5f258010f88a2778ba54cc01931615e4108 (diff) | |
A simple widget-info view using syntaxhighlighter.
Diffstat (limited to 'src/templates')
| -rw-r--r-- | src/templates/apps/room/widget.html | 51 | ||||
| -rw-r--r-- | src/templates/base.html | 10 |
2 files changed, 61 insertions, 0 deletions
diff --git a/src/templates/apps/room/widget.html b/src/templates/apps/room/widget.html new file mode 100644 index 0000000..de37e97 --- /dev/null +++ b/src/templates/apps/room/widget.html @@ -0,0 +1,51 @@ +{% extends "base.html" %} +{% load prefix %} +{% block widgets %} + SyntaxHighlighter.all() +{% endblock %} +{% block meta %} +<script type="text/javascript" src="{% prefix %}/site-media/js/xregexp-min.js"></script> +<script type="text/javascript" src="{% prefix %}/site-media/js/shCore.js"></script> +<script type="text/javascript" src="{% prefix %}/site-media/js/shAutoloader.js"></script> +<script type="text/javascript" src="{% prefix %}/site-media/js/shLegacy.js"></script> +<script type="text/javascript" src="{% prefix %}/site-media/js/shBrushXml.js"></script> +<link href="{% prefix %}/site-media/css/shCore.css" rel="stylesheet" type="text/css" /> +<link href="{% prefix %}/site-media/css/shThemeDefault.css" rel="stylesheet" type="text/css" /> +{% endblock %} +{% block content %} +<h1>{{title}}</h1> + +<div class="ui-widget"> + <div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;"> + <p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span> + The meetingtools jquery widget allows you to easily embed lists of meetings in your own + web page using the popular <a href="http://jquery.com">jQuery javascript library</a>. + </div> +</div> + +<p>Copy the sample html below in order to list rooms tagged with <em>{{tags}}</em>.</p> + +<pre class="brush: xml"> +<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> +</pre> + +<p> + 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. +</p> +{% endblock %}
\ No newline at end of file diff --git a/src/templates/base.html b/src/templates/base.html index 61a9b7b..818e137 100644 --- a/src/templates/base.html +++ b/src/templates/base.html @@ -88,6 +88,16 @@ <li><a class="tip" title="SUNET Community Support" href="http://community.sunet.se">SUNET Community Support</a></li> </ul> </li> + <li> + <ul> + <li><h3>Developers</h3></li> + {% if tags %} + <li><a href="{% prefix %}/widget/+{{tags}}">Meetingtools jQuery widget</a></li> + {% else %} + <li><a href="{% prefix %}/widget/+example">Meetingtools jQuery widget</a></li> + {% endif %} + </ul> + </li> </ul> <div style="float: right; margin-top: 10px;"> {% block validators %}{% endblock %} |