From 2bdad0ae7a3a6e4ec5116becd39910388b679ed2 Mon Sep 17 00:00:00 2001 From: Leif Johansson Date: Thu, 4 Oct 2012 15:39:08 +0200 Subject: restructure --- templates/apps/auth/login.html | 11 ++++ templates/apps/room/create.html | 1 + templates/apps/room/fragments/occupation.txt | 1 + templates/apps/room/launch.html | 34 ++++++++++++ templates/apps/room/list.html | 79 ++++++++++++++++++++++++++++ templates/apps/room/modify.html | 3 ++ templates/apps/room/recordings.html | 46 ++++++++++++++++ templates/apps/room/retry.html | 13 +++++ templates/apps/room/tag.html | 32 +++++++++++ templates/apps/room/update.html | 1 + templates/apps/room/widget.html | 41 +++++++++++++++ templates/apps/stats/domain.html | 33 ++++++++++++ templates/apps/stats/room.html | 31 +++++++++++ templates/apps/stats/user.html | 31 +++++++++++ 14 files changed, 357 insertions(+) create mode 100644 templates/apps/auth/login.html create mode 100644 templates/apps/room/create.html create mode 100644 templates/apps/room/fragments/occupation.txt create mode 100644 templates/apps/room/launch.html create mode 100644 templates/apps/room/list.html create mode 100644 templates/apps/room/modify.html create mode 100644 templates/apps/room/recordings.html create mode 100644 templates/apps/room/retry.html create mode 100644 templates/apps/room/tag.html create mode 100644 templates/apps/room/update.html create mode 100644 templates/apps/room/widget.html create mode 100644 templates/apps/stats/domain.html create mode 100644 templates/apps/stats/room.html create mode 100644 templates/apps/stats/user.html (limited to 'templates/apps') diff --git a/templates/apps/auth/login.html b/templates/apps/auth/login.html new file mode 100644 index 0000000..e72e73a --- /dev/null +++ b/templates/apps/auth/login.html @@ -0,0 +1,11 @@ +{% extends "base.html" %} +{% block headline %}Login{% endblock %} +{% block title %}SUNET Meeting Tools{% endblock %} +{% block content %} +
+

Online Meetings

+

Welcome to the meeting tools. Either Login to manage + your meeting rooms and recordings, or ...

+ Click here to Start a Meeting Now »» +
+{% endblock %} \ No newline at end of file diff --git a/templates/apps/room/create.html b/templates/apps/room/create.html new file mode 100644 index 0000000..b8b3b68 --- /dev/null +++ b/templates/apps/room/create.html @@ -0,0 +1 @@ +{% extends "apps/room/modify.html" %} diff --git a/templates/apps/room/fragments/occupation.txt b/templates/apps/room/fragments/occupation.txt new file mode 100644 index 0000000..705b6bf --- /dev/null +++ b/templates/apps/room/fragments/occupation.txt @@ -0,0 +1 @@ +{%if nusers %}There are {{nusers}} users present, {{nhosts}} of whom are hosts.{%else%}The room is currently unoccupied.{%endif%} \ No newline at end of file diff --git a/templates/apps/room/launch.html b/templates/apps/room/launch.html new file mode 100644 index 0000000..204345d --- /dev/null +++ b/templates/apps/room/launch.html @@ -0,0 +1,34 @@ +{% extends "base.html" %} +{% load datehumanize %} +{% block widgets %} +{% endblock %} +{% block content %} + +
+
+

+ Note + You are about to enter the meeting room '{{room.name}}'. + {%if room.nusers == 0 %} + You are the first user to enter the room. + {%else%} + There are {{room.nusers}} other participants in the room right now. + {% endif %} + {%if room.nhosts == 0 %} There are no hosts in the room right now. This means that the participants in the room may not be able to make full use of the room. + If you are hosting this meeting and are comfortable with the Adobe Connect software you may press 'Enter as Host' below to become the first host. + {% endif %} +

