Forked mumble-django project from https://bitbucket.org/Svedrin/mumble-django
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
189 lines
7.4 KiB
189 lines
7.4 KiB
// kate: space-indent on; indent-width 4; replace-tabs on;
|
|
|
|
Ext.namespace('Ext.ux');
|
|
|
|
Ext.ux.MumbleChannelNodeUI = Ext.extend(Ext.tree.TreeNodeUI, {
|
|
renderElements : function(n, a, targetNode, bulkRender){
|
|
Ext.ux.MumbleUserNodeUI.superclass.renderElements.call( this, n, a, targetNode, bulkRender );
|
|
Ext.DomHelper.applyStyles( this.elNode, 'position: relative' );
|
|
var tpl = new Ext.DomHelper.createTemplate(
|
|
'<img style="position: absolute; top: 0px; right: {pos}px;" src="/static/mumble/{icon}.png"/>'
|
|
);
|
|
var icons = []
|
|
if( a.chandata.description != "" ) icons.push( "comment_seen" );
|
|
var pos = 8;
|
|
for( var i = 0; i < icons.length; i++ ){
|
|
tpl.append( this.elNode, {'icon': icons[i], 'pos': pos} );
|
|
pos += 18
|
|
}
|
|
}
|
|
});
|
|
|
|
Ext.ux.MumbleUserNodeUI = Ext.extend(Ext.tree.TreeNodeUI, {
|
|
renderElements : function(n, a, targetNode, bulkRender){
|
|
Ext.ux.MumbleUserNodeUI.superclass.renderElements.call( this, n, a, targetNode, bulkRender );
|
|
Ext.DomHelper.applyStyles( this.elNode, 'position: relative' );
|
|
var tpl = new Ext.DomHelper.createTemplate(
|
|
'<img style="position: absolute; top: 0px; right: {pos}px;" src="/static/mumble/{icon}.png"/>'
|
|
);
|
|
var icons = []
|
|
if( a.userdata.userid != 0 ) icons.push( "authenticated" );
|
|
if( a.userdata.selfMute ) icons.push( "muted_self" );
|
|
if( a.userdata.mute ) icons.push( "muted_server" );
|
|
if( a.userdata.suppress ) icons.push( "muted_suppressed" );
|
|
if( a.userdata.selfDeaf ) icons.push( "deafened_self" );
|
|
if( a.userdata.deaf ) icons.push( "deafened_server" );
|
|
if( a.userdata.comment != "" ) icons.push( "comment_seen" );
|
|
var pos = 8;
|
|
for( var i = 0; i < icons.length; i++ ){
|
|
tpl.append( this.elNode, {'icon': icons[i], 'pos': pos} );
|
|
pos += 18
|
|
}
|
|
}
|
|
});
|
|
|
|
Ext.ux.MumbleChannelViewer = function( config ){
|
|
Ext.apply( this, config );
|
|
|
|
Ext.applyIf( this, {
|
|
title: gettext("Channel Viewer"),
|
|
refreshInterval: 10000,
|
|
idleInterval: 2,
|
|
autoScroll: true,
|
|
root: {
|
|
text: gettext("Loading..."),
|
|
leaf: true
|
|
}
|
|
});
|
|
|
|
Ext.applyIf( this, {
|
|
// This stuff needs the above applied already
|
|
// x-btn x-btn-noicon
|
|
bbar: [ gettext("Auto-Refresh")+':', {
|
|
xtype: "checkbox",
|
|
ref: "../cbAutoRefresh",
|
|
scope: this,
|
|
handler: this.setAutoRefresh,
|
|
checked: (this.refreshInterval > 0),
|
|
}, {
|
|
xtype: "numberfield",
|
|
width: 30,
|
|
value: this.refreshInterval / 1000,
|
|
ref: "../nfAutoRefreshInterval",
|
|
scope: this,
|
|
selectOnFocus: true,
|
|
listeners: {
|
|
render: function(c) {
|
|
Ext.QuickTips.register({
|
|
target: c.getEl(),
|
|
text: gettext('Enter the interval in seconds in which the channel viewer should refresh and hit Enter.')
|
|
});
|
|
},
|
|
specialkey: function( field, ev ){
|
|
if( ev.getKey() == ev.ENTER ){
|
|
this.scope.setAutoRefresh(); // lawl
|
|
this.blur();
|
|
}
|
|
}
|
|
},
|
|
}, gettext("Seconds"), '->', {
|
|
xtype: "button",
|
|
text: gettext("Refresh"),
|
|
handler: this.refresh,
|
|
scope: this
|
|
}]
|
|
} );
|
|
|
|
Ext.ux.MumbleChannelViewer.superclass.constructor.call( this );
|
|
this.autoRefreshId = 0;
|
|
this.setAutoRefresh();
|
|
}
|
|
|
|
Ext.extend( Ext.ux.MumbleChannelViewer, Ext.tree.TreePanel, {
|
|
setAutoRefresh: function(){
|
|
if( this.autoRefreshId != 0 ){
|
|
clearTimeout( this.autoRefreshId );
|
|
}
|
|
if( this.cbAutoRefresh.getValue() ){
|
|
this.refreshInterval = this.nfAutoRefreshInterval.getValue() * 1000;
|
|
this.autoRefresh();
|
|
}
|
|
else{
|
|
this.refreshInterval = 0;
|
|
}
|
|
},
|
|
|
|
autoRefresh: function(){
|
|
this.refresh();
|
|
if( this.refreshInterval > 0 ){
|
|
this.autoRefreshId = this.autoRefresh.defer( this.refreshInterval, this );
|
|
}
|
|
},
|
|
|
|
refresh: function(){
|
|
var conn = new Ext.data.Connection();
|
|
conn.request({
|
|
url: this.source_url,
|
|
scope: this,
|
|
success: function( resp, opt ){
|
|
var respdata = Ext.decode( resp.responseText );
|
|
var root = {
|
|
text: respdata.name,
|
|
id: "mumbroot",
|
|
leaf: false,
|
|
icon: '/static/mumble/mumble.16x16.png',
|
|
children: [],
|
|
};
|
|
function populateNode( node, json ){
|
|
var subchan_users = 0;
|
|
for( var i = 0; i < json.channels.length; i++ ){
|
|
var child = {
|
|
text: json.channels[i].name,
|
|
id: ("channel_" + json.channels[i].id),
|
|
leaf: true,
|
|
icon: '/static/mumble/channel.png',
|
|
children: [],
|
|
uiProvider: Ext.ux.MumbleChannelNodeUI,
|
|
chandata: json.channels[i]
|
|
};
|
|
node.leaf = false;
|
|
node.children.push( child );
|
|
subchan_users += populateNode( child, json.channels[i] );
|
|
}
|
|
for( var i = 0; i < json.users.length; i++ ){
|
|
var child = {
|
|
text: json.users[i].name,
|
|
id: ("user_" + json.users[i].session),
|
|
leaf: true,
|
|
uiProvider: Ext.ux.MumbleUserNodeUI,
|
|
userdata: json.users[i]
|
|
};
|
|
if( json.users[i].idlesecs <= this.idleInterval )
|
|
child.icon = '/static/mumble/talking_on.png';
|
|
else
|
|
child.icon = '/static/mumble/talking_off.png';
|
|
node.leaf = false;
|
|
node.children.push( child );
|
|
}
|
|
if( json.id == 0 || json.users.length > 0 || subchan_users )
|
|
node.expanded = true;
|
|
return subchan_users + json.users.length;
|
|
}
|
|
populateNode( root, respdata.root );
|
|
this.setRootNode( root );
|
|
},
|
|
failure: function( resp, opt ){
|
|
if( this.refreshInterval > 0 )
|
|
this.cbAutoRefresh.setValue(false);
|
|
Ext.Msg.show({
|
|
title: gettext("Update error"),
|
|
msg: gettext("Querying the server failed, so the channel viewer has not been updated."),
|
|
icon: Ext.MessageBox.ERROR,
|
|
buttons: Ext.MessageBox.OK
|
|
});
|
|
},
|
|
});
|
|
},
|
|
} );
|
|
|
|
Ext.reg( 'mumblechannelviewer', Ext.ux.MumbleChannelViewer );
|