Allow to show help string in each of the contorl.

This commit is contained in:
Ashesh Vashi 2016-03-24 12:53:11 +05:30
parent 2a2374329e
commit a28df1e0a2

View File

@ -110,6 +110,8 @@
// and rerender the View element // and rerender the View element
_.extend(Backform.Control.prototype, { _.extend(Backform.Control.prototype, {
defaults: _.extend(Backform.Control.prototype.defaults, {helpMessage: null}),
initialize: function() { initialize: function() {
BackformControlInit.apply(this, arguments); BackformControlInit.apply(this, arguments);
@ -161,7 +163,10 @@
' <span class="<%=Backform.controlClassName%> uneditable-input" <%=disabled ? "disabled" : ""%>>', ' <span class="<%=Backform.controlClassName%> uneditable-input" <%=disabled ? "disabled" : ""%>>',
' <%=value%>', ' <%=value%>',
' </span>', ' </span>',
'</div>' '</div>',
'<% if (helpMessage && helpMessage.length) { %>',
' <span class="<%=Backform.helpMessageClassName%>"><%=helpMessage%></span>',
'<% } %>',
].join("\n")), ].join("\n")),
clearInvalid: function() { clearInvalid: function() {
@ -270,7 +275,7 @@
_.extend( _.extend(
Backform.TextareaControl.prototype, { Backform.TextareaControl.prototype, {
defaults: _.extend( defaults: _.extend(
Backform.TextareaControl.prototype.defaults, {rows: 5} Backform.TextareaControl.prototype.defaults, {rows: 5, helpMessage: null}
), ),
events : { events : {
"change textarea": "onChange", "change textarea": "onChange",
@ -353,6 +358,7 @@
return this; return this;
}; };
_.extend(Backform.SelectControl.prototype.defaults, {helpMessage: null});
var ReadonlyOptionControl = Backform.ReadonlyOptionControl = Backform.SelectControl.extend({ var ReadonlyOptionControl = Backform.ReadonlyOptionControl = Backform.SelectControl.extend({
template: _.template([ template: _.template([
@ -364,6 +370,9 @@
' <span class="<%=Backform.controlClassName%> uneditable-input" disabled><%-option.label%></span>', ' <span class="<%=Backform.controlClassName%> uneditable-input" disabled><%-option.label%></span>',
' <% } %>', ' <% } %>',
'<% } %>', '<% } %>',
'<% if (helpMessage && helpMessage.length) { %>',
' <span class="<%=Backform.helpMessageClassName%>"><%=helpMessage%></span>',
'<% } %>',
'</div>' '</div>'
].join("\n")), ].join("\n")),
events: {}, events: {},
@ -421,7 +430,8 @@
offColor: 'primary', offColor: 'primary',
size: 'small' size: 'small'
}, },
extraClasses: [] extraClasses: [],
helpMessage: null
}, },
template: _.template([ template: _.template([
'<label class="<%=Backform.controlLabelClassName%>"><%=label%></label>', '<label class="<%=Backform.controlLabelClassName%>"><%=label%></label>',
@ -431,7 +441,10 @@
' <input type="checkbox" class="<%=extraClasses.join(\' \')%>" name="<%=name%>" <%=value ? "checked=\'checked\'" : ""%> <%=disabled ? "disabled" : ""%> <%=required ? "required" : ""%> />', ' <input type="checkbox" class="<%=extraClasses.join(\' \')%>" name="<%=name%>" <%=value ? "checked=\'checked\'" : ""%> <%=disabled ? "disabled" : ""%> <%=required ? "required" : ""%> />',
' </label>', ' </label>',
' </div>', ' </div>',
'</div>' '</div>',
'<% if (helpMessage && helpMessage.length) { %>',
' <span class="<%=Backform.helpMessageClassName%>"><%=helpMessage%></span>',
'<% } %>'
].join("\n")), ].join("\n")),
getValueFromDOM: function() { getValueFromDOM: function() {
return this.formatter.toRaw( return this.formatter.toRaw(