+
+
+
+
+ Cancel + {%if room.nhosts == 0 %} + Enter as Host + {% endif %} + Enter as Participant + +
+{% endblock %} \ No newline at end of file diff --git a/templates/apps/room/list.html b/templates/apps/room/list.html new file mode 100644 index 0000000..4e83466 --- /dev/null +++ b/templates/apps/room/list.html @@ -0,0 +1,79 @@ +{% extends "base.html" %} +{% load datehumanize %} +{% load roomurl %} +{% load tagging_tags %} +{% block widgets %} + $(".collapse").collapse({'parent': '#rooms'}); + $(".occupation").click(function(e) { + $(this).find(".occupation-info").first().load("/api/room/"+$(this).parents('.accordion-body').attr('id')+"/occupation") + }); + $(".occupation").ajaxStart(function() { + $(".occupation i.icon-refresh").removeClass("icon-refresh").addClass("spinner").spin("custom"); + }).ajaxStop(function() { + $(".occupation i.spinner").spin(false); + $(".occupation i.spinner").addClass("icon-refresh").removeClass("spinner"); + }); +{% endblock %} +{% block meta %} +{% if tags %} + + +{% endif %} +{% endblock %} +{% block content %} + + {% if rooms %} +
+ {% for r in rooms %} +
+ +
+
+ {% tags_for_object r as tags %} +

{{r|roomurl}}

+

{% if r.description %}{{r.description|safe}}{% else %}No description available...{% endif %}

+
    + {% if tags %}
  • » {% for tag in tags %}{{tag}}{% endfor %}{%if edit %} manage room tags{%endif%}
  • {% endif %} +
  • » Created by {{r.creator}} {{r.timecreated|datehumanize}}.
  • +
  • » {%if r.nusers%}There are {{r.nusers}} users present, {{r.nhosts}} of whom are hosts.{%else%}The room is currently unoccupied.{%endif%} refresh
  • + {% if r.self_cleaning %}
  • » Room will be reset when empty.
  • {%else%}
  • » Room state is preserved between sessions.
  • {% endif %} + {% if r.allow_host %}
  • » First participant can elect to become host.
  • {% endif %} + {% if r.lastvisited %}
  • » Last visited {{r.lastvisited|datehumanize}}
  • {%endif%} +
  • » Hosted on {{r.acc.name}} room usage plot
  • +
+
+
+ Enter Room + {% if edit %} + Room Tags + Room Recordings + Modify Room + {% if room.is_locked %} + Unlock Room + {% endif %} + Delete Room + {% endif %} +
+
+
+
+ {% endfor %} +
+ {% else %} +

Nothing comes to mind right now...

+ {% endif %} +
+ {% if edit %} +
+ Create a New Room +
+ {% endif %} +{% endblock %} +{% block validators %} +{% if tags %} +[Valid Atom 1.0] +[Valid RSS] +{% endif %} +{% endblock %} \ No newline at end of file diff --git a/templates/apps/room/modify.html b/templates/apps/room/modify.html new file mode 100644 index 0000000..a2e1b3a --- /dev/null +++ b/templates/apps/room/modify.html @@ -0,0 +1,3 @@ +{% extends "edit.html" %} +{% block widgets %} +{% endblock %} \ No newline at end of file diff --git a/templates/apps/room/recordings.html b/templates/apps/room/recordings.html new file mode 100644 index 0000000..8e95b09 --- /dev/null +++ b/templates/apps/room/recordings.html @@ -0,0 +1,46 @@ +{% extends "base.html" %} + +{% load datehumanize %} +{% load roomurl %} +{% load tagging_tags %} +{% block widgets %} +$(".collapse").collapse({'parent': '#recordings'}); +{% endblock %} +{% block meta %} + + +{% endblock %} +{% block content %} + + {% if recordings %} +
+ {% for r in recordings %} +
+ +
+
+

{{r.url}}

+
{% if r.description %}{{r.description|safe}}{% else %}No description available...{% endif %}
+
    +
  • » Created {{r.date_created|datehumanize}}.
  • +
  • » Modified {{r.date_modified|datehumanize}}.
  • +
  • » Hosted on {{room.acc.name}}
  • +
+ Play Recording +
+
+
+ {% endfor %} +
+ {% else %} +

No recordings right now...

+ {% endif %} +
+ Back to '{{room.name}}' +{% endblock %} +{% block validators %} +[Valid Atom 1.0] +[Valid RSS] +{% endblock %} \ No newline at end of file diff --git a/templates/apps/room/retry.html b/templates/apps/room/retry.html new file mode 100644 index 0000000..28054cc --- /dev/null +++ b/templates/apps/room/retry.html @@ -0,0 +1,13 @@ + + + + + + + +

Room is temporarily locked

+

Retrying room in {{wait}} seconds...

