diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/apps/auth/login.html | 11 | ||||
| -rw-r--r-- | templates/apps/room/create.html | 1 | ||||
| -rw-r--r-- | templates/apps/room/fragments/occupation.txt | 1 | ||||
| -rw-r--r-- | templates/apps/room/launch.html | 34 | ||||
| -rw-r--r-- | templates/apps/room/list.html | 79 | ||||
| -rw-r--r-- | templates/apps/room/modify.html | 3 | ||||
| -rw-r--r-- | templates/apps/room/recordings.html | 46 | ||||
| -rw-r--r-- | templates/apps/room/retry.html | 13 | ||||
| -rw-r--r-- | templates/apps/room/tag.html | 32 | ||||
| -rw-r--r-- | templates/apps/room/update.html | 1 | ||||
| -rw-r--r-- | templates/apps/room/widget.html | 41 | ||||
| -rw-r--r-- | templates/apps/stats/domain.html | 33 | ||||
| -rw-r--r-- | templates/apps/stats/room.html | 31 | ||||
| -rw-r--r-- | templates/apps/stats/user.html | 31 | ||||
| -rw-r--r-- | templates/base.html | 110 | ||||
| -rw-r--r-- | templates/edit.html | 30 | ||||
| -rw-r--r-- | templates/form.html | 39 |
17 files changed, 536 insertions, 0 deletions
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 %} +<div class="hero-unit"> + <h1>Online Meetings</h1> + <p>Welcome to the meeting tools. Either <a class="btn btn-small btn-primary" href="/accounts/login-federated">Login</a> to manage + your meeting rooms and recordings, or ...</p> + <a class="btn btn-large btn-success pull-right" href="/accounts/login-federated?next=/user/myroom">Click here to Start a Meeting Now »»</a> +</div> +{% 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 %} + <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> + <strong>Note</strong> + 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 %} + </p> + </div> + </div> + <br/> + <div> + <a class="btn btn-large" href="/rooms#{{room.id}}">Cancel</a> + {%if room.nhosts == 0 %} + <a class="btn btn-large btn-success" href="/accounts/login-federated?next=/promote/{{room.id}}">Enter as Host</a> + {% endif %} + <a class="btn btn-large btn-primary" href="/launch/{{room.id}}">Enter as Participant</a> + + </div> +{% 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 %} +<link rel="alternate" type="application/rss+xml" title="{{title}} (RSS 2.0)" href="/room/+{{tags}}.rss" /> +<link rel="alternate" type="application/atom+xml" title="{{title}} (ATOM 1.0)" href="/room/+{{tags}}.atom" /> +{% endif %} +{% endblock %} +{% block content %} + <div class="page-header"> + <h1>{{title}}</h1> + </div> + {% if rooms %} + <div id="rooms" class="accordion"> + {% for r in rooms %} + <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;"> + {% if tags %}<li>» {% for tag in tags %}<a class="badge" href="/room/+{{tag}}">{{tag}}</a>{% endfor %}{%if edit %} <a class="btn btn-mini btn-info" href="/room/{{r.id}}/tag">manage room tags</a>{%endif%}</li>{% endif %} + <li>» Created by {{r.creator}} {{r.timecreated|datehumanize}}.</li> + <li>» <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>» Room will be reset when empty.</li>{%else%}<li>» Room state is preserved between sessions.</li>{% endif %} + {% if r.allow_host %}<li>» First participant can elect to become host.</li>{% endif %} + {% if r.lastvisited %}<li>» Last visited {{r.lastvisited|datehumanize}}</li>{%endif%} + <li>» Hosted on {{r.acc.name}} <a class="btn btn-mini btn-info" href="/stats/room/{{r.id}}">room usage plot</a></li> + </ul> + <br/> + <div class="btn-group"> + <a class="btn" target="_blank" href="/go/{{r.id}}">Enter Room</a> + {% if edit %} + <a class="btn" href="/room/{{r.id}}/tag">Room Tags</a> + <a class="btn" href="/room/{{r.id}}/recordings">Room Recordings</a> + <a class="btn" href="/room/{{r.id}}/modify">Modify Room</a> + {% if room.is_locked %} + <a class="btn" href="/room/{{r.id}}/unlock">Unlock Room</a> + {% endif %} + <a class="btn btn-danger" href="/room/{{r.id}}/delete">Delete Room</a> + {% endif %} + </div> + </div> + </div> + </div> + {% endfor %} + </div> + {% else %} + <p>Nothing comes to mind right now...</p> + {% endif %} + <br/> + {% if edit %} + <div class="btn-group"> + <a class="btn btn-success" href="/room/create">Create a New Room</a> + </div> + {% endif %} +{% endblock %} +{% block validators %} +{% if tags %} +<a href="http://feed1.w3.org/check.cgi?url=/room/+{{tags}}.atom"><img src="{{STATIC_URL}}/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=/room/+{{tags}}.rss"><img src="{{STATIC_URL}}/img/valid-rss-rogers.png" alt="[Valid RSS]" title="Validate my RSS feed" /></a> +{% 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 %} +<link rel="alternate" type="application/rss+xml" title="{{title}} recordings (RSS 2.0)" href="/room/{{room.id}}/recordings.rss" /> +<link rel="alternate" type="application/atom+xml" title="{{title}} recordings (ATOM 1.0)" href="/room/{{room.id}}/recordings.atom" /> +{% endblock %} +{% block content %} + <div class="page-header"> + <h1>Recordings in '{{room.name}}'</h1> + </div> + {% if recordings %} + <div id="recordings" class="accordion"> + {% for r in recordings %} + <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>» Created {{r.date_created|datehumanize}}.</li> + <li>» Modified {{r.date_modified|datehumanize}}.</li> + <li>» Hosted on {{room.acc.name}}</li> + </ul> + <a class="btn btn-info" target="_connect" href="{{r.url}}">Play Recording</a> + </div> + </div> + </div> + {% endfor %} + </div> + {% else %} + <p>No recordings right now...</p> + {% endif %} + <br/> + <a class="btn" href="/room#{{room.id}}">Back to '{{room.name}}'</a> +{% endblock %} +{% block validators %} +<a href="http://feed1.w3.org/check.cgi?url={% baseurl %}/room/{{room.id}}/recordings.atom"><img src="{{STATIC_URL}}/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 %}/room/{{room.id}}/recordings.rss"><img src="{{STATIC_URL}}/img/valid-rss-rogers.png" alt="[Valid RSS]" title="Validate my RSS feed" /></a> +{% 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 @@ + +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<head> +<meta HTTP-EQUIV="REFRESH" content="{{wait}}; url=/go/{{room.urlpath}}"/> +</head> +<body> +<h1>Room is temporarily locked</h1> +<p>Retrying room in {{wait}} seconds...</p> +<img src="{{STATIC_URL}}img/ajax-loader.gif"/> +</body> +</html>
\ 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 %} +<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="/room/+{{tag}}">{{tag}}</a> + <a class="btn btn-small btn-warning" href="/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> + {% 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 %} +<div class="page-header"> + <h1>{{title}}</h1> +</div> + +<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> + +<p>Copy the sample html below in order to list rooms tagged with <em>{{tags}}</em>.</p> + +<pre class="pre-scrollable prettyprint linenums language-xml"> +<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> +</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/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 %} +<h1>Meeting statistics for {{domain}}</h1> +<div id="graph" style="width:600px;height:300px; display: block; float: left; margin-right: 30px;"></div> +<div> +<h2>Summary</h2> +<table> + <tr><td><b>Total minutes:</b></td><td id="minutes"></td></tr> + <tr><td><b>Total rooms:</b></td><td id="rooms"></td></tr> + <tr><td><b>Total unique users:</b></td><td id="users"></td></tr> + <tr><td colspan="2" style="padding-top: 10px;"><a href="/stats">Look at your own statistics</a></td></tr> +</table> +</div> +{% 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 %} +<h1>Meeting statistics for {{room.name}}</h1> +<div id="graph" style="width:600px;height:300px; display: block; float: left; margin-right: 30px;"></div> +<div> +<h2>Summary</h2> +<table> + <tr><td><b>Total minutes:</b></td><td id="minutes"></td></tr> + <tr><td><b>Total unique users:</b></td><td id="users"></td></tr> + <tr><td colspan="2" style="padding-top: 10px;"><a href="/stats">Look at your own statistics</a></td></tr> +</table> +</div> +{% 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 %} +<h1>Meeting statistics for {{username}}</h1> +<div id="graph" style="width:600px;height:300px; display: block; float: left; margin-right: 20px;"></div> +<div> +<h2>Summary</h2> +<table> + <tr><td><b>Total minutes:</b></td><td id="minutes"></td></tr> + <tr><td><b>Total rooms:</b></td><td id="rooms"></td></tr> + <tr><td colspan="2" style="padding-top: 10px;"><a href="/stats/domain/{{domain}}">Look at statistics for {{domain}}</a></td></tr> +</table> +</div> +{% endblock %}
\ No newline at end of file diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..4bd9d80 --- /dev/null +++ b/templates/base.html @@ -0,0 +1,110 @@ +<!DOCTYPE html> +<html> +<head> + <title>Meeting Tools</title> + <meta http-equiv="content-type" content="text/html;charset=utf-8" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <link type="text/css" href="{{STATIC_URL}}/bootstrap/css/bootstrap.min.css" rel="stylesheet"/> + <link href="{{STATIC_URL}}/css/prettify.css" rel="stylesheet"/> + <link href="{{theme.base}}/lavish.less" rel="stylesheet/less" type="text/css" /> + <link href="{{STATIC_URL}}/css/style.css" rel="stylesheet" type="text/css" /> + <link href="{{STATIC_URL}}/css/gs.css" rel="stylesheet" type="text/css" /> + + <script type="text/javascript" src="{{STATIC_URL}}/js/jquery-1.7.2.min.js"></script> + <script type="text/javascript" src="{{STATIC_URL}}/js/less-1.3.0.min.js"></script> + <script type="text/javascript" src="{{STATIC_URL}}/bootstrap/js/bootstrap.min.js"></script> + <script type="text/javascript" src="{{STATIC_URL}}/js/jquery.validate.js"></script> + <script type="text/javascript" src="{{STATIC_URL}}/js/bbq.js"></script> + <script type="text/javascript" src="{{STATIC_URL}}/js/jquery.meetingtools.js"></script> + + <!--[if lte IE 8]> + <script language="javascript" type="text/javascript" src="{{STATIC_URL}}/js/excanvas.min.js"></script> + <![endif]--> + + <script type="text/javascript" src="{{STATIC_URL}}/js/jquery.flot.min.js"></script> + <script type="text/javascript" src="{{STATIC_URL}}/js/spin.min.js"></script> + <script type="text/javascript" src="{{STATIC_URL}}/js/jquery.spin.js"></script> + <script type="text/javascript" src="{{STATIC_URL}}/js/prettify.js"></script> + + {% block meta %}{% endblock %} + <!-- style> + .menu li { + display: inline; + } + </style --> + <![endif]--> + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + <script type="text/javascript" src="{{theme.base}}/theme.js"></script> + {% block js %}{% endblock %} + <script type="text/javascript"> + $(function() { + prettyPrint(); + {% block widgets %}{% endblock %} + }); + </script> + +</head> +<body> + <div class="navbar"> + <div class="navbar-inner"> + <a class="brand logo" href="#">Meeting Tools</a> + {% if user.is_authenticated %} + <div class="login pull-right"> + <a style="margin-right:10px;" href="/rooms">{{user}}</a> + <a style="vertical-align: bottom;" class="btn btn-mini" href="/accounts/logout"><i class="icon-off"></i> Logout</a> + </div> + {% else %} + <div class="login pull-right"> + <a style="vertical-align: bottom;" class="btn btn-mini" href="/accounts/login-federated"><i class="icon-home"></i> Login</a> + </div> + {% endif %} + </div> + </div> + + <div class="container"> + <div class="row"> + <div class="span12"> + {% block content %}{% endblock %} + </div> + <!-- + <div class="span3"> + {% block sidebar %}hej{% endblock %} + </div> + --> + </div> + <div class="clearfix"></div> + <div class="row" style="margin-top: 50px; padding-top: 10px; border-top: 1px solid #bbccdd;"> + <div class="span3"> + <ul class="unstyled"> + <li><h3>Users</h3></li> + <li><a class="tip" title="Your list of meeting resources.." href="/rooms">My Profile</a></li> + <li><a class="tip" title="Find out how much you use e-meetings..." href="/stats">Usage Statistics</a></li> + <li><a class="tip" title="Logout" id="logout" href="/accounts/logout">Logout</a></li> + </ul> + </div> + <div class="span3"> + <ul class="unstyled"> + <li><h3>Support</h3></li> + <li><a class="tip" title="SUNET" href="http://www.sunet.se">SUNET</a></li> + <li><a class="tip" title="SUNET Community Support" href="http://community.sunet.se">SUNET Community Support</a></li> + </ul> + </div> + <div class="span3"> + <ul class="unstyled"> + <li><h3>Developers</h3></li> + {% if tagstring %} + <li><a href="/widget/+{{tagstring}}">Meetingtools jQuery widget</a></li> + {% else %} + <li><a href="/widget/+example">Meetingtools jQuery widget</a></li> + {% endif %} + </ul> + </div> + <div class="span3"> + {% block validators %}{% endblock %} + </div> + </div> + </div> +</body> +</html> diff --git a/templates/edit.html b/templates/edit.html new file mode 100644 index 0000000..5d04b3f --- /dev/null +++ b/templates/edit.html @@ -0,0 +1,30 @@ +{% extends "base.html" %} +{% block content %} +{% block beforeform %}{% endblock %} +<div class="page-header"> + <h1>{{formtitle}}</h1> +</div> +<div class="well" style="width: 70%;"> + {% block justbeforeform %}{% endblock %} + <div> + <form method="POST" class="form-horizontal"> + {% block beforefields %}{% endblock %} + {% for field in form %} + {% if field.is_hidden %} + {{ field }} + {% else %} + <div class="control-group {% if field.field.required %}required{% endif %}" {{ field.row_attrs }}> + {{ field.errors }} + <label for="id_{{ field.html_name }}" class="control-label" ><em>{{ field.label }}{% if field.field.required %}<b>*</b>{% endif %}</em></label> + <div class="controls">{{ field }}</div> + </div> + {% endif %} + {% endfor %} + <div class="form-actions"> + <input type="button" class="btn" onClick="document.location='/rooms'" value="{{cancelname}}"/> + <input class="btn btn-success" type="submit" value="{{submitname}}" /> + </div> + </form> + </div> +</div> +{% endblock %}
\ No newline at end of file diff --git a/templates/form.html b/templates/form.html new file mode 100644 index 0000000..38dd0ea --- /dev/null +++ b/templates/form.html @@ -0,0 +1,39 @@ +{% extends "base.html" %} +{% block content %} + <div class="page-header"> + <h1>{% block formtitle %}{{formtitle}}{% endblock %}</h1> + </div> + {% block beforeform %}{% endblock %} + +<form method="POST" enctype="multipart/form-data"> + {% if form.non_field_errors %}{{ form.non_field_errors }}{% endif %} + <div id="wizard"> + <ol> + {% for fieldset in form.fieldsets %} + <li>{{ fieldset.legend }}</li> + {% endfor %} + </ol> + {% for fieldset in form.fieldsets %} + <div id="{{fieldset.name}}" class="{{ fieldset.classes }}"> + {% if fieldset.description %} + <p>{{ fieldset.description }}</p> + {% endif %} + {% for field in fieldset %} + {% if field.is_hidden %} + {{ field }} + {% else %} + {{ field.errors }} + <label for="id_{{ field.html_name }}">{{ field.label }}{% if field.field.required %}<b>*</b>{% endif %}</label> + {{ field }} + {% endif %} + {% endfor %} + <style type="text/css"> + .bwizard-steps li > div > input.btn { display: none; } + </style> + <input class="btn btn-success" type="submit" value="{{ submitname }}" /> + </div> + {% endfor %} + </div> + </form> + +{% endblock %} |