2 if (!CRM
.ProfileSelector
) CRM
.ProfileSelector
= {};
4 CRM
.ProfileSelector
.Option
= Backbone
.Marionette
.ItemView
.extend({
5 template
: '#profile_selector_option_template',
8 'change:title': 'render'
10 onRender: function() {
11 this.$el
.attr('value', this.model
.get('id'));
15 CRM
.ProfileSelector
.Select
= Backbone
.Marionette
.CollectionView
.extend({
17 itemView
: CRM
.ProfileSelector
.Option
21 * Render a pane with 'Select/Preview/Edit/Copy/Create' functionality for profiles.
23 * Note: This view works with a ufGroupCollection, and it creates popups for a
24 * ufGroupModel. These are related but not facilely. The ufGroupModels in the
25 * ufGroupCollection are never passed to the popup, and the models from the
26 * popup are never added to the collection. This is because the popup works
27 * with temporary, local copies -- but the collection reflects the actual list
31 * - ufGroupId: int, the default selection
32 * - ufGroupCollection: the profiles which can be selected
33 * - ufEntities: hard-coded entity list used with any new/existing forms
34 * (this may be removed when the form-runtime is updated to support hand-picking
35 * entities for each form)
37 CRM
.ProfileSelector
.View
= Backbone
.Marionette
.Layout
.extend({
38 template
: '#profile_selector_template',
40 selectRegion
: '.crm-profile-selector-select'
43 'change .crm-profile-selector-select select': 'onChangeUfGroupId',
44 'click .crm-profile-selector-edit': 'doEdit',
45 'click .crm-profile-selector-copy': 'doCopy',
46 'click .crm-profile-selector-create': 'doCreate',
47 // prevent interaction with preview form
48 'click .crm-profile-selector-preview-pane': false,
49 'crmLoad .crm-profile-selector-preview-pane': 'disableForm'
51 /** @var Marionette.View which specifically builds on jQuery-UI's dialog */
53 onRender: function() {
54 var view
= new CRM
.ProfileSelector
.Select({
55 collection
: this.options
.ufGroupCollection
57 this.selectRegion
.show(view
);
58 this.setUfGroupId(this.options
.ufGroupId
, {silent
: true});
60 this.$('.crm-profile-selector-select select').css('width', '25em').crmSelect2();
62 onChangeUfGroupId: function(event
) {
63 this.options
.ufGroupId
= $(event
.target
).val();
64 this.trigger('change:ufGroupId', this);
68 toggleButtons: function() {
69 this.$('.crm-profile-selector-edit,.crm-profile-selector-copy').prop('disabled', !this.hasUfGroupId());
71 hasUfGroupId: function() {
72 return (this.getUfGroupId() && this.getUfGroupId() != '') ? true : false;
74 setUfGroupId: function(value
, options
) {
75 this.options
.ufGroupId
= value
;
76 this.$('.crm-profile-selector-select select').val(value
);
77 this.$('.crm-profile-selector-select select').select2('val', value
, (!options
|| !options
.silent
));
79 getUfGroupId: function() {
80 return this.options
.ufGroupId
;
82 doPreview: function() {
83 var $pane
= this.$('.crm-profile-selector-preview-pane');
84 if (!this.hasUfGroupId()) {
85 $pane
.html($('#profile_selector_empty_preview_template').html());
87 CRM
.loadPage(CRM
.url("civicrm/ajax/inline", {class_name
: 'CRM_UF_Form_Inline_PreviewById', id
: this.getUfGroupId()}), {target
: $pane
});
90 disableForm: function() {
91 this.$(':input', '.crm-profile-selector-preview-pane').prop('readOnly', true);
95 var profileSelectorView
= this;
96 var designerDialog
= new CRM
.Designer
.DesignerDialog({
97 findCreateUfGroupModel: function(options
) {
98 var ufId
= profileSelectorView
.getUfGroupId();
99 // Retrieve UF group and fields from the api
100 CRM
.api('UFGroup', 'getsingle', {id
: ufId
, "api.UFField.get": 1}, {
101 success: function(formData
) {
102 // Note: With chaining, API returns some extraneous keys that aren't part of UFGroupModel
103 var ufGroupModel
= new CRM
.UF
.UFGroupModel(_
.pick(formData
, _
.keys(CRM
.UF
.UFGroupModel
.prototype.schema
)));
104 ufGroupModel
.setUFGroupModel(ufGroupModel
.calculateContactEntityType(), profileSelectorView
.options
.ufEntities
);
105 ufGroupModel
.getRel('ufFieldCollection').reset(_
.values(formData
["api.UFField.get"].values
));
106 options
.onLoad(ufGroupModel
);
111 CRM
.designerApp
.vent
.on('ufSaved', this.onSave
, this);
112 this.setDialog(designerDialog
);
114 doCopy: function(e
) {
116 // This is largely the same as doEdit, but we ultimately pass in a deepCopy of the ufGroupModel.
117 var profileSelectorView
= this;
118 var designerDialog
= new CRM
.Designer
.DesignerDialog({
119 findCreateUfGroupModel: function(options
) {
120 var ufId
= profileSelectorView
.getUfGroupId();
121 // Retrieve UF group and fields from the api
122 CRM
.api('UFGroup', 'getsingle', {id
: ufId
, "api.UFField.get": 1}, {
123 success: function(formData
) {
124 // Note: With chaining, API returns some extraneous keys that aren't part of UFGroupModel
125 var ufGroupModel
= new CRM
.UF
.UFGroupModel(_
.pick(formData
, _
.keys(CRM
.UF
.UFGroupModel
.prototype.schema
)));
126 ufGroupModel
.setUFGroupModel(ufGroupModel
.calculateContactEntityType(), profileSelectorView
.options
.ufEntities
);
127 ufGroupModel
.getRel('ufFieldCollection').reset(_
.values(formData
["api.UFField.get"].values
));
128 options
.onLoad(ufGroupModel
.deepCopy());
133 CRM
.designerApp
.vent
.on('ufSaved', this.onSave
, this);
134 this.setDialog(designerDialog
);
136 doCreate: function(e
) {
138 var profileSelectorView
= this;
139 var designerDialog
= new CRM
.Designer
.DesignerDialog({
140 findCreateUfGroupModel: function(options
) {
141 // Initialize new UF group
142 var ufGroupModel
= new CRM
.UF
.UFGroupModel();
143 ufGroupModel
.getRel('ufEntityCollection').reset(profileSelectorView
.options
.ufEntities
);
144 options
.onLoad(ufGroupModel
);
147 CRM
.designerApp
.vent
.on('ufSaved', this.onSave
, this);
148 this.setDialog(designerDialog
);
151 CRM
.designerApp
.vent
.off('ufSaved', this.onSave
, this);
152 var ufGroupId
= this.activeDialog
.model
.get('id');
153 var modelFromCollection
= this.options
.ufGroupCollection
.get(ufGroupId
);
154 if (modelFromCollection
) {
155 // copy in changes to UFGroup
156 modelFromCollection
.set(this.activeDialog
.model
.toStrictJSON());
158 // add in new UFGroup
159 modelFromCollection
= new CRM
.UF
.UFGroupModel(this.activeDialog
.model
.toStrictJSON());
160 this.options
.ufGroupCollection
.add(modelFromCollection
);
162 this.setUfGroupId(ufGroupId
);
165 setDialog: function(view
) {
166 if (this.activeDialog
) {
167 this.activeDialog
.close();
169 this.activeDialog
= view
;