<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!--
/*
* Copyright (c) 2008, Diego Aguirre
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* * Redistributions of source code must retain the above copyright notice,
* this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above copyright notice,
* this list of conditions and the following disclaimer in the documentation
* and/or other materials provided with the distribution.
* * Neither the name of the DagMoller nor the names of its contributors
* may be used to endorse or promote products derived from this software
* without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
* ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED.
* IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT,
* INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING,
* BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
* LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE
* OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
*/
-->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>MonAst: The Asterisk Monitor Web Panel</title>
<!-- css -->
<link rel="stylesheet" type="text/css" href="lib/yui-2.8.0r4/build/fonts/fonts-min.css">
<link rel="stylesheet" type="text/css" href="lib/yui-2.8.0r4/build/assets/skins/sam/skin.css">
<link rel="stylesheet" type="text/css" href="lib/yui-2.8.0r4/build/menu/assets/skins/sam/menu.css">
<link rel="stylesheet" type="text/css" href="lib/yui-2.8.0r4/build/container/assets/skins/sam/container.css">
<link rel="stylesheet" type="text/css" href="lib/yui-2.8.0r4/build/button/assets/skins/sam/button.css">
<!-- js -->
<script type="text/javascript" src="lib/yui-2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="lib/yui-2.8.0r4/build/animation/animation-min.js"></script>
<script type="text/javascript" src="lib/yui-2.8.0r4/build/dragdrop/dragdrop-min.js"></script>
<script type="text/javascript" src="lib/yui-2.8.0r4/build/container/container-min.js"></script>
<script type="text/javascript" src="lib/yui-2.8.0r4/build/container/container_core-min.js"></script>
<script type="text/javascript" src="lib/yui-2.8.0r4/build/logger/logger-min.js"></script>
<script type="text/javascript" src="lib/yui-2.8.0r4/build/element/element-min.js"></script>
<script type="text/javascript" src="lib/yui-2.8.0r4/build/button/button-min.js"></script>
<script type="text/javascript" src="lib/yui-2.8.0r4/build/tabview/tabview-min.js"></script>
<script type="text/javascript" src="lib/yui-2.8.0r4/build/menu/menu-min.js"></script>
<script type="text/javascript" src="lib/yui-2.8.0r4/build/cookie/cookie-min.js"></script>
<script type="text/javascript" src="js/prototype-1.6.1.js"></script>
<script type="text/javascript" src="js/monast.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body class="yui-skin-sam">
<div id="_alertDialog"></div>
<div id="_confirmDialog"></div>
<div class="monast-logo">
<span class="monast-name">MonAst</span>
<span class="monast-text">The Asterisk Monitor Web Panel</span>
<span class="monast-serverlist">
<!-- START BLOCK : singleServer -->
Server: {server}
<!-- END BLOCK : singleServer -->
<!-- START BLOCK : serverList -->
Server:
<select id="serverlist" onchange="changeServer(this.options[this.selectedIndex].value)">
<!-- START BLOCK : optionServer -->
<option value="{server}" {selected}>{server}</option>
<!-- END BLOCK : optionServer -->
</select>
<!-- END BLOCK : serverList -->
</span>
<span class="monast-status" id="_reqStatus">Initializing...</span>
<!-- START BLOCK : buttonLogout -->
<span><input type="button" id="buttonLogout" value="Logout"></span>
<script language="javascript">
var _buttonLogout = new YAHOO.widget.Button("buttonLogout");
_buttonLogout.on("click", doLogout);
</script>
<!-- END BLOCK : buttonLogout -->
</div>
<!-- START BLOCK : login -->
<script language="javascript">
$('_reqStatus').innerHTML = 'Authentication Required';
</script>
<div id="TabPannel" class="yui-navset" >
<ul class="yui-nav">
<li><a href="#tab0"><em>Authentication</em></a></li>
</ul>
<div class="yui-content">
<div id="authentication">
<p> </p>
<form onsubmit="return doLogin()">
<table border="0" cellpadding="2px" cellspacing="2px" align="center">
<tr>
<td align="right">User:</td>
<td><input type="text" name="_username" id="_username" size="15"></td>
</tr>
<tr>
<td align="right">Secret:</td>
<td><input type="password" name="_secret" id="_secret" size="15"></td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td> </td>
<td align="center">
<input type="button" id="buttonLogin" value="Login">
<input type="reset" id="buttonClear" value="Clear">
</td>
</tr>
</table>
</form>
<p> </p>
</div>
</div>
</div>
<script language="javascript">
var _buttonLogin = new YAHOO.widget.Button("buttonLogin");
_buttonLogin.on("click", doLogin);
var _buttonClear = new YAHOO.widget.Button("buttonClear");
</script>
<!-- END BLOCK : login -->
<!-- START BLOCK : error -->
<script language="javascript">
$('_reqStatus').innerHTML = '<font color="red"><b>MonAst Error</b></font>';
</script>
<div id="TabPannel" class="yui-navset" >
<ul class="yui-nav">
<li><a href="#tab0"><em>Error Message</em></a></li>
</ul>
<div class="yui-content">
<div id="error">
<p> </p>
<table border="0" align="center">
<tr>
<td>{errorMessage}</td>
</tr>
</table>
<p> </p>
</div>
</div>
</div>
<!-- END BLOCK : error -->
<!-- INCLUDESCRIPT BLOCK : main -->
<script language="javascript">
var _alert = new YAHOO.widget.SimpleDialog("_alertDialog", {
zindex: 10,
fixedcenter: true,
visible: false,
draggable: true,
close: true,
constraintoviewport: true,
modal: true,
buttons: [{text: "OK", handler: function() { this.hide(); }}]
});
_alert.render();
var _confirm = new YAHOO.widget.SimpleDialog("_confirmDialog", {
zindex: 10,
fixedcenter: true,
visible: false,
draggable: true,
close: true,
constraintoviewport: true,
modal: true
});
_confirm.setHeader('Confirmation');
_confirm.render();
</script>
</body>
</html>