+ + + \ No newline at end of file diff --git a/templates/apps/room/tag.html b/templates/apps/room/tag.html new file mode 100644 index 0000000..087862f --- /dev/null +++ b/templates/apps/room/tag.html @@ -0,0 +1,32 @@ +{% extends "edit.html" %} +{% load datehumanize %} +{% load roomurl %} +{% block widgets %} + +{% endblock %} +{% block formstyle %} +class="form-inline" +{% endblock %} +{% block justbeforeform %} +
+
+ + Note Well 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 not mean that anyone can access + your room. +
+ {% if tags %} +
+ {% for tag in tags %} + + {{tag}}  + + + {% endfor %} +
+ {% else %} +
There are no tags yet...
+
+ {% endif %} +{% endblock %} diff --git a/templates/apps/room/update.html b/templates/apps/room/update.html new file mode 100644 index 0000000..01f1990 --- /dev/null +++ b/templates/apps/room/update.html @@ -0,0 +1 @@ +{% extends "edit.html" %} diff --git a/templates/apps/room/widget.html b/templates/apps/room/widget.html new file mode 100644 index 0000000..a658a17 --- /dev/null +++ b/templates/apps/room/widget.html @@ -0,0 +1,41 @@ +{% extends "base.html" %} +{% block content %} + + +
+ + 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 %} \ No newline at end of file diff --git a/templates/apps/stats/domain.html b/templates/apps/stats/domain.html new file mode 100644 index 0000000..f7d9ad3 --- /dev/null +++ b/templates/apps/stats/domain.html @@ -0,0 +1,33 @@ +{% extends "base.html" %} +{% load datehumanize %} +{% block widgets %} +$.ajax({ + url: '/api/stats/domain/{{domain}}', + method: 'GET', + success: function (resp) { + var graph = $('#graph'); + series = [{label: 'Meeting minutes for {{domain}}',data: resp['data']}]; + $.plot(graph,series,{ + lines: { show: true }, + points: { show: true }, + xaxis: { mode: "time" } + }); + $('#minutes').append(resp['minutes']); + $('#rooms').append(resp['rooms']); + $('#users').append(resp['users']); + } +}); +{% endblock %} +{% block content %} +

Meeting statistics for {{domain}}

+
+
+

Summary

+ + + + + +
Total minutes:
Total rooms:
Total unique users:
Look at your own statistics
+
+{% endblock %} \ No newline at end of file diff --git a/templates/apps/stats/room.html b/templates/apps/stats/room.html new file mode 100644 index 0000000..d5e35dd --- /dev/null +++ b/templates/apps/stats/room.html @@ -0,0 +1,31 @@ +{% extends "base.html" %} +{% load datehumanize %} +{% block widgets %} +$.ajax({ + url: '/api/stats/room/{{room.id}}', + method: 'GET', + success: function (resp) { + var graph = $('#graph'); + series = [{label: 'Meeting minutes for {{room.name}}',data: resp['data']}]; + $.plot(graph,series,{ + lines: { show: true }, + points: { show: true }, + xaxis: { mode: "time" } + }); + $('#minutes').append(resp['minutes']); + $('#users').append(resp['users']); + } +}); +{% endblock %} +{% block content %} +

Meeting statistics for {{room.name}}

+
+
+

Summary

+ + + + +
Total minutes:
Total unique users:
Look at your own statistics
+
+{% endblock %} \ No newline at end of file diff --git a/templates/apps/stats/user.html b/templates/apps/stats/user.html new file mode 100644 index 0000000..8b08c6c --- /dev/null +++ b/templates/apps/stats/user.html @@ -0,0 +1,31 @@ +{% extends "base.html" %} +{% load datehumanize %} +{% block widgets %} +$.ajax({ + url: '/api/stats/user/{{username}}', + method: 'GET', + success: function (resp) { + var graph = $('#graph'); + series = [{label: 'Meeting minutes for {{username}}',data: resp['data']}]; + $.plot(graph,series,{ + lines: { show: true }, + points: { show: true }, + xaxis: { mode: "time" } + }); + $('#minutes').append(resp['minutes']); + $('#rooms').append(resp['rooms']); + } +}); +{% endblock %} +{% block content %} +

Meeting statistics for {{username}}

+
+
+

Summary

+ + + + +
Total minutes:
Total rooms:
Look at statistics for {{domain}}
+
+{% endblock %} \ No newline at end of file -- cgit v1.1