Welcome to emite widgets show case

Emite widgets are simple xmpp UI elements that can be easily inserted into html pages, without any javascript or java knowledge. To insert a widget you only have to create a div tag with a specified class attribute. For example:

<div id=\"charla1\" class=\"box emite-widget-charla\" data-jid=\"test1@emitedemo.ourproject.org\"      data-password=\"test1\" data-chat=\"admin@emitedemo.ourproject.org\">
  loading widget...
</div>
        

All the widget parameters are also inserted in the html (all the div attributes prefixed with 'data-' as the HTML5 spec. recommends) and no javascript is required for initialization.

Here is a example of each emite widget available.

Composed widgets

Normally you will insert one of them in a page.

Charla widget (emite-widget-charla)

One to one chat widget with login.

loading widget...

Comenta widget

Room widget with login.

loading widget...

Conversations panel

This composite is not intented to use standalone but as part of Habla widget. Basically a panel that create a tab for each chat opened

coming soon...

Simple widgets

You dont usually insert them on pages... but here they are.

Logger widget

Simple logger panel. You can see incoming and outcoming messages as well as errors.

loading widget...

Login widget

To login into a xmpp session: here is only on xmpp session for each page so, as you can see, when you login with a LoginWidget you do it in all of them... i can not imagine a scenario where two LoginWidgets are needed.

loading widget...

Logout widget

Normally, you dont need this one.

loading widget...

Chat widget

As its name implies, this widgets starts a one-to-one chat. You can configure the target user by specifing the user JID in the attribute 'chat' of the container div.

loading widget...

Roster widget

A simple roster widget. I hope you will be able (near future) to attach events to know when the user clicks or double clicks a roster item

loading widget...

Room widget

Two examples of room widgets. First without presence and second with. This is configured by the data-presence attribute in the div box.

loading widget...
loading widget...

Room presence widget

Usually as a part of a room widget.

loading widget...