X-Git-Url: https://vcs.fsf.org/?a=blobdiff_plain;f=js%2Fview%2Fcrm.profile-selector.js;h=befceec4cebc30407d65c5169d9f028d073eb5f1;hb=8f6ae60501d5d64ddbc6269648e71247dee0ce1b;hp=1a675d461a62ac6470f801fddc58aade26db49bf;hpb=b56ff4583aadfd0eec9a1e9c5a8234b6b2d24f76;p=civicrm-core.git

diff --git a/js/view/crm.profile-selector.js b/js/view/crm.profile-selector.js
index 1a675d461a..befceec4ce 100644
--- a/js/view/crm.profile-selector.js
+++ b/js/view/crm.profile-selector.js
@@ -44,6 +44,7 @@
       'click .crm-profile-selector-edit': 'doEdit',
       'click .crm-profile-selector-copy': 'doCopy',
       'click .crm-profile-selector-create': 'doCreate',
+      'click .crm-profile-selector-preview': 'doShowPreview',
       // prevent interaction with preview form
       'click .crm-profile-selector-preview-pane': false,
       'crmLoad .crm-profile-selector-preview-pane': 'disableForm'
@@ -58,6 +59,7 @@
       this.setUfGroupId(this.options.ufGroupId, {silent: true});
       this.toggleButtons();
       this.$('.crm-profile-selector-select select').css('width', '25em').crmSelect2();
+      this.doShowPreview();
     },
     onChangeUfGroupId: function(event) {
       this.options.ufGroupId = $(event.target).val();
@@ -73,6 +75,7 @@
     },
     setUfGroupId: function(value, options) {
       this.options.ufGroupId = value;
+      this.$('.crm-profile-selector-select select').val(value);
       this.$('.crm-profile-selector-select select').select2('val', value, (!options || !options.silent));
     },
     getUfGroupId: function() {
@@ -86,6 +89,17 @@
         CRM.loadPage(CRM.url("civicrm/ajax/inline", {class_name: 'CRM_UF_Form_Inline_PreviewById', id: this.getUfGroupId()}), {target: $pane});
       }
     },
+    doShowPreview: function() {
+      var $preview = this.$('.crm-profile-selector-preview');
+      var $pane = this.$('.crm-profile-selector-preview-pane');
+      if ($preview.hasClass('crm-profile-selector-preview-show')) {
+        $preview.removeClass('crm-profile-selector-preview-show');
+        $pane.show();
+      } else {
+        $preview.addClass('crm-profile-selector-preview-show');
+        $pane.hide();
+      }
+    },
     disableForm: function() {
       this.$(':input', '.crm-profile-selector-preview-pane').prop('readOnly', true);
     },