infra
/
cryptpad
2
1
Fork 0
Code Issues Pull Requests Projects Releases 1 Activity

include bar graphs for multi* form answers

Browse Source
pull/1/head
ansuz 3 years ago
parent 39e645afb6
commit 8d5221e6e8
2 changed files with 33 additions and 51 deletions
Show Stats Download Patch File Download Diff File

29
www/form/app-form.less
Unescape Escape View File

@ -532,8 +532,30 @@
background: @cp_form-bg2; background: @cp_form-bg2;
&:not(:last-child) { margin-bottom: 1px; } &:not(:last-child) { margin-bottom: 1px; }
} }
.cp-form-results-type-radio {
.cp-form-results-cell() {
border: 1px solid @cp_form-border;
display: table-cell;
padding: 5px 10px;
background: @cp_form-bg2;
}
.cp-form-results-type-multiradio-data {
.cp-mr-q {
font-weight: bold;
padding: 5px 10px;
.cp-form-results-cell();
}
&:not(:first-child) {
.cp-mr-q {
margin-top: 15px;
}
}
}
.cp-form-results-type-radio {
display: table; display: table;
width: 100%;
.cp-form-results-type-multiradio-data { .cp-form-results-type-multiradio-data {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
@ -542,10 +564,7 @@
display: table-row; display: table-row;
border: 1px solid @cp_form-border; border: 1px solid @cp_form-border;
& > span { & > span {
border: 1px solid @cp_form-border; .cp-form-results-cell();
display: table-cell;
padding: 5px 10px;
background: @cp_form-bg2;
&.cp-value { &.cp-value {
min-width: 200px; min-width: 200px;
} }

55
www/form/inner.js
Unescape Escape View File

@ -1255,7 +1255,7 @@ define([
}; };
}, },
printResults: function (answers, uid, form) { printResults: function (answers, uid, form, content) {
// results multiradio // results multiradio
var structure = form[uid]; var structure = form[uid];
if (!structure) { return; } if (!structure) { return; }
@ -1263,6 +1263,7 @@ define([
var results = []; var results = [];
var empty = 0; var empty = 0;
var count = {}; var count = {};
var showBars = Boolean(content);
Object.keys(answers).forEach(function (author) { Object.keys(answers).forEach(function (author) {
var obj = answers[author]; var obj = answers[author];
var answer = obj.msg[uid]; var answer = obj.msg[uid];
@ -1293,34 +1294,13 @@ define([
return h('div.cp-form-results-type-radio-data', [ return h('div.cp-form-results-type-radio-data', [
h('span.cp-value', res), h('span.cp-value', res),
h('span.cp-count', itemCount), h('span.cp-count', itemCount),
//barGraphic((itemCount / max) * 100) showBars? barGraphic((itemCount / max)): undefined,
]); ]);
}); });
results.push(h('div.cp-form-results-type-multiradio-data', [ results.push(h('div.cp-form-results-type-multiradio-data', [
h('span.cp-mr-q', q), h('span.cp-mr-q', q),
h('span.cp-mr-value', values) h('span.cp-mr-value', values)
])); ]));
return;
/*
var table = Charts.table([
h('caption', {
style: 'color: var(--msg-color)',
}, q),
h('tbody', Object.keys(c).map(function (res) {
return Charts.row(res, c[res] / max, c[res]);
})),
], [
'charts-css',
'bar',
'show-heading',
'show-data-on-hover',
'show-labels',
]);
results.push(h('div.cp-form-results-type-multiradio-data', {
style: 'width: 100%',
}, table));
*/
}); });
results.push(getEmpty(empty)); results.push(getEmpty(empty));
@ -1509,7 +1489,7 @@ define([
}; };
}, },
printResults: function (answers, uid, form) { printResults: function (answers, uid, form, content ) {
// results multicheckbox // results multicheckbox
var structure = form[uid]; var structure = form[uid];
if (!structure) { return; } if (!structure) { return; }
@ -1517,6 +1497,7 @@ define([
var results = []; var results = [];
var empty = 0; var empty = 0;
var count = {}; var count = {};
var showBars = Boolean(content);
Object.keys(answers).forEach(function (author) { Object.keys(answers).forEach(function (author) {
var obj = answers[author]; var obj = answers[author];
var answer = obj.msg[uid]; var answer = obj.msg[uid];
@ -1544,35 +1525,17 @@ define([
var c = count[q_uid]; var c = count[q_uid];
var values = Object.keys(c).map(function (res) { var values = Object.keys(c).map(function (res) {
var val = c[res];
return h('div.cp-form-results-type-radio-data', [ return h('div.cp-form-results-type-radio-data', [
h('span.cp-value', res), h('span.cp-value', res),
h('span.cp-count', c[res]) h('span.cp-count', val),
showBars? barGraphic(val / max) : undefined,
]); ]);
}); });
results.push(h('div.cp-form-results-type-multiradio-data', [ results.push(h('div.cp-form-results-type-multiradio-data', [
h('span.cp-mr-q', q), h('span.cp-mr-q', q),
h('span.cp-mr-value', values) h('span.cp-mr-value', values),
])); ]));
/*
var table = Charts.table([
h('caption', {
style: 'color: var(--msg-color)',
}, q),
h('tbody', Object.keys(c).map(function (res) {
return Charts.row(res, c[res] / max, c[res]);
})),
], [
'charts-css',
'bar',
'show-heading',
'show-data-on-hover',
'show-labels',
]);
results.push(h('div.cp-form-results-type-multiradio-data', {
style: 'width: 100%',
}, table));
*/
}); });
results.push(getEmpty(empty)); results.push(getEmpty(empty));

Write Preview
Loading…
Cancel
Save