| /** |
| * 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">×</button>\ |
| <div class="bbf-editor-container" data-editor></div>\ |
| </li>\ |
| '); |
| |
| |
| Form.editors.List.Modal.template = _.template('\ |
| <div class="bbf-list-modal">\ |
| <%= summary %>\ |
| </div>\ |
| '); |
| |
| |
| }); |