crm.fsf.org/20131203/files/sites/all/modules-new/civicrm/packages/backbone-forms/src/templates/default.js

   1
   2   //DEFAULT TEMPLATES
   3   Form.setTemplates({
   4
   5     //HTML
   6     form: '\
   7       <form class="bbf-form">{{fieldsets}}</form>\
   8     ',
   9
  10     fieldset: '\
  11       <fieldset>\
  12         <legend>{{legend}}</legend>\
  13         <ul>{{fields}}</ul>\
  14       </fieldset>\
  15     ',
  16
  17     field: '\
  18       <li class="bbf-field field-{{key}}">\
  19         <label for="{{id}}">{{title}}</label>\
  20         <div class="bbf-editor">{{editor}}</div>\
  21         <div class="bbf-help">{{help}}</div>\
  22         <div class="bbf-error">{{error}}</div>\
  23       </li>\
  24     ',
  25
  26     nestedField: '\
  27       <li class="bbf-field bbf-nested-field field-{{key}}" title="{{title}}">\
  28         <label for="{{id}}">{{title}}</label>\
  29         <div class="bbf-editor">{{editor}}</div>\
  30         <div class="bbf-help">{{help}}</div>\
  31         <div class="bbf-error">{{error}}</div>\
  32       </li>\
  33     ',
  34
  35     list: '\
  36       <div class="bbf-list">\
  37         <ul>{{items}}</ul>\
  38         <div class="bbf-actions"><button type="button" data-action="add">Add</div>\
  39       </div>\
  40     ',
  41
  42     listItem: '\
  43       <li>\
  44         <button type="button" data-action="remove" class="bbf-remove">&times;</button>\
  45         <div class="bbf-editor-container">{{editor}}</div>\
  46       </li>\
  47     ',
  48
  49     date: '\
  50       <div class="bbf-date">\
  51         <select data-type="date" class="bbf-date">{{dates}}</select>\
  52         <select data-type="month" class="bbf-month">{{months}}</select>\
  53         <select data-type="year" class="bbf-year">{{years}}</select>\
  54       </div>\
  55     ',
  56
  57     dateTime: '\
  58       <div class="bbf-datetime">\
  59         <div class="bbf-date-container">{{date}}</div>\
  60         <select data-type="hour">{{hours}}</select>\
  61         :\
  62         <select data-type="min">{{mins}}</select>\
  63       </div>\
  64     ',
  65
  66     'list.Modal': '\
  67       <div class="bbf-list-modal">\
  68         {{summary}}\
  69       </div>\
  70     '
  71   }, {
  72
  73     //CLASSNAMES
  74     error: 'bbf-error'
  75
  76   });