meetme.html

asterisk 的图形管理界面

				return false;
			}
		}
	}

	return true;
}

callbacks.identifier = "extension";

callbacks.eachline = true;

callbacks.savechanges = function(){
	var f = _$('meetme_conf') ;
	var temp_rooms_r =  -1 ;
	var oldvalue = "" ;
	for ( var r=0; r < f.stored_config.catbyname.rooms.fields.length; r++ ) {
		var k = f.stored_config.catbyname.rooms.fields[r].split(",");
		if(k[0] == temp_selectedexten ){
			oldvalue = f.stored_config.catbyname.rooms.fields[ r];
			temp_rooms_r = r ;
			break;
		}
	}
	var newvalue = _$('name').value + ","+ _$('pin').value + "," + _$('pinadmin').value;

	if ( oldvalue ==  newvalue ){
		_$('save').disabled = true;
		_$('cancel').disabled = true;
		return;
	}else{
		var uri = "";
		var p = 0 ;
		if( temp_rooms_r !=  -1 ){  // if is an existing conference
			uri +=  build_action('delete', p, "rooms" ,"conf", "", oldvalue );  p++;
		}
		uri += build_action('append', p, "rooms","conf", newvalue );  p++;
		var opt = { method: 'get', asynchronous: true, onComplete: function(){ 
				if( temp_rooms_r ==  -1 ){ // add
					f.stored_config.catbyname.rooms.fields.push( newvalue );
				}else{  // update
					f.stored_config.catbyname.rooms.fields[temp_rooms_r] =  newvalue ;
				}
			_$('save').disabled = true; 
			_$('cancel').disabled = true;
			} 
		};
		opt.parameters="action=updateconfig&srcfilename=" + encodeURIComponent("meetme.conf") + "&dstfilename=" + encodeURIComponent("meetme.conf") + uri;
		var tmp = new Ajax.Request(asterisk_rawmanPath , opt);
		return true;
	}
}


callbacks.oncategorydelete = function(){
	var f = _$('meetme_conf') ;
	for ( var r=0; r < f.stored_config.catbyname.rooms.fields.length; r++ ) {
		var k = f.stored_config.catbyname.rooms.fields[r].split(",");
		if(k[0] == temp_selectedexten ){
			var uri =  build_action('delete', 0, "rooms" ,"conf", "", f.stored_config.catbyname.rooms.fields[r] );  
			var opt = { 	
				method: 'get', 
				asynchronous: true, 
				onComplete: function(){ f.stored_config.catbyname.rooms.fields.splice(r ,1); } 
			};
			opt.parameters="action=updateconfig&srcfilename=" + encodeURIComponent("meetme.conf") + "&dstfilename=" + encodeURIComponent("meetme.conf") + uri;
			var tmp = new Ajax.Request(asterisk_rawmanPath , opt);
			break;
		}
	}
}


usercallbacks.format = function(t) {
	if ( t.name == 'general' ){
		localextenlength =  (t.fieldbyname['localextenlength'] && t.fieldbyname['localextenlength'].length) ? t.fieldbyname['localextenlength'] : 4 ;
		return null;
	}

	if ( t.fieldbyname['context'] == asterisk_guiTDPrefix + t.name ) {
		return null;
	}

	if (t.fieldbyname['fullname'] && t.fieldbyname['fullname'].length) {
		return t.name + " -- " + t.fieldbyname['fullname'];
	} else{
		return t.name;
	}
}

usercallbacks.loaded = function() {
	parent.astmanEngine.config2list("extensions.conf", _$('extensions'), widgets, callbacks);
}

function togglefeatures() {
	if (adstatus == "shown") {
		adstatus = "hidden";
		new Rico.Effect.Size('advancedw', null, 1, 120, 8, {complete:function() { _$('advancedw').style.height=1;} } );
	} else {
		adstatus = "shown";
		_$('advancedw').style.visibility = "visible";
		new Rico.Effect.Size('advancedw', null, 130, 120, 8 );
	}
}

function localajaxinit() {
	setWindowTitle("Conferencing");
	var _aw_sty = _$('advancedw').style ; 
	_aw_sty.overflow = "hidden";
	_aw_sty.height = 1;
	_aw_sty.width = $('split').style.width;
	
	adstatus = "hidden";
	_$('extensions').contentEditable = 'false';
	for (var x =0; x < fieldnames.length; x++) {
		widgets[fieldnames[x]] = _$(fieldnames[x]);
		widgets[fieldnames[x]].disabled = true;
	}

	enable_disable_fields(0);

	add_event( _$('pin') , 'keyup', enable_save_cancel );
	add_event( _$('pinadmin') , 'keyup', enable_save_cancel );
	add_event( _$('pin') , 'change', enable_save_cancel );
	add_event( _$('pinadmin') , 'change', enable_save_cancel );

	parent.astmanEngine.config2list("meetme.conf", $('meetme_conf'), new Array(), meetmecallbacks);
}


function enable_save_cancel(){
	_$('save').disabled = false;
	_$('cancel').disabled = false;
}


meetmecallbacks.format = function(t) {
	if(t.name == 'rooms' ){return t.name;}else{return null;}
}


