blob: e3efe5583a791b14cafd4442dae68f9d60a3af77 [file] [log] [blame]
/**
* Include this template file after backbone-forms.amd.js to override the default templates
*
* 'data-*' attributes control where elements are placed
*/
define(['jquery', 'underscore', 'backbone', 'backbone-forms'], function($, _, Backbone) {
var Form = Backbone.Form;
/**
* Templates to match those used previous versions of Backbone Form, i.e. <= 0.11.0.
* NOTE: These templates are deprecated.
*/
Form.template = _.template('\
<form class="bbf-form" data-fieldsets></form>\
');
Form.Fieldset.template = _.template('\
<fieldset>\
<% if (legend) { %>\
<legend><%= legend %></legend>\
<% } %>\
<ul data-fields></ul>\
</fieldset>\
');
Form.Field.template = _.template('\
<li class="bbf-field field-<%= key %>">\
<label for="<%= editorId %>"><%= title %></label>\
<div class="bbf-editor" data-editor></div>\
<div class="bbf-help"><%= help %></div>\
<div class="bbf-error" data-error></div>\
</li>\
');
Form.NestedField.template = _.template('\
<li class="bbf-field bbf-nested-field field-<%= key %>">\
<label for="<%= editorId %>"><%= title %></label>\
<div class="bbf-editor" data-editor></div>\
<div class="bbf-help"><%= help %></div>\
<div class="bbf-error" data-error></div>\
</li>\
');
Form.editors.Date.template = _.template('\
<div class="bbf-date">\
<select class="bbf-date" data-type="date"><%= dates %></select>\
<select class="bbf-month" data-type="month"><%= months %></select>\
<select class="bbf-year" data-type="year"><%= years %></select>\
</div>\
');
Form.editors.DateTime.template = _.template('\
<div class="bbf-datetime">\
<div class="bbf-date-container" data-date></div>\
<select data-type="hour"><%= hours %></select>\
:\
<select data-type="min"><%= mins %></select>\
</div>\
');
Form.editors.List.template = _.template('\
<div class="bbf-list">\
<ul data-items></ul>\
<div class="bbf-actions"><button type="button" data-action="add">Add</div>\
</div>\
');
Form.editors.List.Item.template = _.template('\
<li>\
<button type="button" data-action="remove" class="bbf-remove">&times;</button>\
<div class="bbf-editor-container" data-editor></div>\
</li>\
');
Form.editors.List.Modal.template = _.template('\
<div class="bbf-list-modal">\
<%= summary %>\
</div>\
');
});