Live Free. Live Happy.

Categories

Integrating iJab with Roundcube

Written by

rahul

in

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

Attachments

Comments

9 responses to “Integrating iJab with Roundcube”

  1. Christine avatar
    Christine

    Nice
    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.

    Reply
  2. rahul avatar
    rahul

    I have configured it with
    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.

    Reply
    1. Christine avatar
      Christine

      Thank you, I did manage to
      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 🙂

      Reply
  3. Julien avatar
    Julien

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

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

    Reply
    1. rahul avatar
      rahul

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

      Reply
  4. Darkbasic avatar
    Darkbasic

    ijab-v1.0-beta does not work
    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

    Reply
    1. Darkbasic avatar
      Darkbasic

      ops, just forgot an a2enmod
      ops, just forgot an a2enmod proxy; a2enmod proxy_http 😀

      Reply
  5. Roman avatar
    Roman

    I plugged in the settings
    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.

    Reply
  6. Ganesh avatar
    Ganesh

    Hi,
    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

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

More posts