98 lines
2.5 KiB
JavaScript
98 lines
2.5 KiB
JavaScript
|
$( document ).ready( function () {
|
||
|
|
|
||
|
|
var client,
|
||
|
|
destination;
|
||
|
|
|
||
|
|
$( '#connect_form' ).submit( function ( e ) {
|
||
|
|
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
var url = $( '#connect_url' ).val(),
|
||
|
|
loginName = $( '#connect_login' ).val(),
|
||
|
|
passcode = $( '#connect_passcode' ).val();
|
||
|
|
|
||
|
|
destination = $( '#destination' ).val();
|
||
|
|
|
||
|
|
client = AeroGear.Notifier({
|
||
|
|
name: 'stomp',
|
||
|
|
type: 'stompws',
|
||
|
|
settings: {
|
||
|
|
connectURL: url
|
||
|
|
}
|
||
|
|
}).clients.stomp;
|
||
|
|
|
||
|
|
var debug = function ( str ) {
|
||
|
|
$( '#debug' ).append( str + "\n" );
|
||
|
|
},
|
||
|
|
onconnect = function () {
|
||
|
|
debug( 'connected to Stomp');
|
||
|
|
$( '#connect' ).fadeOut({
|
||
|
|
duration: 'fast'
|
||
|
|
});
|
||
|
|
$( '#disconnect' ).fadeIn();
|
||
|
|
$( '#send_form_input' ).removeAttr( 'disabled' );
|
||
|
|
$( '#unsubscribe' ).fadeIn();
|
||
|
|
|
||
|
|
client.debug( debug );
|
||
|
|
|
||
|
|
var onsubscribe = function ( message ) {
|
||
|
|
$( '#messages' ).append( "<p>" + message.body + "</p>\n" );
|
||
|
|
};
|
||
|
|
|
||
|
|
client.subscribe({
|
||
|
|
address: destination,
|
||
|
|
callback: onsubscribe
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
client.connect({
|
||
|
|
login: loginName,
|
||
|
|
password: passcode,
|
||
|
|
onConnect: onconnect
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
$( '#disconnect_form' ).submit( function ( e ) {
|
||
|
|
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
var ondisconnect = function () {
|
||
|
|
$( '#disconnect' ).fadeOut({
|
||
|
|
duration: 'fast'
|
||
|
|
});
|
||
|
|
$( '#unsubscribe' ).fadeOut({
|
||
|
|
duration: 'fast'
|
||
|
|
});
|
||
|
|
$( '#connect' ).fadeIn();
|
||
|
|
$( '#send_form_input' ).attr( 'disabled', 'disabled' );
|
||
|
|
$( '#messages' ).empty();
|
||
|
|
$( '#debug' ).empty();
|
||
|
|
};
|
||
|
|
|
||
|
|
client.disconnect( ondisconnect );
|
||
|
|
});
|
||
|
|
|
||
|
|
$( '#unsubscribe_form' ).submit( function ( e ) {
|
||
|
|
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
client.unsubscribe( [{ address: destination }] );
|
||
|
|
|
||
|
|
$( '#unsubscribe' ).fadeOut({
|
||
|
|
duration: 'fast'
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
$( '#send_form' ).submit( function ( e ) {
|
||
|
|
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
var text = $( '#send_form_input' ).val();
|
||
|
|
if (text) {
|
||
|
|
client.send( destination, text );
|
||
|
|
$('#send_form_input').val( '' );
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|