| 1 | {** |
| 2 | * Outer Region |
| 3 | *} |
| 4 | <script type="text/template" id="designer_template"> |
| 5 | <div class="crm-designer-toolbar full-height"> |
| 6 | <div class="crm-designer-buttonset-region ui-dialog-buttonset"> |
| 7 | </div> |
| 8 | <hr /> |
| 9 | <div class="crm-designer-palette-region full-height"> |
| 10 | </div> |
| 11 | </div> |
| 12 | <div class="crm-designer-canvas full-height scroll"> |
| 13 | <div class="crm-designer-preview-canvas"></div> |
| 14 | <div class="crm-designer-form-region"> |
| 15 | </div> |
| 16 | <hr /> |
| 17 | <div class="crm-designer-fields-region"> |
| 18 | </div> |
| 19 | </div> |
| 20 | </script> |
| 21 | |
| 22 | {** |
| 23 | * Render the field-palette container |
| 24 | *} |
| 25 | <script type="text/template" id="palette_template"> |
| 26 | <div class="crm-designer-palette"> |
| 27 | <div class="crm-designer-palette-search"> |
| 28 | <div class="crm-filter-objects"> |
| 29 | <span>{ts}Contact Type{/ts}: |
| 30 | <select class="crm-form-select crm-contact-types"> |
| 31 | <option value="IndividualModel">{ts}Individual{/ts}</option> |
| 32 | <option value="OrganizationModel">{ts}Organization{/ts}</option> |
| 33 | <option value="HouseholdModel">{ts}Household{/ts}</option> |
| 34 | </select> |
| 35 | </span> |
| 36 | </div> |
| 37 | <hr> |
| 38 | <input type="text" class="crm-form-text" placeholder="{ts}Search Fields{/ts}" /> |
| 39 | <a class="crm-designer-palette-clear-search crm-hover-button" href="#" style="visibility:hidden" title="{ts}Clear search{/ts}"><span class="icon ui-icon-close"></span></a> |
| 40 | <div class="crm-designer-palette-controls"> |
| 41 | <a href="#" class="crm-designer-palette-toggle" rel="open_all">{ts}Open All{/ts}</a> | |
| 42 | <a href="#" class="crm-designer-palette-toggle" rel="close_all">{ts}Close All{/ts}</a> |
| 43 | </div> |
| 44 | </div> |
| 45 | |
| 46 | <div class="crm-designer-palette-tree scroll"> |
| 47 | </div> |
| 48 | </div> |
| 49 | </script> |
| 50 | |
| 51 | {** |
| 52 | * Template for CRM.UF.UFFieldModel, CRM.Designer.UFFieldView |
| 53 | * @see extendedSerializeData() |
| 54 | *} |
| 55 | <script type="text/template" id="field_row_template"> |
| 56 | <div class="crm-designer-row" data-field-cid="<%= _model.cid %>"> |
| 57 | <div class="crm-designer-field-summary"></div> |
| 58 | <div class="crm-designer-field-detail"></div> |
| 59 | </div> |
| 60 | </script> |
| 61 | |
| 62 | {** |
| 63 | * Template for CRM.UF.UFFieldModel, CRM.Designer.UFFieldSummaryView |
| 64 | * @see extendedSerializeData() |
| 65 | *} |
| 66 | <script type="text/template" id="field_summary_template"> |
| 67 | <span class="crm-designer-buttons"> |
| 68 | <a class="ui-icon ui-icon-pencil crm-designer-action-settings" title="{ts}Settings{/ts}"></a> |
| 69 | <a class="ui-icon ui-icon-trash crm-designer-action-remove" title="{ts}Remove{/ts}"></a> |
| 70 | </span> |
| 71 | <div class="description"><%= help_pre %></div> |
| 72 | <div class="crm-designer-row-label"> |
| 73 | <span class="crm-designer-label"><%= label %></span> |
| 74 | <%= _view.getRequiredMarker() %> |
| 75 | <span class="crm-designer-field-binding"><%= _view.getBindingLabel() %></span> |
| 76 | </div> |
| 77 | <div class="description"><%= help_post %></div> |
| 78 | </script> |
| 79 | |
| 80 | {** |
| 81 | * @param CRM.UF.UFGroupModel form |
| 82 | *} |
| 83 | <script type="text/template" id="form_row_template"> |
| 84 | <div class="crm-designer-row"> |
| 85 | <div class="crm-designer-form-summary"></div> |
| 86 | <div class="crm-designer-form-detail"></div> |
| 87 | </div> |
| 88 | </script> |
| 89 | |
| 90 | {** |
| 91 | * Variables correspond to properties of CRM.UF.UFGroupModel |
| 92 | *} |
| 93 | <script type="text/template" id="form_summary_template"> |
| 94 | <h3><%= title %></h3> |
| 95 | <div class="crm-designer-buttons"> |
| 96 | <a class="crm-designer-action-settings ui-icon ui-icon-pencil" title="{ts}Settings{/ts}"></a> |
| 97 | </div> |
| 98 | </script> |
| 99 | |
| 100 | <script type="text/template" id="designer_buttons_template"> |
| 101 | <button class="crm-designer-save">{ts}Save{/ts}</button> |
| 102 | <button class="crm-designer-preview">{ts}Preview{/ts}</button> |
| 103 | </script> |
| 104 | |
| 105 | <script type="text/template" id="field_canvas_view_template"> |
| 106 | <div class="crm-designer-fields"> |
| 107 | <div class="crm-designer-row placeholder">{ts}To add a field to this form, drag or double-click an item from the list to the right.{/ts}</div> |
| 108 | </div> |
| 109 | </script> |
| 110 | |
| 111 | {** |
| 112 | * Variables correspond to properties of CRM.ProfileSelector.DummyModel |
| 113 | *} |
| 114 | <script type="text/template" id="profile_selector_template"> |
| 115 | <div> |
| 116 | <span class="crm-profile-selector-select"></span> |
| 117 | <button type="button" class="crm-profile-selector-preview" title="{ts}Preview{/ts}"><div class="icon ui-icon-zoomin">{ts}Preview{/ts}</div></button> |
| 118 | {if $perm} |
| 119 | <button class="crm-profile-selector-edit">{ts}Edit{/ts}</button> |
| 120 | <button class="crm-profile-selector-copy">{ts}Copy{/ts}</button> |
| 121 | <button class="crm-profile-selector-create">{ts}Create{/ts}</button> |
| 122 | {/if} |
| 123 | </div> |
| 124 | <form> |
| 125 | <div class="crm-profile-selector-preview-pane"> |
| 126 | {ts}(Preview Area){/ts} |
| 127 | </div> |
| 128 | </form> |
| 129 | </script> |
| 130 | |
| 131 | <script type="text/template" id="profile_selector_empty_preview_template"> |
| 132 | {ts}(Preview Area){/ts} |
| 133 | </script> |
| 134 | |
| 135 | <script type="text/template" id="profile_selector_option_template"> |
| 136 | <%= title %> |
| 137 | </script> |
| 138 | |
| 139 | {** |
| 140 | * Variables correspond to properties of CRM.ProfileSelector.DummyModel |
| 141 | *} |
| 142 | <script type="text/template" id="designer_dialog_template"> |
| 143 | <div class="crm-designer crm-container full-height"> |
| 144 | </div> |
| 145 | </script> |