diff --git a/www/form/app-form.less b/www/form/app-form.less index e79c4f78d..115bbf3e9 100644 --- a/www/form/app-form.less +++ b/www/form/app-form.less @@ -531,7 +531,7 @@ } } } - .cp-form-sort-hint { + .cp-form-sort-hint, .cp-poll-hint { margin-bottom: 10px; } .cp-form-type-sort { diff --git a/www/form/inner.js b/www/form/inner.js index 93258afe3..cc9ddc98f 100644 --- a/www/form/inner.js +++ b/www/form/inner.js @@ -905,6 +905,9 @@ define([ icon: h('i.cptools.cptools-form-page-break') }, }; + + Messages.form_poll_hint = ": Yes, : No, : Acceptable"; // XXX + var TYPES = { input: { defaultOpts: { @@ -1580,7 +1583,21 @@ define([ var total = makePollTotal(answers, opts, addLine, evOnChange); if (total) { lines.push(h('div', total)); } - var tag = h('div.cp-form-type-poll-container', h('div.cp-form-type-poll', lines)); + var pollHint = UI.setHTML(h('div.cp-form-poll-hint'), Messages.form_poll_hint); + var classes = [ + 'fa fa-check cp-yes', + 'fa fa-times cp-no', + 'cptools cptools-form-poll-maybe cp-maybe', + ]; + $(pollHint).find('i').each(function (index) { + this.setAttribute('class', classes[index]); + // XXX accessibility options? + }); + + var tag = h('div.cp-form-type-poll-container', [ + pollHint, + h('div.cp-form-type-poll', lines) + ]); var $tag = $(tag); var cursorGetter;