CiviCRM Community Forums (archive)

Hey there,

I want to enable editing some records on a report via a pop up profile.  I have got a fair amount of the way down the road - I am able to open the pop up - but am now stuck.  Maybe I am missing a trick and this functionality already exists (do you know anywhere where you can edit contacts (as opposed to create them) via a profile pop up?)).

But I don't get how CiviCRM implements this.  Here is what I am doing.

I have a crude understanding of jquery dialogue http://jqueryui.com/demos/dialog/ including the button options and the close method. So far I have this function that I am binding to a link as so:

<a href="#" onclick="updateViaProfile(17332); return false;">e</a>
function updateViaProfile( contactID ) {

    var dataURL = {/literal}"{crmURL p="civicrm/profile/create" q="reset=1&snippet=5&context=dialog&blockNo=1&gid=4&createCallback=1&id=" h=0}"{literal};
    dataURL = dataURL + contactID;

    cj.ajax({
        url: dataURL,
        success: function( content ) {
            cj( '#update_via_profile' ).show( ).html( content ).dialog({
                title: "Update contact details",
                modal: true,
                }
               
            });
        }
    });
}

What I am unsure about is how to bind to the 'Save' on the profile snippet so that it actually saves the edits in the profile, closes the pop up and refreshes by report with the new data.

Any help appreciated

hey xavier - thanks for the reply

do you mean civicrm/profile/edit ? and wouldn't i need to pass the contact id somehow? are you not happy with 6) because you want to update the page?

i am on 4.1.6 sadly - can't upgrade for a couple of weeks but will try when i do and (am using the bits i can now)...

do you mean civicrm/profile/edit ? and wouldn't i need to pass the contact id somehow?

yes, cid=yy (or contact_id=yy ?)

are you not happy with 6) because you want to update the page?

Yes, don't know about your use case, but in general you'd want to update the page that contained that dialog.

i am on 4.1.6 sadly - can't upgrade for a couple of weeks but will try when i do and (am using the bits i can now)...

If you copy js/jquery/crmeditable.js and includes it in the list of js, should work (not for the other edit in place, but for the dialog mode it should)

can you tell me (or get the gods of the interwebs to tell me) what the best way to call that function for a specific contact id is? since this will be a report full of contacts, i need a way of specifying which contact to edit.

Well, if you create the link in the template for each contact (row?), you just have to put the right url with the contact id for each row.

I you need to do it dynamically, What I push as the new standard and what I'm using for the edit in place is to put in a parent element in the dom (eg if it's a list in the tr, otherwise in a div:
<tr class='crm-entity' id='contact_{$row.contact_id}'>

(assuming you have the contact id assigned somewhere in the template, adjust the {$row.contact_id} accordingly)
Then in js, you look for the nearest parent that has the class crm-entity and extract the id
            var id= $i.closest('.crm-entity').attr('id');
            if (id) {
              var e=id.match(/(\S*)-(\S*)/);
               if (!e)
                 $().crmNotification ("Couldn't get the entity id. You need to set class='crm-entity' id='{entityName}-{id}'",'notification',this);
              //var entity=e[1];
              var contact_id=e[2];
            }


and you have it.
crmeditable has a method getEntityID, but it's private. Might make it available to outside if needed.

Another way the gods of the interwebs are telling me to use is the html5 data, so
instead of

<tr class='crm-entity' id='contact_{$row.contact_id}'>

you do

<tr class='crm-entity' data-entity='contact' data-id='{$row.contact_id}'>

and the js is

            var contact_id= $i.closest('.crm-entity').data('id');

The data-entity='contact' is not necessary, but they are telling me it's good practice.