home.html

asterisk 的图形管理界面

<!--
 * Asterisk-GUI	-	an Asterisk configuration interface
 *
 * Initial login screen
 *
 * Copyright (C) 2006-2007, Digium, Inc.
 *
 * Mark Spencer <[e-mail]>
 * Pari Nannapaneni <[e-mail]>
 *
 * See http://www.asterisk.org for more information about
 * the Asterisk project. Please do not directly contact
 * any of the maintainers of this project for assistance;
 * the project provides a web site, mailing lists and IRC
 * channels for your use.
 *
 * This program is free software, distributed under the terms of
 * the GNU General Public License Version 2. See the LICENSE file
 * at the top of the source tree.
 *
-->
<script src="scripts/prototype.js"></script>
<link href="stylesheets/rico.css" media="all" rel="Stylesheet" type="text/css" />
<link href="stylesheets/schwing.css" media="all" rel="Stylesheet" type="text/css" />
<script>
var demo = new Object;
var localloggedon = -1;
var asterisk_guitools = parent.asterisk_guitools;
var asterisk_rawmanPath = parent.asterisk_rawmanPath;

function updateButtons(){
	var f = parent.loggedon;
	_$('username').disabled = (f)?1:0;
	_$('secret').disabled = (f)?1:0;
	_$('logoff').disabled = (f)?0:1;
	_$('login').disabled = (f)?1:0;
	if(!f){ try{ _$('username').focus();}catch(err){ } }
}

function loggedOn() {
	if ((parent.loggedon == 1) && (localloggedon == 1)){ return; }
	if(_$('secret').value=="password"){
		parent.loggedon = 1;
		localloggedon = 1;
		var _ll = parent._$('logoutlink'); 
		_ll.innerHTML = "Logout";
		_ll.onclick = parent.Logoff ;
		_ll.style.display = "" ;
		parent.gui_alert("You are using the default password provided by AsteriskNOW !! \n\n It is strongly recommended that you change your default password ");
		window.location.href="options.html";
		return;
	}

	if( parent.asterisk_guitools_inextconf == 0){
		checkessentials();
	}

	parent.setLoggedOn(1);
	parent.loggedon = 1;
	localloggedon = 1;
	_$('username').className  = "input9_disabled";
	_$('secret').className  = "input9_disabled";
	updateButtons();
	_$('statusbar').innerHTML = "<img src='images/tick.gif'><i>Connected!</i>";
	var _rc = parent._$('reloadconfig'); 
	_rc.innerHTML = "Activate Changes";
	_rc.onclick = parent.reloadConfig ;
	_rc.style.display = "" ;
	var _ll = parent._$('logoutlink'); 
	_ll.innerHTML = "Logout";
	_ll.onclick = parent.Logoff ;
	_ll.style.display = "" ;

}

function loggedOff() {
	if ((parent.loggedon == 0) && (localloggedon == 0))
		return;
	parent.setLoggedOn(0);
	parent.document.getElementById('logoutlink').innerHTML = "&nbsp;";
	localloggedon = 0;
	_$('username').className  = "input9";
	_$('secret').className  = "input9";
	updateButtons();
}

demo.logoffs = function(msgs) {
	_$('statusbar').innerHTML = msgs[0].headers['message'];
	loggedOff();
};

demo.logins = function(msgs) {
	_$('statusbar').innerHTML = msgs[0].headers['message'];
	if ( msgs[0].headers['response'] == "Success" ){
		parent.gui_feedback("Login Successful",'blue',6000);
		_$('statusbar').innerHTML = "<img src='images/tick.gif'><i>Connected!</i>";
		parent.astmanEngine.pollEvents();
		loggedOn();
	}else if( msgs[0].headers['message'] == "Authentication failed" ){
		parent.gui_feedback("Invalid Username/Password",'default',6000);
		_$('username').focus();
		_$('username').select();
		loggedOff();
	}else{
		loggedOff();
	}
};

demo.pongs  = function(msgs) {
	resp = msgs[0].headers['response'];
	if (resp == "Pong") {
		_$('statusbar').innerHTML = "<i>Already connected...</i>";
		loggedOn();
		parent.loadscreen(this);
	} else {
		_$('statusbar').innerHTML = "<i>Please login...</i>";
		loggedOff();
		parent.loadscreen(this);
	}
}

function doLogin() {
	if( _$('username').value == "" ){
		parent.gui_feedback("Please enter a Username");
		_$('username').focus();
		return true;			
	}

	if( _$('secret').value == "" ){
		parent.gui_feedback("Please enter a password");
		_$('secret').focus();
		return true;			
	}
	parent.document.getElementById('login_name').value = _$('username').value ;
	_$('statusbar').innerHTML = "<i>Logging in...</i>";
	parent.astmanEngine.sendRequest('action=login&username=' + _$('username').value + "&secret=" + _$('secret').value, demo.logins);
}

function doLogoff() {
	parent.Logoff();
}

function localajaminit() {	
	parent.astmanEngine.sendRequest('action=ping', demo.pongs);
}

function localinit() {
	top.document.title = "Asterisk GUI (Beta) -- Home";
	localajaminit();
}

function submitOnEnter(e){ 
	if(e.keyCode == 13){ 
		doLogin();
		return false;
	}
}

function checkessentials(){
	// see if asterisk_guitools exists in extensions.conf
	//if everything ok set  asterisk_guitools_inextconf = 1;
	var opt = { method: 'get', asynchronous: true, onComplete: checkExtconfig };
	opt.parameters="action=getconfig&filename=extensions.conf" ;
	var tmp = new Ajax.Request(asterisk_rawmanPath , opt);
}


function checkExtconfig(originalRequest){
	var lines = originalRequest.responseText.split("\n");
	for( var i=0 ; i < lines.length ; i++){
		if ( lines[i].substr(0,9) == "Category-"  ){
			var tmp = lines[i].split(": ");
			if( tmp[1].match(asterisk_guitools) ){
				parent.asterisk_guitools_inextconf = 1;
				break;
			}
		}
	}
	
	if(parent.asterisk_guitools_inextconf == 0 ){	// if no context by name asterisk_guitools 
		parent.window.location.href = "./setup/install.html";
	}

}

</script>
<body id="foo" onload="localinit()" topmargin=0  bgcolor="EFEFEF">
<div class="mainscreenTitleBar">
	<span style="margin-left: 4px;font-weight:bold">Welcome to the Asterisk Configuration Panel</span>
</div>
<div class="mainscreenContentBox" id="mailboxcontent">
<table class="mainscreenTable" width="100%">
	<tr valign="top">
	<td colspan=2>
		<table align="center">
		<tr>	<td colspan="2"><h2>Asterisk&trade; Configuration Engine</h2></td>
		<tr>	<td>Username:</td>
			<td><input disabled=1 id="username"  class="input9" size=12></td>
		</tr>
		<tr>	<td>Password:</td>
			<td><input disabled=1 type="password" id="secret" class="input9" size=12 onKeyPress="submitOnEnter(event)"></td>
		</tr>
		<tr>	<td colspan=2 align="center">
			<div id="statusbar">
				<span style="margin-left: 4px;font-weight:bold">&nbsp;</span>
			</div>
			</td>
		</tr>
		<tr>	<td align='center' colspan='2'>
				<input type="submit" id="login" value="Login" disabled=1 onClick="doLogin()" class="input">
				&nbsp;&nbsp;&nbsp;&nbsp;
				<input type="submit" id="logoff" value="Logoff" disabled=1 onClick="doLogoff()" class="input">
			</td>
		</tr>
		</table>
	</td>
	</tr>
</table>
</div>
</body>