You are here

Integrating iJab with Roundcube

Integrating iJab with Roundcube is a good solution for having web based Mail+XMPP (jabber) client. Steps for configuring iJab can be found on its website. Here I shall mention how you can integrate both of them:

  • Below is a sample html file for loading both iJab and Roundcube together:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <!-- The HTML 4.01 Transitional DOCTYPE declaration-->
    <!-- above set at the top of the file will set     -->
    <!-- the browser's rendering engine into           -->
    <!-- "Quirks Mode". Replacing this declaration     -->
    <!-- with a "Standards Mode" doctype is supported, -->
    <!-- but may lead to some differences in layout.   -->
    
    <html style="height: 100%; padding: 0; margin: 0; border: none;">
    <body style="height: 100%; padding: 0; margin: 0; border: none;">
      <iframe style="height: 100%; width: 100%; padding: 0; margin: 0; border: none;" src="/roundcubemail-0.4/"></iframe>
      <script type="text/javascript" language="javascript" src="/ijab-v1.0-beat3-2/ijab_config.js"></script>
      <script type="text/javascript" language="javascript" src="/ijab-v1.0-beat3-2/ijab_i18n_en.js"></script>
      <script type="text/javascript" language="javascript" src="/ijab-v1.0-beat3-2/ijab/ijab.nocache.js"></script>
    </body>
    </html>
    
  • Further to auto login to iJab when you enter username and password in roundcube webmail as well as auto logout when you logout from roundcube, download my Roundcube iJab plugin, extract it to roundcube "plugins" folder and add "ijab" to the list of roundcube plugins in "main.inc.php".
    Previously I had used a dirty hack of modifying skins/default/templates/login.html file as I did not know how to write roundcube plugin then. If you had modified that file earlier, then I suggest you revert those changes and use the above plugin instead.
  • BONUS: Logout shortcut for iJab. Add the below shortcut to /ijab-v1.0-beat3-2/ijab_config.js:
    {
        href:"javascript:iJab.logout()",
        target:"_self",
        img:"/ijab-v1.0-beat3-2/ijab/images/logout.png",
        text:"Logout"
    }
    

    You can download logout.png here

References:

http://code.google.com/p/ijab/ - iJab Website
http://code.google.com/p/ijab/w/list - iJab Wiki
http://www.ijab.im/node/4 - iJab Demos
http://www.ijab.im/node/88 - Integrating iJab into your website
http://www.ijab.im/node/90 - iJab API
http://code.google.com/p/ijab/wiki/iJabWithEjabberd - Integrating iJab with Ejabberd

AttachmentSize
Image icon logout.png735 bytes
File roundcube-plugin-ijab.tgz622 bytes
Category: 

Comments

This is really interesting news!
What ijab version did you you use?
I can't get either of ijab-V1.0-beta3 or ijab-V1.0-beta2 to work with my ejabberd server, and that is before even trying to integrate it with roundcube.

I have configured it with ijab-v1.0-beta3-2. The most important thing to make sure is that reverse proxy for http-bind works as expected. You can directly access the url http://server.example.com/http-bind/ to make sure that your reverse proxy is set up properly.

Thank you, I did manage to get it to work. It was my apache setup that needed tweaking. :)

However, if integration with ijab should be possible to deploy in a production environment, then much work would have to be done on styling ijab. Out of the box it comes out as a bar that partly covers bottom part of roundcube. Do you know if anyone have done some work on this? (Unfortunately CSS is not my strongest skill :)

This is good work, you should list you plugin in the Roundcube Plugin Repository here:

http://trac.roundcube.net/wiki/Plugin_Repository

Thanks for the suggestion Julien. I have added the link to this article in Roundcube Plugins Repository Page.

ijab-v1.0-beta doesn't work for me, with or without roundcube.
v0.1.7 does work flawlessly, but it doesn't have the nice bar...
Did someone get v1-beta working? If yes, can you please tell me what you did exactly?

Thanks

ops, just forgot an a2enmod proxy; a2enmod proxy_http :D

I plugged in the settings iyab plugin, but when entering the e-mail, there is no toolbar and no one knows who successfully entered the jabber or not.

Hi,
I have loaded the plugin. Can see the Javascript loading in firebug, but I am not able to see any window of iJab in my roundcube.
Have install ijab-v1.0-beta3-2. Using roundcube 0.8.2 and LDAP as authentication Backend. Jabber Server is configured.
Can anyone help to run iJab.
thanks

Add new comment