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.
Normally you will insert one of them in a page.
One to one chat widget with login.
Room widget with login.
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
You dont usually insert them on pages... but here they are.
Simple logger panel. You can see incoming and outcoming messages as well as errors.
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.
Normally, you dont need this one.
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.
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
Two examples of room widgets. First without presence and second with. This is configured by the data-presence attribute in the div box.
Usually as a part of a room widget.