pari: trunk r92 - in /trunk/config: ./ images/ scripts/ stylesheets/
asterisk-gui-commits at lists.digium.com
asterisk-gui-commits at lists.digium.com
Tue Oct 31 10:02:10 MST 2006
Author: pari
Date: Tue Oct 31 11:02:10 2006
New Revision: 92
URL: http://svn.digium.com/view/asterisk-gui?rev=92&view=rev
Log:
Changes in layout - Third column , Sysinfo, Take a backup
Added:
trunk/config/backup.html
trunk/config/images/iaxtel.jpg (with props)
trunk/config/index.html
trunk/config/sysinfo.html
Modified:
trunk/config/cfgadvanced.html
trunk/config/cfgappliance.html
trunk/config/cfgbasic.html
trunk/config/home.html
trunk/config/homeapp.html
trunk/config/iax.html
trunk/config/jabber.html
trunk/config/jingle.html
trunk/config/meetme.html
trunk/config/menus.html
trunk/config/moh.html
trunk/config/networking.html
trunk/config/numberplan.html
trunk/config/options.html
trunk/config/queues.html
trunk/config/record.html
trunk/config/scripts/astman.js
trunk/config/scripts/tooltip.js
trunk/config/sip.html
trunk/config/status.html
trunk/config/stylesheets/rico.css
trunk/config/stylesheets/schwing.css
trunk/config/trunks.html
trunk/config/users.html
trunk/config/voicemail.html
trunk/config/zapata.html
Added: trunk/config/backup.html
URL: http://svn.digium.com/view/asterisk-gui/trunk/config/backup.html?rev=92&view=auto
==============================================================================
--- trunk/config/backup.html (added)
+++ trunk/config/backup.html Tue Oct 31 11:02:10 2006
@@ -1,0 +1,189 @@
+<!--
+ * Asterisk -- An open source telephony toolkit.
+ *
+ * Configuration for "Users" generally
+ *
+ * Copyright (C) 1999 - 2006, Digium, Inc.
+ *
+ * Mark Spencer <markster at digium.com>
+ *
+ * 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>
+<script src="scripts/rico.js"></script>
+<script src="scripts/astman.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 backups_callbacks = new Object;
+var bkp_path = "/var/lib/asterisk/static-http/config_expie/bkps/";
+
+
+function save_bkpfilename( newbkp_name ){
+ var opt2 = {
+ method: 'get',
+ asynchronous: true,
+ onSuccess: function(t) {
+ addrow_totable(newbkp_name);
+ },
+ onFailure: function(t) {
+ alert("Config Error: " + t.status + ": " + t.statusText);
+ }
+ };
+ var uri = build_action('newcat', 0, newbkp_name,"", "");
+ opt2.parameters ="action=updateconfig&reload=yes&srcfilename=" + encodeURIComponent("backupfiles.conf") + "&dstfilename=" + encodeURIComponent("backupfiles.conf") + uri;
+ var tmp2 = new Ajax.Request("../../rawman", opt2);
+}
+
+
+function backup_new(){
+ $('status_message').style.display="block";
+ var opt = {
+ method: 'get',
+ asynchronous: true,
+ onSuccess: function(t) {
+ setTimeout("$('status_message').style.display='none'",sc_displaytime);
+ $('status').innerHTML = " <I> Configuration Saved ! </I>";
+ save_bkpfilename( $('newbkp_name').value );
+ $("newbkp_name").value="";
+ },
+ onFailure: function(t) {
+ $('status_message').style.display='none';
+ alert("Config Error: " + t.status + ": " + t.statusText);
+ }
+ };
+ opt.parameters="action=originate&channel=" + encodeURIComponent("Local/takebackup at tools") + "&Variable=var1%3d"+ encodeURIComponent( bkp_path + $('newbkp_name').value +".tar" )+"&application=noop&timeout=60000";
+ var tmp = new Ajax.Request("../../rawman", opt);
+}
+
+
+
+
+
+function delete_bkps(filename){
+ var ans = confirm("Delete Backup file "+ filename +" ?");
+ if (ans){
+ var opt = {
+ method: 'get',
+ asynchronous: true,
+ onSuccess: function(t) {
+ $('status').innerHTML = " <I> Delete Request Successfull ! </I>";
+ // remove file name from stored config file
+ var opt2 = {
+ method: 'get',
+ asynchronous: true,
+ onSuccess: function() {
+ // Remove this TR
+ var delete_id = "delete_" + filename;
+ var tableRow = $(delete_id).parentNode.parentNode; //gets TR object
+ for( var i=0; i < $('table_bkpfileslist'). rows.length; i++){
+ if ( $('table_bkpfileslist'). rows[i].id == tableRow.id){
+ $('table_bkpfileslist').deleteRow(i);
+ break;
+ }
+ }
+ },
+ onFailure: function(t) {
+ $('status_message').style.display='none';
+ alert("Config Error: " + t.status + ": " + t.statusText);
+ }
+ };
+ var uri = build_action('delcat', 0, filename,"", "");
+ opt2.parameters = "action=updateconfig&srcfilename=" + encodeURIComponent("backupfiles.conf") + "&dstfilename=" + encodeURIComponent("backupfiles.conf") + uri;
+ var tmp2 = new Ajax.Request('../../rawman', opt2);
+ },
+ onFailure: function(t) {
+ alert("Config Error: " + t.status + ": " + t.statusText);
+ }
+ };
+ opt.parameters="action=originate&channel=" + encodeURIComponent("Local/removefile at tools") + "&Variable=var1%3d"+ encodeURIComponent( bkp_path + filename+".tar" )+"&application=noop&timeout=60000";
+ var tmp = new Ajax.Request("../../rawman", opt);
+ }
+ else{
+ //
+ }
+}
+
+
+
+
+function addrow_totable(filename){
+ var newRow = $('table_bkpfileslist').insertRow(-1);
+ newRow.id = "row" + filename;
+
+ var newCell1 = newRow.insertCell(0);
+ newCell1 .innerHTML = "<A href=\' ./bkps/" + filename +".tar\'>" + filename + "</A>" ;
+
+ var newCell2 = newRow.insertCell(1);
+ newCell2 .innerHTML = "<input type=\"button\" id='delete_" + filename + "' onclick='delete_bkps(\""+ filename + "\")' value=\"Delete\">" ;
+}
+
+
+backups_callbacks.format = function(t) {
+ return t.name;
+}
+
+backups_callbacks.loaded= function() {
+ for (var i=0; i < $('backups_list').length; i++){
+ addrow_totable($('backups_list').options[i].value);
+ }
+}
+
+function localajaxinit() {
+ parent.astmanEngine.config2list("backupfiles.conf", $('backups_list'), new Array, backups_callbacks);
+ parent.loadscreen(this);
+ $('message_text').innerHTML = "Please wait while the system <BR> Generates a Backup ... ";
+}
+
+</script>
+<body id="foo" onload="localajaxinit()" bgcolor="EFEFEF">
+<div class="mainscreenTitleBar">
+ <span style="margin-left: 4px;font-weight:bold">Download Configuration Backup</span>
+</div>
+<div class="mainscreenContentBox" id="userscontent">
+<table class="mainscreenTable" align="center">
+ <tr><td valign="top" align="center">
+ <BR>
+ <table cellpadding=3 cellspacing=0 border=0 width=400 style="border-width: 1px 1px 1px 1px; border-style: solid; border-color: #7E7E7E; ">
+ <tr><td colspan=2 align=center class="field_text"><B>List of Backup Files</B><select id='backups_list' style="display:none"></select></td></tr>
+ <tr bgcolor="#FFFFFF"><td><font color="#2D4E93" width="300">File Name</font></td><td color="#2D4E93" ></td></tr>
+ <tr><td colspan=2>
+ <div style="height:125px;width=400px; overflow :auto;">
+ <table id="table_bkpfileslist" cellpadding=3 cellspacing=0 border=0 width="100%" class="field_text"></table>
+ </div>
+ </td>
+ </tr>
+ </table>
+
+
+
+ <BR><BR>
+ <table cellpadding=2 cellspacing=2 border=0>
+ <tr> <td colspan=2 height=40 valign=middle align=center class="field_text"><B>Create New Backup</B> </td> </tr>
+ <tr><td class="field_text">File Name:</td>
+ <td><input id='newbkp_name' size=16 class="input8"></td>
+ </tr>
+ <tr> <td colspan=2 align=center height=10></td></tr>
+ <tr> <td colspan=2 align=center><input type="button" id='getbackup' Value="Backup" onclick="backup_new()" class="buttonbold"></td></tr>
+ <tr> <td colspan=2 align=center height=10><div id="status"></div></td></tr>
+ </table>
+ </td>
+ </tr>
+</table>
+</div>
+<SCRIPT LANGUAGE="JavaScript">
+<!--
+showdiv_statusmessage();
+//-->
+</SCRIPT>
+</body>
Modified: trunk/config/cfgadvanced.html
URL: http://svn.digium.com/view/asterisk-gui/trunk/config/cfgadvanced.html?rev=92&r1=91&r2=92&view=diff
==============================================================================
--- trunk/config/cfgadvanced.html (original)
+++ trunk/config/cfgadvanced.html Tue Oct 31 11:02:10 2006
@@ -39,8 +39,8 @@
var loggedon = -1;
var started = 0;
var accordion;
- var copyright = "Copyright ©2006 Digium, Inc. All Rights Reserved. "
-
+ var copyright = "Copyright ©2006 Digium, Inc. All Rights Reserved. ";
+ var tooltip_default = "Move the mouse over to a field to see tooltips";
eventeater.eventcb = function(msgs) {
if (loggedon == 1)
@@ -78,8 +78,8 @@
new PanelDef("menus", "Voice Menus", "accordion-icon.gif",
"Menus allow for more efficient routing of calls from incoming callers."),
-// new PanelDef("record", "Record a Menu", "accordion-icon.gif",
-// "Allows you to record custom voicemenus over a phone"),
+ new PanelDef("record", "Record a Menu", "accordion-icon.gif",
+ "Allows you to record custom voicemenus over a phone"),
new PanelDef("moh", "Music On Hold", "accordion-icon.gif", " Music on hold sometimes keeps people less angry while they wait for an answer"),
@@ -91,42 +91,39 @@
new PanelDef("jingle", "Jingle", "accordion-icon.gif", "Jingle configuration lets users connect to google talk networks"),
- new PanelDef("zapata", "Zap Channel", "accordion-icon.gif", "Zapata telephony interface configuration"),
-
- new PanelDef("status", "Status", "accordion-icon.gif", "Monitor active channels."),
+// new PanelDef("zapata", "Zap Channel", "accordion-icon.gif", "Zapata telephony interface configuration"),
+
+ new PanelDef("status", "Active Channels", "accordion-icon.gif", "Monitor active channels."),
+
+ new PanelDef("sysinfo", "System Info", "accordion-icon.gif", "System Information."),
+
+ new PanelDef("backup", "Backup", "accordion-icon.gif", "Backup Management."),
new PanelDef("options", "Options", "accordion-icon.gif", "Admin Settings")
);
- astmanEngine.setURL('../../rawman');
- astmanEngine.setEventCallback(eventeater.eventcb);
-</script>
-<head>
-<title>Schwing</title>
-</head>
-
-<body onload="javascript:registerajax()">
-
-<script>
-
function setLoggedOn(onoff) {
loggedon = onoff;
if (loggedon == 1) {
for (var i = 0; i < panels.length; i++) {
- if (panels[i].name == 'home')
+ if (panels[i].name == 'home'){
continue;
+ }
$(panels[i].name).onclick = $(panels[i].name).realonclick;
$(panels[i].name).onmouseover = $(panels[i].name).realonmouseover;
$(panels[i].name).style.visibility = 'inherit';
}
} else {
for (var i = 0; i < panels.length; i++) {
- if (panels[i].name == 'home')
+ if (panels[i].name == 'home'){
+ // class :: accordionTabContentBox panelHeight = 474;
continue;
- $(panels[i].name).onclick = false;
- $(panels[i].name).onmouseover = false;
+ }
+ $(panels[i].name).onClick = false;
+ $(panels[i].name).onMouseOver = false;
$(panels[i].name).style.visibility = 'hidden';
+
}
}
}
@@ -137,83 +134,86 @@
if (loggedon == 1)
astmanEngine.pollEvents();
}
-
- function finishfade(page) {
- $('mainscreen').style.display = "none";
- }
-
- function setstatus(status) {
- $('status').innerHTML = copyright + status;
- }
-
+ function finishfade(page) { $('mainscreen').style.display = "none"; }
+ function setstatus(status) { $('status').innerHTML = copyright + status; }
function showmainscreen(page) {
- if (started) {
- $('mainscreen').innerHTML = "Loading active screen...";
+ if (started)
$('mainscreen').src = page.titleBar.id + ".html";
- }
}
function fademainscreen(page, newpage) {
+ // Confirm Discard Changes goes here
+ $('tooltip').innerHTML = tooltip_default;
new Rico.Effect.FadeTo($('mainscreen'), 0, 100, 5, {complete:finishfade(page)});
}
+ function show_Acctooltip(name, tip){
+ $('tooltip').innerHTML = tip;
+ }
+
function registerajax() {
- accordion = new Rico.Accordion( $('configpanel'), { panelHeight:360,onHideTab:fademainscreen,onShowTab:showmainscreen });
- $('borderbox').style.height = $('screenholder').clientHeight;
- $('titlebar').style.width = $('borderbox').clientWidth - 12;
+ var pnameheight = 22;
+ var pheight = (505 - (pnameheight*panels.length) ) - 4 ;
+ accordion = new Rico.Accordion( $('configpanel'), { panelHeight: pheight,onHideTab:fademainscreen,onShowTab:showmainscreen });
+ //$('borderbox').style.height = $('screenholder').clientHeight;
+ //$('titlebar').style.width = $('borderbox').clientWidth - 12;
for (var i = 0; i < panels.length; i++) {
- if (panels[i].name == 'home')
+ if (panels[i].name == 'home'){
+ $(panels[i].name).style.height = pnameheight + "px";
continue;
+ }
$(panels[i].name).realonclick = $(panels[i].name).onclick;
$(panels[i].name).realonmouseover = $(panels[i].name).onmouseover;
}
-
started = 1;
}
+
+ astmanEngine.setURL('../../rawman');
+ astmanEngine.setEventCallback(eventeater.eventcb);
</script>
-<table border="0" align="center" cellspacing="0" cellpadding="0" bgcolor="#dddddd">
-
-<tr>
- <td bgcolor='white'></td>
- <td width='80' bgcolor='white'></td>
- <td bgcolor='white'></td>
+<head>
+ <title>Asterisk Configuration GUI</title>
+</head>
+<body onload="javascript:registerajax()" topmargin=1>
+<table border="0" align="center" cellspacing="0" cellpadding="0" bgcolor="#dddddd" width=950 height=570>
+<tr height=47><td valign="bottom" align='right' bgcolor='white' height=47><img align='left' src="images/digiumlogo.gif" align="left"></td>
+ <td valign='bottom' align='right' bgcolor='white' colspan=2><a target='_extern' href="http://www.digium.com/astguibasic/about">About Digium</a> | <a target='_extern' href="http://www.digium.com/astguibasic/help">Help</a> </td>
</tr>
-<tr><td valign="bottom" align='right' colspan="2" bgcolor='white'>
-<img align='left' src="images/digiumlogo.gif" align="left">
-</td><td valign='bottom' align='right' bgcolor='white'>
-<a target='_guido' href="http://www.digium.com/guido/about">About Digium</a> |
-<a target='_guido' href="http://www.digium.com/guido/help">Help</a>
-</td></tr>
-
-<tr><td>
-<div id="configpanel" style="width:150px;">
- <script>
- for (var i = 0; i < panels.length; i++) {
- document.write("<div>");
- document.write(" <div id='" + panels[i].name + "' class='accordionTabTitleBar'>");
- document.write(" <img style='vertical-align:middle' src='images/" + panels[i].icon + "'>");
- document.write(" <span style='margin-left: 4px;font-weight:bold'>" + panels[i].label + "</span>");
- document.write(" </div>");
- document.write(" <div class='accordionTabContentBox' style='background-image:url(images/panel.png)'>");
- document.write(panels[i].content);
- document.write(" </div>");
- document.write("</div>");
- }
- </script>
-</div>
-</td>
-<td colspan='2' width="600" bgcolor="#eeeeef" valign="top" id="screenholder">
- <div id="titlebar" class="mainscreenTitleBar" style="position:absolute;top:56px">
- <span style="margin-left: 4px;font-weight:bold">Loading Screen <img src='images/dots.gif'></span>
- </div>
- <div id="borderbox" class="mainscreenBorderBox" style="height:100px">
- </div>
- <iframe width="600" height="600" frameborder="0" border="0" marginheight="0" marginwidth="0" src="home.html" id="mainscreen" style="position:absolute;top:56px">
- </iframe>
-</td>
+<tr><td height="505"><div id="configpanel" style="width:150px; height: 505px;">
+ <script>
+ for (var i = 0; i < panels.length; i++) {
+ document.write("<div onmouseover='show_Acctooltip(\""+ panels[i].name +"\", \""+ panels[i].content +"\")' onmouseout='show_Acctooltip(\""+ panels[i].name +"\", \"" + tooltip_default +"\")'>");
+ document.write(" <div id='" + panels[i].name + "' class='accordionTabTitleBar'>");
+ document.write(" <img style='vertical-align:middle' src='images/" + panels[i].icon + "'>");
+ document.write(" <span style='margin-left: 4px;font-weight:bold'>" + panels[i].label + "</span>");
+ document.write(" </div>");
+ document.write(" <div class='accordionTabContentBox' style='background-image:url(images/panel.png)'>");
+ document.write(panels[i].content);
+ document.write(" </div>");
+ document.write("</div>");
+ }
+ </script>
+ </div>
+ </td>
+ <td width="550" height="505" bgcolor="#EFEFEF" valign="top" id="screenholder">
+ <div id="titlebar" class="mainscreenTitleBar" style="position:absolute;top:48px">
+ <span style="margin-left: 4px;font-weight:bold">Loading Screen <img src='images/dots.gif'></span>
+ </div>
+ <div id="borderbox" class="mainscreenBorderBox" height="100%"></div>
+ <iframe width="540" height="505" frameborder="0" border="0" marginheight="0" marginwidth="0" src="home.html" id="mainscreen" style="position:absolute;top:48px;" SCROLLING=no></iframe>
+ </td>
+ <td valign=top width=250 height="505">
+ <div class="mainscreenTooltipBar"><span style="font-weight:bold"> </span></div>
+ <div style="margin-left: 4px;">
+ <BR>
+ <font style="margin-left:4px; font-family : Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold">Tooltips:</font>
+ <div id='tooltip' style="margin-left:4px; font-family : Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 11px; "><script>document.write(tooltip_default);</script></div>
+ </div>
+ </td>
</tr>
-<tr><td colspan="3">
- <div id="status" class="statusbar">Copyright ©2006 Digium, Inc. Digium® and Asterisk® are registered <a href="http://www.digium.com/trademarks">trademarks</a> of Digium, Inc. All Rights Reserved. <i><a href="http://www.digium.com/gui_legal">Legal Information</a></i></div>
-</td></tr>
+<tr><td colspan="3" align=center height=18>
+ <div id="status" class="statusbar">Copyright ©2006 Digium, Inc. Digium® and Asterisk® are registered <a href="http://www.digium.com/trademarks">trademarks</a> of Digium, Inc. All Rights Reserved. <i><a href="http://www.digium.com/gui_legal">Legal Information</a></i></div>
+ </td>
+</tr>
</table>
</body>
Modified: trunk/config/cfgappliance.html
URL: http://svn.digium.com/view/asterisk-gui/trunk/config/cfgappliance.html?rev=92&r1=91&r2=92&view=diff
==============================================================================
--- trunk/config/cfgappliance.html (original)
+++ trunk/config/cfgappliance.html Tue Oct 31 11:02:10 2006
@@ -39,8 +39,8 @@
var loggedon = -1;
var started = 0;
var accordion;
- var copyright = "Copyright ©2006 Digium, Inc. All Rights Reserved. "
-
+ var copyright = "Copyright ©2006 Digium, Inc. All Rights Reserved. ";
+ var tooltip_default = "Move the mouse over to a field to see tooltips";
eventeater.eventcb = function(msgs) {
if (loggedon == 1)
@@ -81,43 +81,40 @@
new PanelDef("menus", "Voice Menus", "accordion-icon.gif",
"Menus allow for more efficient routing of calls from incoming callers."),
-// new PanelDef("record", "Record a Menu", "accordion-icon.gif",
-// "Allows you to record custom voicemenus over a phone"),
-
- new PanelDef("status", "Status", "accordion-icon.gif", "Monitor active channels."),
+ new PanelDef("record", "Record a Menu", "accordion-icon.gif",
+ "Allows you to record custom voicemenus over a phone"),
+
+ new PanelDef("status", "Active Channels", "accordion-icon.gif", "Monitor active channels."),
+
+ new PanelDef("sysinfo", "System Info", "accordion-icon.gif", "System Information."),
+
+ new PanelDef("backup", "Backup", "accordion-icon.gif", "Backup Management."),
new PanelDef("options", "Options", "accordion-icon.gif", "Admin Settings")
);
- astmanEngine.setURL('../../rawman');
- astmanEngine.setEventCallback(eventeater.eventcb);
-</script>
-<head>
-<title>Asterisk AtomPBX</title>
-</head>
-
-<body onload="javascript:registerajax()">
-
-<script>
-
function setLoggedOn(onoff) {
loggedon = onoff;
if (loggedon == 1) {
for (var i = 0; i < panels.length; i++) {
- if (panels[i].name == 'homeapp')
+ if (panels[i].name == 'home'){
continue;
+ }
$(panels[i].name).onclick = $(panels[i].name).realonclick;
$(panels[i].name).onmouseover = $(panels[i].name).realonmouseover;
$(panels[i].name).style.visibility = 'inherit';
}
} else {
for (var i = 0; i < panels.length; i++) {
- if (panels[i].name == 'homeapp')
+ if (panels[i].name == 'home'){
+ // class :: accordionTabContentBox panelHeight = 474;
continue;
- $(panels[i].name).onclick = false;
- $(panels[i].name).onmouseover = false;
+ }
+ $(panels[i].name).onClick = false;
+ $(panels[i].name).onMouseOver = false;
$(panels[i].name).style.visibility = 'hidden';
+
}
}
}
@@ -128,83 +125,86 @@
if (loggedon == 1)
astmanEngine.pollEvents();
}
-
- function finishfade(page) {
- $('mainscreen').style.display = "none";
- }
-
- function setstatus(status) {
- $('status').innerHTML = copyright + status;
- }
-
+ function finishfade(page) { $('mainscreen').style.display = "none"; }
+ function setstatus(status) { $('status').innerHTML = copyright + status; }
function showmainscreen(page) {
- if (started) {
- $('mainscreen').innerHTML = "Loading active screen...";
+ if (started)
$('mainscreen').src = page.titleBar.id + ".html";
- }
}
function fademainscreen(page, newpage) {
+ // Confirm Discard Changes goes here
+ $('tooltip').innerHTML = tooltip_default;
new Rico.Effect.FadeTo($('mainscreen'), 0, 100, 5, {complete:finishfade(page)});
}
+ function show_Acctooltip(name, tip){
+ $('tooltip').innerHTML = tip;
+ }
+
function registerajax() {
- accordion = new Rico.Accordion( $('configpanel'), { panelHeight:360,onHideTab:fademainscreen,onShowTab:showmainscreen });
- $('borderbox').style.height = $('screenholder').clientHeight;
- $('titlebar').style.width = $('borderbox').clientWidth - 12;
+ var pnameheight = 22;
+ var pheight = (505 - (pnameheight*panels.length) ) - 4 ;
+ accordion = new Rico.Accordion( $('configpanel'), { panelHeight: pheight,onHideTab:fademainscreen,onShowTab:showmainscreen });
+ //$('borderbox').style.height = $('screenholder').clientHeight;
+ //$('titlebar').style.width = $('borderbox').clientWidth - 12;
for (var i = 0; i < panels.length; i++) {
- if (panels[i].name == 'homeapp')
+ if (panels[i].name == 'home'){
+ $(panels[i].name).style.height = pnameheight + "px";
continue;
+ }
$(panels[i].name).realonclick = $(panels[i].name).onclick;
$(panels[i].name).realonmouseover = $(panels[i].name).onmouseover;
}
-
started = 1;
}
+
+ astmanEngine.setURL('../../rawman');
+ astmanEngine.setEventCallback(eventeater.eventcb);
</script>
-<table border="0" align="center" cellspacing="0" cellpadding="0" bgcolor="#dddddd">
-
-<tr>
- <td bgcolor='white'></td>
- <td width='80' bgcolor='white'></td>
- <td bgcolor='white'></td>
+<head>
+ <title>Asterisk Configuration GUI</title>
+</head>
+<body onload="javascript:registerajax()" topmargin=1>
+<table border="0" align="center" cellspacing="0" cellpadding="0" bgcolor="#dddddd" width=950 height=570>
+<tr height=47><td valign="bottom" align='right' bgcolor='white' height=47><img align='left' src="images/digiumlogo.gif" align="left"></td>
+ <td valign='bottom' align='right' bgcolor='white' colspan=2><a target='_extern' href="http://www.digium.com/astguibasic/about">About Digium</a> | <a target='_extern' href="http://www.digium.com/astguibasic/help">Help</a> </td>
</tr>
-<tr><td valign="bottom" align='right' colspan="2" bgcolor='white'>
-<img align='left' src="images/digiumlogo.gif" align="left">
-</td><td valign='bottom' align='right' bgcolor='white'>
-<a target='_guido' href="http://www.digium.com/guido/about">About Digium</a> |
-<a target='_guido' href="http://www.digium.com/guido/help">Help</a>
-</td></tr>
-
-<tr><td>
-<div id="configpanel" style="width:150px">
- <script>
- for (var i = 0; i < panels.length; i++) {
- document.write("<div>");
- document.write(" <div id='" + panels[i].name + "' class='accordionTabTitleBar'>");
- document.write(" <img style='vertical-align:middle' src='images/" + panels[i].icon + "'>");
- document.write(" <span style='margin-left: 4px;font-weight:bold'>" + panels[i].label + "</span>");
- document.write(" </div>");
- document.write(" <div class='accordionTabContentBox' style='background-image:url(images/panel.png)'>");
- document.write(panels[i].content);
- document.write(" </div>");
- document.write("</div>");
- }
- </script>
-</div>
-</td>
-<td colspan='2' width="600" bgcolor="#eeeeef" valign="top" id="screenholder">
- <div id="titlebar" class="mainscreenTitleBar" style="position:absolute;top:56px">
- <span style="margin-left: 4px;font-weight:bold">Loading Screen <img src='images/dots.gif'></span>
- </div>
- <div id="borderbox" class="mainscreenBorderBox" style="height:100px">
- </div>
- <iframe width="600" height="600" frameborder="0" border="0" marginheight="0" marginwidth="0" src="homeapp.html" id="mainscreen" style="position:absolute;top:56px">
- </iframe>
-</td>
+<tr><td height="505"><div id="configpanel" style="width:150px; height: 505px;">
+ <script>
+ for (var i = 0; i < panels.length; i++) {
+ document.write("<div onmouseover='show_Acctooltip(\""+ panels[i].name +"\", \""+ panels[i].content +"\")' onmouseout='show_Acctooltip(\""+ panels[i].name +"\", \"" + tooltip_default +"\")'>");
+ document.write(" <div id='" + panels[i].name + "' class='accordionTabTitleBar'>");
+ document.write(" <img style='vertical-align:middle' src='images/" + panels[i].icon + "'>");
+ document.write(" <span style='margin-left: 4px;font-weight:bold'>" + panels[i].label + "</span>");
+ document.write(" </div>");
+ document.write(" <div class='accordionTabContentBox' style='background-image:url(images/panel.png)'>");
+ document.write(panels[i].content);
+ document.write(" </div>");
+ document.write("</div>");
+ }
+ </script>
+ </div>
+ </td>
+ <td width="550" height="505" bgcolor="#EFEFEF" valign="top" id="screenholder">
+ <div id="titlebar" class="mainscreenTitleBar" style="position:absolute;top:48px">
+ <span style="margin-left: 4px;font-weight:bold">Loading Screen <img src='images/dots.gif'></span>
+ </div>
+ <div id="borderbox" class="mainscreenBorderBox" height="100%"></div>
+ <iframe width="540" height="505" frameborder="0" border="0" marginheight="0" marginwidth="0" src="homeapp.html" id="mainscreen" style="position:absolute;top:48px;" SCROLLING=no></iframe>
+ </td>
+ <td valign=top width=250 height="505">
+ <div class="mainscreenTooltipBar"><span style="font-weight:bold"> </span></div>
+ <div style="margin-left: 4px;">
+ <BR>
+ <font style="margin-left:4px; font-family : Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold">Tooltips:</font>
+ <div id='tooltip' style="margin-left:4px; font-family : Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 11px; "><script>document.write(tooltip_default);</script></div>
+ </div>
+ </td>
</tr>
-<tr><td colspan="3">
- <div id="status" class="statusbar">Copyright ©2006 Digium, Inc. Digium® and Asterisk® are registered <a href="http://www.digium.com/trademarks">trademarks</a> of Digium, Inc. All Rights Reserved. <i><a href="http://www.digium.com/gui_legal">Legal Information</a></i></div>
-</td></tr>
+<tr><td colspan="3" align=center height=18>
+ <div id="status" class="statusbar">Copyright ©2006 Digium, Inc. Digium® and Asterisk® are registered <a href="http://www.digium.com/trademarks">trademarks</a> of Digium, Inc. All Rights Reserved. <i><a href="http://www.digium.com/gui_legal">Legal Information</a></i></div>
+ </td>
+</tr>
</table>
-</body>
+</body>
Modified: trunk/config/cfgbasic.html
URL: http://svn.digium.com/view/asterisk-gui/trunk/config/cfgbasic.html?rev=92&r1=91&r2=92&view=diff
==============================================================================
--- trunk/config/cfgbasic.html (original)
+++ trunk/config/cfgbasic.html Tue Oct 31 11:02:10 2006
@@ -39,8 +39,8 @@
var loggedon = -1;
var started = 0;
var accordion;
- var copyright = "Copyright ©2006 Digium, Inc. All Rights Reserved. "
-
+ var copyright = "Copyright ©2006 Digium, Inc. All Rights Reserved. ";
+ var tooltip_default = "Move the mouse over to a field to see tooltips";
eventeater.eventcb = function(msgs) {
if (loggedon == 1)
@@ -84,40 +84,37 @@
new PanelDef("record", "Record a Menu", "accordion-icon.gif",
"Allows you to record custom voicemenus over a phone"),
- new PanelDef("status", "Status", "accordion-icon.gif", "Monitor active channels."),
+ new PanelDef("status", "Active Channels", "accordion-icon.gif", "Monitor active channels."),
+
+ new PanelDef("sysinfo", "System Info", "accordion-icon.gif", "System Information."),
+
+ new PanelDef("backup", "Backup", "accordion-icon.gif", "Backup Management."),
new PanelDef("options", "Options", "accordion-icon.gif", "Admin Settings")
);
- astmanEngine.setURL('../../rawman');
- astmanEngine.setEventCallback(eventeater.eventcb);
-</script>
-<head>
-<title>Asterisk Configuration GUI</title>
-</head>
-
-<body onload="javascript:registerajax()">
-
-<script>
-
function setLoggedOn(onoff) {
loggedon = onoff;
if (loggedon == 1) {
for (var i = 0; i < panels.length; i++) {
- if (panels[i].name == 'home')
+ if (panels[i].name == 'home'){
continue;
+ }
$(panels[i].name).onclick = $(panels[i].name).realonclick;
$(panels[i].name).onmouseover = $(panels[i].name).realonmouseover;
$(panels[i].name).style.visibility = 'inherit';
}
} else {
for (var i = 0; i < panels.length; i++) {
- if (panels[i].name == 'home')
+ if (panels[i].name == 'home'){
+ // class :: accordionTabContentBox panelHeight = 474;
continue;
+ }
$(panels[i].name).onClick = false;
$(panels[i].name).onMouseOver = false;
$(panels[i].name).style.visibility = 'hidden';
+
}
}
}
@@ -128,84 +125,86 @@
if (loggedon == 1)
astmanEngine.pollEvents();
}
-
- function finishfade(page) {
- $('mainscreen').style.display = "none";
- }
-
- function setstatus(status) {
- $('status').innerHTML = copyright + status;
- }
-
+ function finishfade(page) { $('mainscreen').style.display = "none"; }
+ function setstatus(status) { $('status').innerHTML = copyright + status; }
function showmainscreen(page) {
- if (started) {
-// $('mainscreen').innerHTML = "Loading active screen...";
+ if (started)
$('mainscreen').src = page.titleBar.id + ".html";
- }
}
function fademainscreen(page, newpage) {
+ // Confirm Discard Changes goes here
+ $('tooltip').innerHTML = tooltip_default;
new Rico.Effect.FadeTo($('mainscreen'), 0, 100, 5, {complete:finishfade(page)});
}
+ function show_Acctooltip(name, tip){
+ $('tooltip').innerHTML = tip;
+ }
+
function registerajax() {
- accordion = new Rico.Accordion( $('configpanel'), { panelHeight:360,onHideTab:fademainscreen,onShowTab:showmainscreen });
- $('borderbox').style.height = $('screenholder').clientHeight;
- $('titlebar').style.width = $('borderbox').clientWidth - 12;
+ var pnameheight = 22;
+ var pheight = (505 - (pnameheight*panels.length) ) - 4 ;
+ accordion = new Rico.Accordion( $('configpanel'), { panelHeight: pheight,onHideTab:fademainscreen,onShowTab:showmainscreen });
+ //$('borderbox').style.height = $('screenholder').clientHeight;
+ //$('titlebar').style.width = $('borderbox').clientWidth - 12;
for (var i = 0; i < panels.length; i++) {
- if (panels[i].name == 'home')
+ if (panels[i].name == 'home'){
+ $(panels[i].name).style.height = pnameheight + "px";
continue;
+ }
$(panels[i].name).realonclick = $(panels[i].name).onclick;
$(panels[i].name).realonmouseover = $(panels[i].name).onmouseover;
}
-
started = 1;
}
+
+ astmanEngine.setURL('../../rawman');
+ astmanEngine.setEventCallback(eventeater.eventcb);
</script>
-<table border="0" align="center" cellspacing="0" cellpadding="0" bgcolor="#dddddd">
-
-<tr>
- <td bgcolor='white'></td>
- <td width='80' bgcolor='white'></td>
- <td bgcolor='white'></td>
+<head>
+ <title>Asterisk Configuration GUI</title>
+</head>
+<body onload="javascript:registerajax()" topmargin=1>
+<table border="0" align="center" cellspacing="0" cellpadding="0" bgcolor="#dddddd" width=950 height=570>
+<tr height=47><td valign="bottom" align='right' bgcolor='white' height=47><img align='left' src="images/digiumlogo.gif" align="left"></td>
+ <td valign='bottom' align='right' bgcolor='white' colspan=2><a target='_extern' href="http://www.digium.com/astguibasic/about">About Digium</a> | <a target='_extern' href="http://www.digium.com/astguibasic/help">Help</a> </td>
</tr>
-<tr><td valign="bottom" align='right' colspan="2" bgcolor='white'>
- <img align='left' src="images/digiumlogo.gif" align="left">
- </td>
- <td valign='bottom' align='right' bgcolor='white'>
- <a target='_extern' href="http://www.digium.com/astguibasic/about">About Digium</a> |
- <a target='_extern' href="http://www.digium.com/astguibasic/help">Help</a>
+<tr><td height="505"><div id="configpanel" style="width:150px; height: 505px;">
+ <script>
+ for (var i = 0; i < panels.length; i++) {
+ document.write("<div onmouseover='show_Acctooltip(\""+ panels[i].name +"\", \""+ panels[i].content +"\")' onmouseout='show_Acctooltip(\""+ panels[i].name +"\", \"" + tooltip_default +"\")'>");
+ document.write(" <div id='" + panels[i].name + "' class='accordionTabTitleBar'>");
+ document.write(" <img style='vertical-align:middle' src='images/" + panels[i].icon + "'>");
+ document.write(" <span style='margin-left: 4px;font-weight:bold'>" + panels[i].label + "</span>");
+ document.write(" </div>");
+ document.write(" <div class='accordionTabContentBox' style='background-image:url(images/panel.png)'>");
+ document.write(panels[i].content);
+ document.write(" </div>");
+ document.write("</div>");
+ }
+ </script>
+ </div>
+ </td>
+ <td width="550" height="505" bgcolor="#EFEFEF" valign="top" id="screenholder">
+ <div id="titlebar" class="mainscreenTitleBar" style="position:absolute;top:48px">
+ <span style="margin-left: 4px;font-weight:bold">Loading Screen <img src='images/dots.gif'></span>
+ </div>
+ <div id="borderbox" class="mainscreenBorderBox" height="100%"></div>
+ <iframe width="540" height="505" frameborder="0" border="0" marginheight="0" marginwidth="0" src="home.html" id="mainscreen" style="position:absolute;top:48px;" SCROLLING=no></iframe>
+ </td>
+ <td valign=top width=250 height="505">
+ <div class="mainscreenTooltipBar"><span style="font-weight:bold"> </span></div>
+ <div style="margin-left: 4px;">
+ <BR>
+ <font style="margin-left:4px; font-family : Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold">Tooltips:</font>
+ <div id='tooltip' style="margin-left:4px; font-family : Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 11px; "><script>document.write(tooltip_default);</script></div>
+ </div>
</td>
</tr>
-<tr><td>
-<div id="configpanel" style="width:150px">
- <script>
- for (var i = 0; i < panels.length; i++) {
- document.write("<div>");
- document.write(" <div id='" + panels[i].name + "' class='accordionTabTitleBar'>");
- document.write(" <img style='vertical-align:middle' src='images/" + panels[i].icon + "'>");
- document.write(" <span style='margin-left: 4px;font-weight:bold'>" + panels[i].label + "</span>");
- document.write(" </div>");
- document.write(" <div class='accordionTabContentBox' style='background-image:url(images/panel.png)'>");
- document.write(panels[i].content);
- document.write(" </div>");
- document.write("</div>");
- }
- </script>
-</div>
-</td>
-<td colspan='2' width="600" bgcolor="#eeeeef" valign="top" id="screenholder">
- <div id="titlebar" class="mainscreenTitleBar" style="position:absolute;top:56px">
- <span style="margin-left: 4px;font-weight:bold">Loading Screen <img src='images/dots.gif'></span>
- </div>
- <div id="borderbox" class="mainscreenBorderBox" style="height:100px">
- </div>
- <iframe width="600" height="640" frameborder="0" border="0" marginheight="0" marginwidth="0" src="home.html" id="mainscreen" style="position:absolute;top:56px">
- </iframe>
-</td>
+<tr><td colspan="3" align=center height=18>
+ <div id="status" class="statusbar">Copyright ©2006 Digium, Inc. Digium® and Asterisk® are registered <a href="http://www.digium.com/trademarks">trademarks</a> of Digium, Inc. All Rights Reserved. <i><a href="http://www.digium.com/gui_legal">Legal Information</a></i></div>
+ </td>
</tr>
-<tr><td colspan="3">
- <div id="status" class="statusbar">Copyright ©2006 Digium, Inc. Digium® and Asterisk® are registered <a href="http://www.digium.com/trademarks">trademarks</a> of Digium, Inc. All Rights Reserved. <i><a href="http://www.digium.com/gui_legal">Legal Information</a></i></div>
-</td></tr>
</table>
-</body>
+</body>
Modified: trunk/config/home.html
URL: http://svn.digium.com/view/asterisk-gui/trunk/config/home.html?rev=92&r1=91&r2=92&view=diff
==============================================================================
--- trunk/config/home.html (original)
+++ trunk/config/home.html Tue Oct 31 11:02:10 2006
@@ -109,8 +109,7 @@
</script>
-<body id="foo" onload="localinit()">
-
+<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>
@@ -120,17 +119,17 @@
<td colspan=2>
<table align="center">
<tr><td colspan="2"><h2>Asterisk™ Configuration Engine</h2></td>
- <tr><td>Username:</td><td><input disabled=1 id="username"></td></tr>
- <tr><td>Secret:</td><td><input disabled=1 type="password" id="secret"></td></tr>
+ <tr><td>Username:</td><td><input disabled=1 id="username" class="input9" size=12></td></tr>
+ <tr><td>Secret:</td><td><input disabled=1 type="password" id="secret" class="input9" size=12></td></tr>
<tr><td colspan=2 align="center">
<div id="statusbar">
<span style="margin-left: 4px;font-weight:bold"> </span>
</div>
</td></tr>
- <tr><td align='center' colspan='2'><input type="submit" id="login" value="Login" disabled=1 onClick="doLogin()">
+ <tr><td align='center' colspan='2'><input type="submit" id="login" value="Login" disabled=1 onClick="doLogin()" class="input">
- <input type="submit" id="logoff" value="Logoff" disabled=1 onClick="doLogoff()"></td></tr>
+ <input type="submit" id="logoff" value="Logoff" disabled=1 onClick="doLogoff()" class="input"></td></tr>
</table>
</td>
</tr>
Modified: trunk/config/homeapp.html
[... 3418 lines stripped ...]
More information about the asterisk-gui-commits
mailing list