meetmecallbacks.loaded = function() {
	parent.astmanEngine.config2list("users.conf", _$('hiddenusers'), new Array(), usercallbacks);
}

function free_mem( ){
	if( navigator.userAgent.indexOf("MSIE") == -1 ){ return true; }
	try{
	widgets['save'].hostselectbox = null ;
	widgets['cancel'].hostselectbox = null ;
	widgets['newitem'].hostselectbox = null ;
	widgets['delete'].hostselectbox = null ;
	purge( document.body );
	} catch(e) { }
}

</script>
<body id="foo" onload="localajaxinit()"  bgcolor="EFEFEF"  onunload="free_mem()">
<div class="mainscreenTitleBar">
	<span style="margin-left: 4px;font-weight:bold;">Conference Bridge Extensions Configuration</span>
	<span style="cursor: pointer; cursor: hand;" onclick="window.location.href=window.location.href;" >&nbsp;<img src="images/refresh.png" title=" Refresh " border=0 >&nbsp;</span>
</div>
<div class="mainscreenContentBox" id="mailboxcontent">
<table class="mainscreenTable" align="center">
	<tr valign="top"><td colspan='2'>Extensions:</td>	</tr>
	<tr valign="top">
		<td>	<select disabled size="25" id="extensions" style="width:220px;" class="input10"><option>Loading...</option></select>
			<select id='hiddenusers' style='display:none;'></select><select id='meetme_conf' style='display:none;'></select>
		</td>
		<td style="width:311px;height: 415px">
			<div id='adjustments'>
			<table cellspacing='0' cellpadding='0'>
			<tr valign="top">
			<td>	<table>
				<tr onmouseover="show_tooltip('en', 'meetme', 0);" >
					<td class="field_text">Extension:</td>
					<td>&nbsp;<input size='5' id='name' pattern='^\d*$' class="input8"></td>
				</tr>
				<tr onmouseover="show_tooltip('en', 'meetme', 1);">
					<td class="field_text">PIN Code:</td>
					<td>&nbsp;<input size='5' id='pin' pattern='^\d*$' class="input8"></td>
				</tr>
				<tr onmouseover="show_tooltip('en', 'meetme', 2);">
					<td class="field_text">Administrator PIN Code:</td>
					<td>&nbsp;<input size='5' id='pinadmin' pattern='^\d*$' class="input8"></td>
				</tr>
				<tr onmouseover="show_tooltip('en', 'meetme', 3);">
					<td class="field_text">Play hold music for first caller</td>
					<td><input type='checkbox' id='music'></td>
				</tr>
				<tr onmouseover="show_tooltip('en', 'meetme', 4);">
					<td class="field_text">Enable caller menu</td>
					<td><input type='checkbox' id='menu'></td>
				</tr>
				<tr onmouseover="show_tooltip('en', 'meetme', 5);">
					<td class="field_text">Announce callers</td>
					<td><input type='checkbox' id='announce'></td>
				</tr>
				<tr>	<td colspan='2'></td>	</tr>
				</table>
			</td>
			</tr>
			<tr ><td height=10></td></tr>
			<tr onmouseover="show_tooltip('en', 'meetme', 6);">
				<td style="cursor: pointer; cursor: hand;">
					<img id="split" onClick="togglefeatures()" src="images/split-v.gif">
				</td>
			</tr>
			<tr>	<td>	<div style="background-image:url(images/slice-v.gif);" id='advancedw'>
					<table id='advancedi' align='center'>
					<tr onmouseover="show_tooltip('en', 'meetme', 7);">
						<td class="field_text">Room Override:</td>
						<td>&nbsp;<input size='5' id='room' pattern='^\d*$' class="input8"></td>
					</tr>
					<tr onmouseover="show_tooltip('en', 'meetme', 11);">
						<td class="field_text">Record conference</td>
						<td><input type='checkbox' id='record'></td>
					</tr>
					<tr onmouseover="show_tooltip('en', 'meetme', 8);">
						<td class="field_text">Quiet Mode</td>
						<td><input type='checkbox' id='quiet'></td>
					</tr>
					<tr onmouseover="show_tooltip('en', 'meetme', 9);">
						<td class="field_text">Wait for marked user</td>
						<td><input type='checkbox' id='waitmarked'></td>
					</tr>
					<tr onmouseover="show_tooltip('en', 'meetme', 10);">
						<td class="field_text">Set marked user</td>
						<td><input type='checkbox' id='setmarked'></td>
					</tr>
					</table>
					</div>
				</td>
			</tr>
			<tr onmouseover="show_tooltip('en', 'meetme', 6);">
				<td style="cursor: pointer; cursor: hand;">
					<img onClick="togglefeatures()" src="images/adv-v.gif">
				</td>
			</tr>
			</table>
			</div>
		</td>
	</tr>
	<tr>	<td align='center'>
			<input type='button' id='newitem' value='New' class="buttonbold">&nbsp;
			<input  type='button' id='delete' value='Delete' class="buttonbold">
		</td>
		<td align='center' colspan='2'>
			<input  class="buttonbold" type='button' id='save' value='Save'>&nbsp;
			<input  class="buttonbold" type='button' id='cancel' value='Cancel'>
		</td>				
	</tr>
</table>
</body>