summaryrefslogtreecommitdiff
path: root/src/templates/apps
diff options
context:
space:
mode:
Diffstat (limited to 'src/templates/apps')
-rw-r--r--src/templates/apps/room/create.html7
-rw-r--r--src/templates/apps/room/launch.html14
-rw-r--r--src/templates/apps/room/list.html87
-rw-r--r--src/templates/apps/room/modify.html13
-rw-r--r--src/templates/apps/room/recordings.html51
-rw-r--r--src/templates/apps/room/tag.html46
-rw-r--r--src/templates/apps/room/widget.html27
7 files changed, 112 insertions, 133 deletions
diff --git a/src/templates/apps/room/create.html b/src/templates/apps/room/create.html
index 7989856..b8b3b68 100644
--- a/src/templates/apps/room/create.html
+++ b/src/templates/apps/room/create.html
@@ -1,8 +1 @@
{% extends "apps/room/modify.html" %}
-{% block beforeform %}
-<div class="ui-state-highlight ui-corner-all" style="margin-bottom: 5px;">
-<p class="infopanel">
-<span class="ui-icon ui-icon-info"></span>
-Here you can create a new meeting room...
-</p></div>
-{% endblock %} \ No newline at end of file
diff --git a/src/templates/apps/room/launch.html b/src/templates/apps/room/launch.html
index 145d475..00f40c1 100644
--- a/src/templates/apps/room/launch.html
+++ b/src/templates/apps/room/launch.html
@@ -4,7 +4,9 @@
{% block widgets %}
{% endblock %}
{% block content %}
- <h1>Entering {{room.name}}</h1>
+ <div class="page-header">
+ <h1>Entering {{room.name}}</h1>
+ </div>
<div class="ui-widget">
<div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em; width: 80%">
<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
@@ -22,10 +24,12 @@
</div>
</div>
<br/>
- <ul class="ilist">
+ <div>
+ <a class="btn btn-large" href="{% prefix %}/rooms#{{room.id}}">Cancel</a>
{%if room.nhosts == 0 %}
- <li class="button"><a href="{% prefix %}/accounts/login-federated?next=/promote/{{room.id}}">Enter as Host</a></li>
+ <a class="btn btn-large btn-success" href="{% prefix %}/accounts/login-federated?next=/promote/{{room.id}}">Enter as Host</a>
{% endif %}
- <li class="button"><a href="{% prefix %}/launch/{{room.id}}">Enter</a></li>
- </ul>
+ <a class="btn btn-large btn-primary" href="{% prefix %}/launch/{{room.id}}">Enter as Participant</a>
+
+ </div>
{% endblock %} \ No newline at end of file
diff --git a/src/templates/apps/room/list.html b/src/templates/apps/room/list.html
index 34f5b6e..1ac034a 100644
--- a/src/templates/apps/room/list.html
+++ b/src/templates/apps/room/list.html
@@ -4,22 +4,15 @@
{% load roomurl %}
{% load tagging_tags %}
{% block widgets %}
- $("#rooms").accordion({
- header: 'h3',
- event: "click",
- collapsible: true,
- navigation: true,
- animated: true,
- autoHeight: false
- });
+ $(".collapse").collapse({'parent': '#rooms'});
$(".occupation").click(function(e) {
- $(this).find(".occupation-info").first().load("{% prefix %}/api/room/"+$(this).parents('.room').first().attr('id')+"/occupation")
+ $(this).find(".occupation-info").first().load("{% prefix %}/api/room/"+$(this).parents('.accordion-body').attr('id')+"/occupation")
});
$(".occupation").ajaxStart(function() {
- $(".occupation > span.ui-icon-refresh").removeClass("ui-icon-refresh").removeClass("ui-icon").addClass("spinner").spin("custom");
+ $(".occupation i.icon-refresh").removeClass("icon-refresh").addClass("spinner").spin("custom");
}).ajaxStop(function() {
- $(".occupation > span.spinner").spin(false);
- $(".occupation > span.spinner").addClass("ui-icon-refresh").addClass("ui-icon").removeClass("spinner");
+ $(".occupation i.spinner").spin(false);
+ $(".occupation i.spinner").addClass("icon-refresh").removeClass("spinner");
});
{% endblock %}
{% block meta %}
@@ -29,38 +22,42 @@
{% endif %}
{% endblock %}
{% block content %}
- <h1>{{title}}</h1>
+ <div class="page-header">
+ <h1>{{title}}</h1>
+ </div>
{% if rooms %}
- <div id="rooms">
+ <div id="rooms" class="accordion">
{% for r in rooms %}
- <div class="room" id="{{r.id}}">
- <h3><a href="#{{r.id}}" class="listheader">{{r.name}}</a></h3>
- <div>
- {% tags_for_object r as tags %}
- <p><a target="_connect" href="{{r|roomurl}}">{{r|roomurl}}<span style="vertical-align: bottom;" class="ui-icon ui-icon-extlink"></span></a></p>
- <p class="infopanel ui-widget ui-corner-all ui-state-highlight">{% if r.description %}{{r.description|safe}}{% else %}<em>No description available...</em>{% endif %}</p>
- <ul class="nlist square" style="padding-left: 2px;">
- <li>&raquo;&nbsp;Tags: {% for tag in tags %}<a style="margin-right: 5px;" class="ui-widget" href="{% prefix %}/room/+{{tag}}">{{tag}}</a>{% endfor %} {%if edit %}<a style="font-size: 75%;" href="{% prefix %}/room/{{r.id}}/tag"><em>... manage room tags</em></a>{%endif%}</li>
- <li>&raquo;&nbsp;Created by {{r.creator}} {{r.timecreated|datehumanize}}.</li>
- <li>&raquo;&nbsp;<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><span class="ui-icon ui-icon-refresh"></span></span></li>
- {% if r.self_cleaning %}<li>&raquo;&nbsp;Room will be reset when empty.</li>{%else%}<li>&raquo;&nbsp;Room state is preserved between sessions.</li>{% endif %}
- {% if r.allow_host %}<li>&raquo;&nbsp;First participant can elect to become host.</li>{% endif %}
- {% if r.lastvisited %}<li>&raquo;&nbsp;Last visited {{r.lastvisited|datehumanize}}</li>{%endif%}
- <li>&raquo;&nbsp;Hosted on {{r.acc.name}} - <a href="{% prefix %}/stats/room/{{r.id}}">room usage plot</a></li>
- </ul>
- <br/>
- <ul class="ilist">
- <li class="button"><a target="_blank" href="{% prefix %}/go/{{r.id}}">Enter Room</a></li>
- {% if edit %}
- <li class="button"><a href="{% prefix %}/room/{{r.id}}/tag">Room Tags</a></li>
- <li class="button"><a href="{% prefix %}/room/{{r.id}}/recordings">Room Recordings</a></li>
- <li class="button"><a href="{% prefix %}/room/{{r.id}}/modify">Modify Room</a></li>
- {% if room.is_locked %}
- <li class="button"><a href="{% prefix %}/room/{{r.id}}/unlock">Unlock Room</a></li>
- {% endif %}
- <li class="button"><a href="{% prefix %}/room/{{r.id}}/delete">Delete Room</a></li>
- {% endif %}
- </ul>
+ <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;">
+ <li>&raquo;&nbsp;Tags: {% for tag in tags %}<a style="margin-right: 5px;" href="{% prefix %}/room/+{{tag}}">{{tag}}</a>{% endfor %} {%if edit %}<a style="font-size: 75%;" href="{% prefix %}/room/{{r.id}}/tag"><em>... manage room tags</em></a>{%endif%}</li>
+ <li>&raquo;&nbsp;Created by {{r.creator}} {{r.timecreated|datehumanize}}.</li>
+ <li>&raquo;&nbsp;<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>&raquo;&nbsp;Room will be reset when empty.</li>{%else%}<li>&raquo;&nbsp;Room state is preserved between sessions.</li>{% endif %}
+ {% if r.allow_host %}<li>&raquo;&nbsp;First participant can elect to become host.</li>{% endif %}
+ {% if r.lastvisited %}<li>&raquo;&nbsp;Last visited {{r.lastvisited|datehumanize}}</li>{%endif%}
+ <li>&raquo;&nbsp;Hosted on {{r.acc.name}} <a class="btn btn-mini btn-info" href="{% prefix %}/stats/room/{{r.id}}">room usage plot</a></li>
+ </ul>
+ <br/>
+ <div class="btn-group">
+ <a class="btn" target="_blank" href="{% prefix %}/go/{{r.id}}">Enter Room</a>
+ {% if edit %}
+ <a class="btn" href="{% prefix %}/room/{{r.id}}/tag">Room Tags</a>
+ <a class="btn" href="{% prefix %}/room/{{r.id}}/recordings">Room Recordings</a>
+ <a class="btn" href="{% prefix %}/room/{{r.id}}/modify">Modify Room</a>
+ {% if room.is_locked %}
+ <a class="btn" href="{% prefix %}/room/{{r.id}}/unlock">Unlock Room</a>
+ {% endif %}
+ <a class="btn btn-danger" href="{% prefix %}/room/{{r.id}}/delete">Delete Room</a>
+ {% endif %}
+ </div>
+ </div>
</div>
</div>
{% endfor %}
@@ -70,9 +67,9 @@
{% endif %}
<br/>
{% if edit %}
- <ul class="ilist">
- <li><div class="button"><a href="{% prefix %}/room/create">Create a New Room</a></div></li>
- </ul>
+ <div class="btn-group">
+ <a class="btn btn-success" href="{% prefix %}/room/create">Create a New Room</a>
+ </div>
{% endif %}
{% endblock %}
{% block validators %}
diff --git a/src/templates/apps/room/modify.html b/src/templates/apps/room/modify.html
index e76d01f..a2e1b3a 100644
--- a/src/templates/apps/room/modify.html
+++ b/src/templates/apps/room/modify.html
@@ -1,14 +1,3 @@
-{% extends "form.html" %}
+{% extends "edit.html" %}
{% block widgets %}
- $('#wizard').formwizard({
- validationEnabled: true,
- focusFirstInput: true,
- textSubmit: "{{submitname}}",
- validationOptions: {
- rules: {
- name: 'required',
- urlpath: 'required'
- }
- }
- });
{% endblock %} \ No newline at end of file
diff --git a/src/templates/apps/room/recordings.html b/src/templates/apps/room/recordings.html
index fde50ac..7c3b863 100644
--- a/src/templates/apps/room/recordings.html
+++ b/src/templates/apps/room/recordings.html
@@ -4,39 +4,32 @@
{% load roomurl %}
{% load tagging_tags %}
{% block widgets %}
- $("#recordings").accordion({
- header: 'h3',
- active: false,
- event: "click",
- collapsible: true,
- navigation: true,
- animated: true,
- autoHeight: false
- });
+$(".collapse").collapse({'parent': '#recordings'});
{% endblock %}
{% block meta %}
<link rel="alternate" type="application/rss+xml" title="{{title}} recordings (RSS 2.0)" href="{% prefix %}/room/{{room.id}}/recordings.rss" />
<link rel="alternate" type="application/atom+xml" title="{{title}} recordings (ATOM 1.0)" href="{% prefix %}/room/{{room.id}}/recordings.atom" />
{% endblock %}
{% block content %}
- <h1>Recordings in '{{room.name}}'</h1>
+ <div class="page-header">
+ <h1>Recordings in '{{room.name}}'</h1>
+ </div>
{% if recordings %}
- <div id="recordings">
+ <div id="recordings" class="accordion">
{% for r in recordings %}
- <div id="{{r.sco_id}}">
- <h3 class="listheader">{{r.name}}</h3>
- <div>
- <p><a target="_connect" href="{{r.url}}">{{r.url}}<span style="vertical-align: bottom;" class="ui-icon ui-icon-extlink"></span></a></p>
- <p class="infopanel ui-widget ui-corner-all ui-state-highlight">{% if r.description %}{{r.description|safe}}{% else %}<em>No description available...</em>{% endif %}</p>
- <ul class="nlist square" style="padding-left: 2px;">
- <li>&raquo;&nbsp;Created {{r.date_created|datehumanize}}.</li>
- <li>&raquo;&nbsp;Modified {{r.date_modified|datehumanize}}.</li>
- <li>&raquo;&nbsp;Hosted on {{room.acc.name}}</li>
- </ul>
- <br/>
- <ul class="ilist">
- <li class="button"><a target="_connect" href="{{r.url}}">Play Recording</a></li>
- </ul>
+ <div class="recording accordion-group">
+ <div class="accordion-heading"><a class="accordion-toggle" data-toggle="collapse" href="#{{r.sco_id}}">{{r.name}}</a></div>
+ <div id="{{r.sco_id}}" class="accordion-body collapse in">
+ <div class="accordion-inner">
+ <p><a target="_connect" href="{{r.url}}">{{r.url}}</a></p>
+ <div class="well">{% if r.description %}{{r.description|safe}}{% else %}<em>No description available...</em>{% endif %}</div>
+ <ul class="unstyled">
+ <li>&raquo;&nbsp;Created {{r.date_created|datehumanize}}.</li>
+ <li>&raquo;&nbsp;Modified {{r.date_modified|datehumanize}}.</li>
+ <li>&raquo;&nbsp;Hosted on {{room.acc.name}}</li>
+ </ul>
+ <a class="btn btn-info" target="_connect" href="{{r.url}}">Play Recording</a>
+ </div>
</div>
</div>
{% endfor %}
@@ -45,11 +38,9 @@
<p>No recordings right now...</p>
{% endif %}
<br/>
- <ul class="ilist">
- <li class="button"><a href="{%prefix%}/room#{{room.id}}">Back to '{{room.name}}'</a></li>
- </ul>
+ <a class="btn" href="{%prefix%}/room#{{room.id}}">Back to '{{room.name}}'</a>
{% endblock %}
{% block validators %}
-<a href="http://feed1.w3.org/check.cgi?url={% baseurl %}{% prefix %}/room/{{room.id}}/recordings.atom"><img src="{% prefix %}/site-media/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={% baseurl %}{% prefix %}/room/{{room.id}}/recordings.rss"><img src="{% prefix %}/site-media/img/valid-rss-rogers.png" alt="[Valid RSS]" title="Validate my RSS feed" /></a>
+<a href="http://feed1.w3.org/check.cgi?url={% baseurl %}{% prefix %}/room/{{room.id}}/recordings.atom"><img src="{% prefix %}/static/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={% baseurl %}{% prefix %}/room/{{room.id}}/recordings.rss"><img src="{% prefix %}/static/img/valid-rss-rogers.png" alt="[Valid RSS]" title="Validate my RSS feed" /></a>
{% endblock %} \ No newline at end of file
diff --git a/src/templates/apps/room/tag.html b/src/templates/apps/room/tag.html
index 2a19304..dae2f81 100644
--- a/src/templates/apps/room/tag.html
+++ b/src/templates/apps/room/tag.html
@@ -6,27 +6,29 @@
{% block widgets %}
{% endblock %}
-{% block beforefields %}
-<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>
- <strong>Note Well</strong> Tags are a way to group related rooms together. Tagging your
- room makes your room show up in public lists of rooms hosted on this service and it
- therefore makes your room more visible.</p>
- </div>
+{% block formstyle %}
+class="form-inline"
+{% endblock %}
+{% block justbeforeform %}
+<div>
+ <div class="alert">
+ <i class="icon-info-sign"> </i>
+ <strong>Note Well</strong> Tags are a way to group related rooms together. Tagging your
+ room makes your room show up in public lists of rooms hosted on this service and it
+ therefore makes your room visible. This does <em>not</em> mean that anyone can access
+ your room.
+ </div>
+ {% if tags %}
+ <div>
+ {% for tag in tags %}
+ <span class="btn-group">
+ <a class="btn btn-small" href="{%prefix%}/room/+{{tag}}">{{tag}}</a>&nbsp;
+ <a class="btn btn-small btn-warning" href="{% prefix %}/room/{{room.id}}/untag/{{tag}}"><i class="icon-remove"></i></a>
+ </span>
+ {% endfor %}
+ </div>
+ {% else %}
+ <div class="alert">There are no tags yet...</div>
</div>
-<br/>
+ {% endif %}
{% endblock %}
-{% block beforeform %}
-<h1>Current tags for {{room.name}}</h1>
-{% if tags %}
-<ul class="ilist">
- {% for tag in tags %}
- <li class="ui-widget ui-state-highlight ui-corner-all" style="padding: 6px 10px;"><a href="{%prefix%}/room/+{{tag}}">{{tag}}</a>&nbsp;<a href="{% prefix %}/room/{{room.id}}/untag/{{tag}}"><span style="vertical-align: middle;" class="ui-icon ui-icon-closethick"></span></a></li>
- {% endfor %}
-</ul>
-{% else %}
-<em>There are no tags yet...</em>
-{% endif %}
-<br/>
-{% endblock %} \ No newline at end of file
diff --git a/src/templates/apps/room/widget.html b/src/templates/apps/room/widget.html
index ee5ea75..a602c7e 100644
--- a/src/templates/apps/room/widget.html
+++ b/src/templates/apps/room/widget.html
@@ -1,36 +1,39 @@
{% extends "base.html" %}
{% load prefix %}
{% block widgets %}
- SyntaxHighlighter.all()
+ //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/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" />
+<link href="{% prefix %}/site-media/css/shThemeDefault.css" rel="stylesheet" type="text/css" / -->
{% endblock %}
{% block content %}
-<h1>{{title}}</h1>
+<div class="page-header">
+ <h1>{{title}}</h1>
+</div>
-<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>
+<div class="alert">
+ <i class="icon-info-sign"></i>
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">
+<pre class="pre-scrollable prettyprint linenums language-xml">
&lt;html&gt;
&lt;head&gt;
- &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"&gt;&lt;/script&gt;
- &lt;script type="text/javascript" src="{% baseurl %}/site-media/js/jquery.meetingtools.js"&gt;&lt;/script&gt;
- &lt;link href="{% baseurl %}/site-media/css/jquery.meetingtools.css" rel="stylesheet" type="text/css" /&gt;
+ &lt;script type="text/javascript"
+ src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
+ &lt;script type="text/javascript"
+ src="{% baseurl %}/site-media/js/jquery.meetingtools.js"&gt;&lt;/script&gt;
+ &lt;link href="{% baseurl %}/site-media/css/jquery.meetingtools.css"
+ rel="stylesheet" type="text/css" /&gt;
&lt;script type="text/javascript"&gt;
$(function() {
$("#meetings").meetingtools({tags: '{{tags}}',url: '{% baseurl %}'});