added backoffice (listing, both html and csv)
This commit is contained in:
parent
281bc1459e
commit
44c788901f
|
@ -38,6 +38,10 @@ div#main-content {
|
|||
margin: 0 2em;
|
||||
}
|
||||
|
||||
div#main-content h1 {
|
||||
color: #09F;
|
||||
}
|
||||
|
||||
#steps {
|
||||
height: 32px;
|
||||
margin-bottom: 1em;
|
||||
|
@ -124,3 +128,27 @@ h2 {
|
|||
margin-left: 0.5em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
table#listing {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
table#listing th {
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #999;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
table#listing td {
|
||||
padding-right: 1ex;
|
||||
}
|
||||
|
||||
table#listing th a {
|
||||
text-decoration: none;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
table.sortable span.sortarrow {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
|
@ -0,0 +1,185 @@
|
|||
// MIT License: http://www.kryogenix.org/code/browser/licence.html
|
||||
|
||||
addEvent(window, "load", sortables_init);
|
||||
|
||||
var SORT_COLUMN_INDEX;
|
||||
|
||||
function sortables_init() {
|
||||
// Find all tables with class sortable and make them sortable
|
||||
if (!document.getElementsByTagName) return;
|
||||
tbls = document.getElementsByTagName("table");
|
||||
for (ti=0;ti<tbls.length;ti++) {
|
||||
thisTbl = tbls[ti];
|
||||
if (((' '+thisTbl.className+' ').indexOf("sortable") != -1) && (thisTbl.id)) {
|
||||
//initTable(thisTbl.id);
|
||||
ts_makeSortable(thisTbl);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function ts_makeSortable(table) {
|
||||
if (table.rows && table.rows.length > 0) {
|
||||
var firstRow = table.rows[0];
|
||||
}
|
||||
if (!firstRow) return;
|
||||
|
||||
// We have a first row: assume it's the header, and make its contents clickable links
|
||||
for (var i=0;i<firstRow.cells.length;i++) {
|
||||
var cell = firstRow.cells[i];
|
||||
var txt = ts_getInnerText(cell);
|
||||
cell.innerHTML = '<a href="#" class="sortheader" onclick="ts_resortTable(this);return false;">'+txt+'<span class="sortarrow"> </span></a>';
|
||||
}
|
||||
}
|
||||
|
||||
function ts_getInnerText(el) {
|
||||
if (typeof el == "string") return el;
|
||||
if (typeof el == "undefined") { return el };
|
||||
if (el.innerText) return el.innerText; //Not needed but it is faster
|
||||
var str = "";
|
||||
|
||||
var cs = el.childNodes;
|
||||
var l = cs.length;
|
||||
for (var i = 0; i < l; i++) {
|
||||
switch (cs[i].nodeType) {
|
||||
case 1: //ELEMENT_NODE
|
||||
str += ts_getInnerText(cs[i]);
|
||||
break;
|
||||
case 3: //TEXT_NODE
|
||||
str += cs[i].nodeValue;
|
||||
break;
|
||||
}
|
||||
}
|
||||
return str;
|
||||
}
|
||||
|
||||
function ts_resortTable(lnk) {
|
||||
// get the span
|
||||
var span;
|
||||
for (var ci=0;ci<lnk.childNodes.length;ci++) {
|
||||
if (lnk.childNodes[ci].tagName && lnk.childNodes[ci].tagName.toLowerCase() == 'span') span = lnk.childNodes[ci];
|
||||
}
|
||||
var spantext = ts_getInnerText(span);
|
||||
var td = lnk.parentNode;
|
||||
var column = td.cellIndex;
|
||||
var table = getParent(td,'TABLE');
|
||||
|
||||
// Work out a type for the column
|
||||
if (table.rows.length <= 1) return;
|
||||
var itm = ts_getInnerText(table.rows[1].cells[column]);
|
||||
sortfn = ts_sort_caseinsensitive;
|
||||
//if (itm.match(/^\d\d[\/-]\d\d[\/-]\d\d\d\d$/)) sortfn = ts_sort_date;
|
||||
//if (itm.match(/^\d\d[\/-]\d\d[\/-]\d\d$/)) sortfn = ts_sort_date;
|
||||
//if (itm.match(/^[£$]/)) sortfn = ts_sort_currency;
|
||||
//if (itm.match(/^[\d\.]+$/)) sortfn = ts_sort_numeric;
|
||||
SORT_COLUMN_INDEX = column;
|
||||
var firstRow = new Array();
|
||||
var newRows = new Array();
|
||||
for (i=0;i<table.rows[0].length;i++) { firstRow[i] = table.rows[0][i]; }
|
||||
for (j=1;j<table.rows.length;j++) { newRows[j-1] = table.rows[j]; }
|
||||
|
||||
newRows.sort(sortfn);
|
||||
|
||||
if (span.getAttribute("sortdir") == 'down') {
|
||||
ARROW = ' ↑';
|
||||
newRows.reverse();
|
||||
span.setAttribute('sortdir','up');
|
||||
} else {
|
||||
ARROW = ' ↓';
|
||||
span.setAttribute('sortdir','down');
|
||||
}
|
||||
|
||||
// We appendChild rows that already exist to the tbody, so it moves them rather than creating new ones
|
||||
// don't do sortbottom rows
|
||||
for (i=0;i<newRows.length;i++) { if (!newRows[i].className || (newRows[i].className && (newRows[i].className.indexOf('sortbottom') == -1))) table.tBodies[0].appendChild(newRows[i]);}
|
||||
// do sortbottom rows only
|
||||
for (i=0;i<newRows.length;i++) { if (newRows[i].className && (newRows[i].className.indexOf('sortbottom') != -1)) table.tBodies[0].appendChild(newRows[i]);}
|
||||
|
||||
// Delete any other arrows there may be showing
|
||||
var allspans = document.getElementsByTagName("span");
|
||||
for (var ci=0;ci<allspans.length;ci++) {
|
||||
if (allspans[ci].className == 'sortarrow') {
|
||||
if (getParent(allspans[ci],"table") == getParent(lnk,"table")) { // in the same table as us?
|
||||
allspans[ci].innerHTML = ' ';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
span.innerHTML = ARROW;
|
||||
}
|
||||
|
||||
function getParent(el, pTagName) {
|
||||
if (el == null) return null;
|
||||
else if (el.nodeType == 1 && el.tagName.toLowerCase() == pTagName.toLowerCase()) // Gecko bug, supposed to be uppercase
|
||||
return el;
|
||||
else
|
||||
return getParent(el.parentNode, pTagName);
|
||||
}
|
||||
function ts_sort_date(a,b) {
|
||||
// y2k notes: two digit years less than 50 are treated as 20XX, greater than 50 are treated as 19XX
|
||||
aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]);
|
||||
bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]);
|
||||
if (aa.length == 10) {
|
||||
dt1 = aa.substr(6,4)+aa.substr(3,2)+aa.substr(0,2);
|
||||
} else {
|
||||
yr = aa.substr(6,2);
|
||||
if (parseInt(yr) < 50) { yr = '20'+yr; } else { yr = '19'+yr; }
|
||||
dt1 = yr+aa.substr(3,2)+aa.substr(0,2);
|
||||
}
|
||||
if (bb.length == 10) {
|
||||
dt2 = bb.substr(6,4)+bb.substr(3,2)+bb.substr(0,2);
|
||||
} else {
|
||||
yr = bb.substr(6,2);
|
||||
if (parseInt(yr) < 50) { yr = '20'+yr; } else { yr = '19'+yr; }
|
||||
dt2 = yr+bb.substr(3,2)+bb.substr(0,2);
|
||||
}
|
||||
if (dt1==dt2) return 0;
|
||||
if (dt1<dt2) return -1;
|
||||
return 1;
|
||||
}
|
||||
|
||||
function ts_sort_currency(a,b) {
|
||||
aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]).replace(/[^0-9.]/g,'');
|
||||
bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]).replace(/[^0-9.]/g,'');
|
||||
return parseFloat(aa) - parseFloat(bb);
|
||||
}
|
||||
|
||||
function ts_sort_numeric(a,b) {
|
||||
aa = parseFloat(ts_getInnerText(a.cells[SORT_COLUMN_INDEX]));
|
||||
if (isNaN(aa)) aa = 0;
|
||||
bb = parseFloat(ts_getInnerText(b.cells[SORT_COLUMN_INDEX]));
|
||||
if (isNaN(bb)) bb = 0;
|
||||
return aa-bb;
|
||||
}
|
||||
|
||||
function ts_sort_caseinsensitive(a,b) {
|
||||
aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]).toLowerCase();
|
||||
bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]).toLowerCase();
|
||||
if (aa==bb) return 0;
|
||||
if (aa<bb) return -1;
|
||||
return 1;
|
||||
}
|
||||
|
||||
function ts_sort_default(a,b) {
|
||||
aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]);
|
||||
bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]);
|
||||
if (aa==bb) return 0;
|
||||
if (aa<bb) return -1;
|
||||
return 1;
|
||||
}
|
||||
|
||||
|
||||
function addEvent(elm, evType, fn, useCapture)
|
||||
// addEvent and removeEvent
|
||||
// cross-browser event handling for IE5+, NS6 and Mozilla
|
||||
// By Scott Andrew
|
||||
{
|
||||
if (elm.addEventListener){
|
||||
elm.addEventListener(evType, fn, useCapture);
|
||||
return true;
|
||||
} else if (elm.attachEvent){
|
||||
var r = elm.attachEvent("on"+evType, fn);
|
||||
return r;
|
||||
} else {
|
||||
alert("Handler could not be removed");
|
||||
}
|
||||
}
|
|
@ -0,0 +1,162 @@
|
|||
import time
|
||||
import os
|
||||
|
||||
from quixote import get_response, get_session, redirect
|
||||
from quixote.directory import Directory
|
||||
|
||||
import wcs.errors
|
||||
from wcs.form import *
|
||||
import wcs.misc
|
||||
|
||||
import wcs.formdata
|
||||
from wcs import storage
|
||||
|
||||
|
||||
def html_top [html] (title = None):
|
||||
current_theme = wcs.misc.cfg.get('branding', {}).get('theme', 'default')
|
||||
if current_theme == 'default':
|
||||
css = '/css/wcs.css'
|
||||
else:
|
||||
css = '/themes/%s/wcs.css' % current_theme
|
||||
return """<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>%s</title>
|
||||
<link rel="stylesheet" type="text/css" href="%s"/>
|
||||
<script src="/js/sorttable.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="page">
|
||||
<div id="top">
|
||||
<h1>%s</h1>
|
||||
</div>
|
||||
<div id="main-content">""" % (title, css, title)
|
||||
|
||||
def html_foot [html] ():
|
||||
return """</div><div id="footer"><p id="lasso">Powered by Lasso</p></div></div></body></html>"""
|
||||
|
||||
|
||||
class BackOfficeDirectory(Directory):
|
||||
_q_exports = [""]
|
||||
|
||||
def _q_index [html] (self):
|
||||
html_top(_("Forms"))
|
||||
"<h1>%s</h1>" % _('Back Office')
|
||||
|
||||
session = get_session()
|
||||
user = None
|
||||
if session and session.user and not session.user.startswith(str('anonymous-')):
|
||||
try:
|
||||
user = storage.get_storage().retrieve('users', session.user)
|
||||
except KeyError:
|
||||
pass
|
||||
|
||||
l = []
|
||||
for k in storage.get_storage().keys(str('formdefs')):
|
||||
formdef = storage.get_storage().retrieve('formdefs', k)
|
||||
if user and formdef.receiver in (user.roles or []):
|
||||
l.append(formdef)
|
||||
l.sort(lambda x,y: cmp(x.name, y.name))
|
||||
|
||||
cats = storage.get_storage().values('categories')
|
||||
cats.sort(lambda x,y: cmp(x.name, y.name))
|
||||
one = False
|
||||
for c in cats:
|
||||
l2 = [x for x in l if x.category == c.id]
|
||||
if l2:
|
||||
"<h2>%s</h2>" % c.name
|
||||
"<ul>"
|
||||
for formdef in l2:
|
||||
"""<li><a href="%s/">%s</a></li>""" % (formdef.id, formdef.name)
|
||||
"</ul>"
|
||||
one = True
|
||||
|
||||
l2 = [x for x in l if not x.category]
|
||||
if one and l2:
|
||||
"<h2>%s</h2>" % _('Misc')
|
||||
if l2:
|
||||
"<ul>"
|
||||
for formdef in l2:
|
||||
"""<li><a href="%s/">%s</a></li>""" % (formdef.id, formdef.name)
|
||||
"</ul>"
|
||||
|
||||
html_foot()
|
||||
|
||||
def _q_lookup(self, component):
|
||||
return FormPage(component)
|
||||
|
||||
class FormPage(Directory):
|
||||
_q_exports = ["", "listing", "csv"]
|
||||
|
||||
def __init__(self, component):
|
||||
self.component = component
|
||||
try:
|
||||
self.formdef = storage.get_storage().retrieve('formdefs', component)
|
||||
except KeyError:
|
||||
raise wcs.errors.TraversalError()
|
||||
|
||||
session = get_session()
|
||||
user = None
|
||||
if session:
|
||||
try:
|
||||
user = storage.get_storage().retrieve('users', session.user)
|
||||
except KeyError:
|
||||
pass
|
||||
if not self.formdef.receiver in (user.roles or []):
|
||||
if session.user:
|
||||
raise wcs.errors.AccessForbiddenError()
|
||||
else:
|
||||
raise wcs.errors.AccessUnauthorizedError()
|
||||
|
||||
def _q_index [html] (self):
|
||||
html_top(self.formdef.name)
|
||||
"<h1>%s</h1>" % _('Back Office')
|
||||
'<h2>%s</h2>' % self.formdef.name
|
||||
|
||||
'<ul>'
|
||||
'<li><a href="listing">%s</a></li>' % _('Listing')
|
||||
'<li><a href="csv">%s</a></li>' % _('Listing in CSV format')
|
||||
'</ul>'
|
||||
|
||||
'<a href="..">%s</a>' % _('Back')
|
||||
|
||||
html_foot()
|
||||
|
||||
def listing [html] (self):
|
||||
html_top('%s - %s' % (_('Form'), self.formdef.name))
|
||||
"<h1>%s</h1>" % _('Back Office')
|
||||
'<h2>%s</h2>' % self.formdef.name
|
||||
names = 'form-' + self.formdef.id
|
||||
"""<table id="listing" class="sortable"><thead><tr>"""
|
||||
for f in self.formdef.fields:
|
||||
if f['type'] in ('title', 'subtitle'):
|
||||
continue
|
||||
"<th>%s</th>" % f['name']
|
||||
"</tr></thead>"
|
||||
"<tbody>"
|
||||
for k in storage.get_storage().keys(names):
|
||||
filled = storage.get_storage().retrieve(names, k)
|
||||
"<tr>"
|
||||
for f in self.formdef.fields:
|
||||
if f['type'] in ('title', 'subtitle'):
|
||||
continue
|
||||
"<td>%s</td>" % filled.data.get(f['name'], '')
|
||||
"</tr>\n"
|
||||
"</tbody></table>"
|
||||
'<a href=".">%s</a>' % _('Back')
|
||||
html_foot()
|
||||
|
||||
def csv [plain] (self):
|
||||
names = 'form-' + self.formdef.id
|
||||
|
||||
def fixcsv(s):
|
||||
if not s: return s
|
||||
return s.replace('\n', ' ').replace(';', ',')
|
||||
|
||||
fields = [x for x in self.formdef.fields if x['type'] not in ('title', 'subtitle')]
|
||||
|
||||
for k in storage.get_storage().keys(names):
|
||||
filled = storage.get_storage().retrieve(names, k)
|
||||
';'.join([fixcsv(filled.data.get(x['name'], '')) for x in fields]) + '\r\n'
|
||||
response = get_response()
|
||||
response.set_content_type('text/csv')
|
||||
|
|
@ -11,6 +11,7 @@ import wcs.misc
|
|||
import wcs.formdata
|
||||
from wcs import storage
|
||||
|
||||
from backoffice import BackOfficeDirectory
|
||||
|
||||
def html_top [html] (title = None):
|
||||
current_theme = wcs.misc.cfg.get('branding', {}).get('theme', 'default')
|
||||
|
@ -220,8 +221,9 @@ class FormPage(Directory):
|
|||
|
||||
|
||||
class RootDirectory(Directory):
|
||||
_q_exports = ["", "token", "backoffice"]
|
||||
|
||||
_q_exports = ["", "token"]
|
||||
backoffice = BackOfficeDirectory()
|
||||
|
||||
def _q_index [html] (self):
|
||||
html_top(_("Forms"))
|
||||
|
@ -235,9 +237,12 @@ class RootDirectory(Directory):
|
|||
except KeyError:
|
||||
pass
|
||||
|
||||
backoffice_link = False
|
||||
l = []
|
||||
for k in storage.get_storage().keys(str('formdefs')):
|
||||
formdef = storage.get_storage().retrieve('formdefs', k)
|
||||
if user and formdef.receiver in (user.roles or []):
|
||||
backoffice_link = True
|
||||
if formdef.roles:
|
||||
if not user:
|
||||
continue
|
||||
|
@ -291,6 +296,8 @@ class RootDirectory(Directory):
|
|||
time.strftime(str("%Y-%m-%d %H:%M"), f.receipt_time))
|
||||
|
||||
"""<p id="logout">"""
|
||||
if backoffice_link:
|
||||
'<a href="backoffice/">%s</a>' % _('Back Office')
|
||||
if session.user.startswith(str('anonymous-')):
|
||||
"""<a href="token">%s</a> - """ % _('Enter Identification Token')
|
||||
"""<a href="../logout">%s</a></p>""" % _('Logout')
|
||||
|
|
Loading…
Reference in New Issue