Email plugin

Edit Subject

Hello Arjun,

Thank you for your question. You appear to have a good working knowledge of the email plugin. Have you tried using the send button click event handlers components parameter? It includes a contentBody property that contains the message body, as follows:

<code>appAPI.ready(function($) {

  // Load the Email plugin

  var emailHook = appAPI.hooks.register('emails');


  // Register the Send Button click event

emailHook.addListener('send_button_clicked', function(components) {

  // Do something with the message body

  console.log('Message body::' + components.contentBody);

});

});

Hi Shlomo,

Thank you very much for a swift reply. I'm enjoying cross rider so far.

components.contentBody returns 'undefined' and not the content of the message. while components.subject.val() returns the right subject. See below for the code

emailHook.addListener('send_button_clicked', function(components) {
console.log('Subject while send button clicked:'+components.subject.val()); //works
console.log('Message body while send button is clicked::' + components.contentBody); //does not work. returns 'undefined'
});

Is there an API to the email plugin? I could not find one in the wiki. Looks like there might be other functions that could be of great use to my project.

Also, would you kindly suggest a way to fetch the local file path of the attachments that user had added to his/her email? I hope there is an easy way to do this. I'm concerned only about gmail so far if that makes any difference.

I'm a newbie to the exciting world of browser extension and would appreciate any help.

Thanks again

Hello Arjun,

Due to the ever changing Google Mail, it appears that their more recent changes have "broken" that part of the plugin.

I have reported the issue to the dev team, but it may be awhile before they get a chance to take a look at it.

However, in the meantime you can work around the issue using jquery to grab the message body as follows:

<code>appAPI.ready(function($) {

  // Load the Email plugin

  var emailHook = appAPI.hooks.register('emails');


  // Register the Send Button click event

  emailHook.addListener('send_button_clicked', function(components) {

    // Do something with the message body

    console.log('Message::',

      $('div').find('[aria-label="Message Body"]').text() // Message body

    );

  });

});

Hi Shlomo,

Once again thank you loads for your suggestion. It works perfectly.

Any idea on attachments? I'm struggling with that. I looked at gmail's source code but could not find a way. The best I got so far,

console.log('Val::',$('div').find('[class="dL"]').text()); 

which returns only the names of the files attached as

file1.doc (80K) file2.xlx (127K)

This is of no use. Is there anyway to get hold of the file itself? Does the email plugin have any inbuilt functions to do this?

Many thanks in anticipation

Hello Arjun,

I'm afraid attachments are a much more complex matter and they are not provided for by the Email Plugin.

However, we suspect that in older browsers Gmail use Flash to upload files (in which case you cannot obtain them at all) and the HTML 5 File API in new browsers in which case you may be able to get a handle to the file using the API.

If you succeed, feel free to share the code for the benefit of others and I'll pass it on to our dev team to consider for implementation.

I am putting this question as it is for the same plugin
I can get editor, subject etc components in current gmail page.
I want to get/set to,cc,bcc components
i had seen code from plugin which say :
components.to.val();
which is not working.

Here is my code.

this.addPanelButton('testing', function(components) {
var editor = this.getComponent('to');
alert(editor.val());
}

subject and editor working but to,cc not.

If I set the value myself like editor.val('test@testing.com');
it will alert test@testing.com.
but if setting by writing in gmail To part
it will show NULL

what can be the problem?

Hello Arjun,

Similarly, the gmail changes have affected this component as well and can be worked around by using jQuery, as follows:

<code>this.addPanelButton('testing', function(components) { 

  var to = []; $('input[name="to"]').each(function() {to.push($(this).val());});

}