bkruse: branch asterisknow r1454 - in /branches/asterisknow: ./ config/ confi...
SVN commits to the Asterisk-GUI project
asterisk-gui-commits at lists.digium.com
Sat Aug 25 18:50:21 CDT 2007
Author: bkruse
Date: Sat Aug 25 18:50:20 2007
New Revision: 1454
URL: http://svn.digium.com/view/asterisk-gui?view=rev&rev=1454
Log:
Merged revisions 1413 via svnmerge from
https://origsvn.digium.com/svn/asterisk-gui/branches/1.4
........
r1413 | bkruse | 2007-08-21 14:26:54 -0500 (Tue, 21 Aug 2007) | 3 lines
Remove the old combo_box function, and use the new COMBOBOX function in
the ASTGUI namespace. Replaced the old menus.html page, with the new javascript
and HTML from trunk. Catching up from an old commit I could never figure out
because of conflict, fixed.
........
Modified:
branches/asterisknow/ (props changed)
branches/asterisknow/config/menus.html
branches/asterisknow/config/scripts/astman.js
Propchange: branches/asterisknow/
------------------------------------------------------------------------------
--- svnmerge-integrated (original)
+++ svnmerge-integrated Sat Aug 25 18:50:20 2007
@@ -1,1 +1,1 @@
-/branches/1.4:1-1296,1316,1326,1332,1336-1338,1342,1346,1356,1362,1381,1384,1395,1399,1402,1416,1426,1432,1435,1439,1442
+/branches/1.4:1-1296,1316,1326,1332,1336-1338,1342,1346,1356,1362,1381,1384,1395,1399,1402,1413,1416,1426,1432,1435,1439,1442
Modified: branches/asterisknow/config/menus.html
URL: http://svn.digium.com/view/asterisk-gui/branches/asterisknow/config/menus.html?view=diff&rev=1454&r1=1453&r2=1454
==============================================================================
--- branches/asterisknow/config/menus.html (original)
+++ branches/asterisknow/config/menus.html Sat Aug 25 18:50:20 2007
@@ -1,47 +1,22 @@
<!--
- * Asterisk-GUI - an Asterisk configuration interface
+ * Configuration for IVR (Interactive Voice Menus)
*
- * Create/Manage IVR Menus
- *
- * Copyright (C) 2006-2007, Digium, Inc.
+ * Copyright (C) 2006 - 2007, Digium, Inc.
*
* Mark Spencer <markster at digium.com>
* Pari Nannapaneni <pari 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.
+ * All Rights Reserved.
*
- * 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.
+ * Distribution of this file is subject to the license
+ * agreement you accepted when obtained and/or activated
+ * the Digium product containing this file.
*
-->
<script src="scripts/prototype.js"></script>
<script src="scripts/astman.js"></script>
<script src="scripts/tooltip.js"></script>
<link href="stylesheets/schwing.css" media="all" rel="Stylesheet" type="text/css" />
-<style type="text/css">
- .page_header {
- font-size : 12px;
- padding : 4px 6px 4px 6px;
- border-style : solid none solid none;
- border-top-color : #BDC7E7;
- border-bottom-color : #182052;
- border-width : 1px 0px 1px 0px;
- background-color : #ef8700;
- margin-bottom: 10px;
- color : #ffffff;
- }
-
- .VoiceMenuMainTable{
- border : 0;
- width : 750px;
- font-size: 11px;
- }
-</style>
<script>
var widgets = {};
var adstatus;
@@ -142,7 +117,6 @@
if( temp[2].match("Goto") && !temp[2].match("voicemenu-") ){
var tmp = temp[2].split('(');
var tmp1 = tmp[1].split('|');
- if( tmp1[1] == 'o' ){return "Goto 'Operator'";}
return "Goto Exten '"+ tmp1[1] + "'";
}
@@ -168,7 +142,6 @@
var newoption = document.createElement("option");
newoption.text = extensions_array[x] ;
newoption.value = extensions_array[x] ;
- if(extensions_array[x] == 'o'){ newoption.text = "Operator" ; }
_mo.options.add(newoption);
}
}
@@ -407,7 +380,6 @@
makerequest('u','extensions.conf', uri,
function(t){
setTimeout(function(){ _$('status_message').style.display = 'none'; },sc_displaytime);
- hide_addStep();
// if request successfull then add this to the steps select box
var newoption = document.createElement("option");
newoption.text = format_step(action_string );
@@ -744,7 +716,7 @@
}else if( _nsa.value== "Background" || _nsa.value== "Playback" ){
_nsv.style.display = "";
- _nsv.size=24;
+ _nsv.size= 12;
}else if( _nsa.value== "Authenticate" || _nsa.value== "DigitTimeout" || _nsa.value== "ResponseTimeout" || _nsa.value== "Wait" || _nsa.value== "WaitExten" || _nsa.value== "DISA"){
_$('newstep_var_digit').style.display= "" ;
}else if(_nsa.value== "GotoMenu" ){
@@ -809,7 +781,6 @@
}
_steps.disabled = false;
- _$('b_ShowAddStep').disabled = false;
_$('addstep').disabled = false;
_$('allowexten').disabled = false;
_$('comment').disabled = false;
@@ -942,7 +913,6 @@
_$('newstep_action').disabled = true;
_$('newstep_var').disabled = true;
_$('addstep').disabled = true;
- _$('b_ShowAddStep').disabled = true;
_$('steps').disabled = true;
_$('stepUp').disabled = true;
_$('stepDown').disabled = true;
@@ -988,7 +958,6 @@
_$('newstep_action').disabled = true;
_$('newstep_var').disabled = true;
_$('addstep').disabled = true;
- _$('b_ShowAddStep').disabled = true;
_steps.disabled = true;
// 4. Reset Comment
_$('keypressoptions').style.display = "";
@@ -1001,7 +970,6 @@
function localajaxinit() {
- parent._$('mainscreen').width= 798;
ASTGUI.events.add(document, 'mouseover', show_tooltip);
showdiv_statusmessage();
setWindowTitle("Voice Menus");
@@ -1192,7 +1160,6 @@
}
function free_mem(){
- parent._$('mainscreen').width= 540;
if( navigator.userAgent.indexOf("MSIE") == -1 ){ return true; }
try{
widgets['save'].hostselectbox = null ;
@@ -1202,30 +1169,22 @@
purge( document.body );
} catch(e){ }
}
-
-function show_addStep(){
- _$('bg_transparent').style.display="" ;
- _$('NewStep_Content').style.display="" ;
-}
-
-function hide_addStep(){
- _$('bg_transparent').style.display="none" ;
- _$('combodiv_sounds').style.display="none" ;
- _$('NewStep_Content').style.display="none" ;
-}
</script>
<body id="foo" onload="localajaxinit()" bgcolor="EFEFEF" onunload="free_mem()">
-<div class="page_header">
+<div class="mainscreenTitleBar">
<span style="margin-left: 4px;font-weight:bold;">Voice Menus Configuration</span>
<span style="cursor: pointer; cursor: hand;" onclick="window.location.href=window.location.href;" > <img src="images/refresh.png" title=" Refresh " border=0 > </span>
</div>
<div class="mainscreenContentBox" id="userscontent">
-<table class="VoiceMenuMainTable" align="left">
+<table class="mainscreenTable" align="center">
+ <tr valign="top">
+ <td colspan='2'> Voice Menus: </td>
+ </tr>
<tr valign="top">
<td> <select size="25" id="vmenus" style="width:180px;" class="input10"><option>Loading...</option></select> </td>
- <td valign=top align="right" width=560 height=415>
+ <td valign=top align="right" width=346 height=415>
<select id='extensions' style='display:none;width:0px;height:0px'></select><select id='users' style='display:none;width:0px;height:0px'></select><select id='recorded_files' style='display:none;width:0px;height:0px'></select>
- <table align="center" width="560">
+ <table align="center" width="346">
<tr>
<td width="50" align=left class="field_text" tip="en,menus,0">Name:</td>
<td align=left class="field_text">
@@ -1233,36 +1192,72 @@
<span tip="en,menus,5">
Extension: <input id="alias_exten" onKeyUp="enable_savecancel()" size=4 disabled class="input8" tip="en,menus,5">
</span>
-
- <label FOR="allowexten" tip="en,menus,3">
- <input type=checkbox id=allowexten disabled onclick="enable_savecancel()"> Allow Dialing other Extensions?
- </label>
</td>
</tr>
<tr> <td class="field_text" tip="en,menus,1">Steps:<BR>
<input style='width:45' type="button" id="stepUp" value="Up" disabled onClick="step_up()" class="buttonbold"><BR><BR>
<input style='width:45' type="button" id="stepDown" value="Down" disabled onClick="step_down()" class="buttonbold">
</td>
- <td><select id='steps' size=8 style="width:550px;" onClick="step_onselect()" disabled class="input8"></select></td>
+ <td rowspan=2><select id='steps' size=5 style="width:280px;" onClick="step_onselect()" disabled class="input8"></select></td>
</tr>
-
- <tr> <td> </td>
- <td class="field_text">
- <input type=button style='width:105' id='b_ShowAddStep' onclick="show_addStep()" value="Add new Step" disabled class="buttonbold">
- <input type=button style='width:140' id='deletestep' onclick="delete_step()" value="Delete selected Step" disabled class="buttonbold">
- </td>
+ <tr><td colspan=2 class="field_text" height=4 tip="en,menus,2"></td></tr>
+ <tr><td colspan=2 class="field_text" tip="en,menus,2">Add a new Step:</td></tr>
+ <tr><td colspan=2>
+
+ <NOBR>
+ <select id='newstep_action' disabled onChange="update_newstep_var()" class="input8">
+ <option value=""> -- Select --</option>
+ <option value="Answer">Answer</option>
+ <option value="Authenticate">Authenticate</option>
+ <option value="Background">Background</option>
+ <option value="Busy">Busy Tone</option>
+ <option value="Congestion">Congestion</option>
+ <!-- <option value="SetMusicOnHold">SetMusicOnHold</option> -->
+ <option value="DigitTimeout">DigitTimeout</option>
+ <option value="DISA">DISA</option>
+ <option value="ResponseTimeout">ResponseTimeout</option>
+ <option value="Playback">Playback</option>
+ <option value="Wait">Wait</option>
+ <option value="WaitExten">WaitExten</option>
+ <option value="GotoMenu">Goto Menu</option>
+ <option value="GotoDirecotry">Goto Directory</option>
+ <option value="GotoExtension">Goto Extension</option>
+ <!--<option value="GotoTimeBasedRule">Goto TimeBasedRule</option>-->
+ <option value="DialRingGroup">Dial RingGroup</option>
+ <option value="Hangup">Hangup</option>
+ </select>
+ <input type=text id="newstep_var" style="display:none" size=4 disabled class="input8">
+ <select id='add_newstep_extensions' style="display:none" onChange=" $('newstep_var').value = $('add_newstep_extensions').value;" class="input8"></select>
+ <select id='add_newstep_menus' style="display:none" onChange=" $('newstep_var').value = $('add_newstep_menus').value;" class="input8"></select>
+ <div id="combodiv_sounds">
+ <select size=5 id="combosel_sounds" style="font-family: Verdana, Arial, Helvetica, Sans-Serif;font-size: 11px;" class="input8"></select>
+ </div>
+ <select style="display:none" id="tbr" class="input8" onChange=" $('newstep_var').value = $('tbr').value;"></select>
+ <select style="display:none" id="rgrp" class="input8" onChange=" $('newstep_var').value = $('rgrp').value;"></select>
+ <input type=text id="newstep_var_digit" size=3 style="display:none;" onChange=" $('newstep_var').value = $('newstep_var_digit').value;" pattern='^\d*$' class="input8">
+ <SCRIPT LANGUAGE="JavaScript">ASTGUI.COMBOBOX.call('newstep_var', "combodiv_sounds","combosel_sounds"); </SCRIPT>
+ <input type=button style='width:45' id='addstep' onclick="add_newstep()" value="Add" disabled class="buttonbold">
+ <input type=button style='width:50' id='deletestep' onclick="delete_step()" value="Delete" disabled class="buttonbold">
+ </NOBR>
+ </td>
</tr>
- <tr> <td colspan=2 height=25></td></tr>
+ <tr>
+ <td colspan=2 class="field_text" tip="en,menus,3">
+ <label FOR="allowexten" tip="en,menus,3">
+ <input type=checkbox id=allowexten disabled onclick="enable_savecancel()"> Dial other Extensions?
+ </label> </td>
+ </tr>
+ <tr> <td colspan=2 height=6></td></tr>
+ <tr> <td colspan=2 class="field_text" tip="en,menus,4">'Keypress' Events</td> </tr>
<tr><td colspan=2>
- <div>
+ <div style="width=340px;">
<table cellpadding=3 cellspacing=0 width="100%">
<TR bgcolor='#B8B8B8'>
<TD width=35 class="field_text">Key</TD><TD class="field_text">Action</TD>
- <TD width=440 class="field_text" tip="en,menus,4" align=center><B>'Keypress' Events</B></TD>
</TR>
</table>
</div>
- <div id="keypressoptions" style="height:190px;overflow :auto;display :none;">
+ <div id="keypressoptions" style="height:155px;width=340px; overflow :auto;display :none;">
<table cellpadding=3 cellspacing=0 width="100%">
<script>
for (var k=0; k< keys.length; k++){
@@ -1299,58 +1294,4 @@
</tr>
</table>
</div>
-<div id="NewStep_Content" STYLE="display:none; position: absolute; left: 40; top: 64; width:580; height:60; background-color:#F4EFE5; border-width: 1px; border-color: #7E5538; border-style: solid; z-index:100">
- <table width="100%" cellpadding=0 cellspacing=0 onmousedown="ASTGUI.startDrag(event , 'NewStep_Content');">
- <TR bgcolor="#7E5538" style="background-image:url('images/title_gradient.gif');">
- <TD tip="en,menus,2"><font color="#FFFFFF"> <B>Add a new Step:</B></FONT></TD>
- <TD Height="20" align="right" style="cursor: move">
- <A href="#" onclick="hide_addStep();" style="color:#FFFFFF; font-size: 12px; font-weight:bold;">X</A>
- </TD>
- <TD width=4></TD>
- </TR>
- </table>
- <table cellpadding=2 cellspacing=2 border=0 width="100%" align="center">
- <tr> <td colspan=2 class="field_text" align=center height=40 valign=middle>
- <NOBR>
- Add new Step:
- <select id='newstep_action' disabled onChange="update_newstep_var()" class="input8">
- <option value=""> -- Select --</option>
- <option value="Answer">Answer</option>
- <option value="Authenticate">Authenticate</option>
- <option value="Background">Background</option>
- <option value="Busy">Busy Tone</option>
- <option value="Congestion">Congestion</option>
- <!-- <option value="SetMusicOnHold">SetMusicOnHold</option> -->
- <option value="DigitTimeout">DigitTimeout</option>
- <option value="DISA">DISA</option>
- <option value="ResponseTimeout">ResponseTimeout</option>
- <option value="Playback">Playback</option>
- <option value="Wait">Wait</option>
- <option value="WaitExten">WaitExten</option>
- <option value="GotoMenu">Goto Menu</option>
- <option value="GotoDirecotry">Goto Directory</option>
- <option value="GotoExtension">Goto Extension</option>
- <!--<option value="GotoTimeBasedRule">Goto TimeBasedRule</option>-->
- <option value="DialRingGroup">Dial RingGroup</option>
- <option value="Hangup">Hangup</option>
- </select>
- <input type=text id="newstep_var" style="display:none" size=4 disabled class="input8">
- <select id='add_newstep_extensions' style="display:none" onChange=" $('newstep_var').value = $('add_newstep_extensions').value;" class="input8"></select>
- <select id='add_newstep_menus' style="display:none" onChange=" $('newstep_var').value = $('add_newstep_menus').value;" class="input8"></select>
- <select style="display:none" id="tbr" class="input8" onChange=" $('newstep_var').value = $('tbr').value;"></select>
- <select style="display:none" id="rgrp" class="input8" onChange=" $('newstep_var').value = $('rgrp').value;"></select>
- <input type=text id="newstep_var_digit" size=3 style="display:none;" onChange=" $('newstep_var').value = $('newstep_var_digit').value;" pattern='^\d*$' class="input8">
- <input type=button style='width:45' id='addstep' onclick="add_newstep()" value="Add" disabled class="buttonbold">
- <input type=button style='width:55' onclick="hide_addStep()" value="Cancel" class="buttonbold">
- </NOBR>
- </td>
- </tr>
- </table>
-</div>
-<div id="combodiv_sounds" STYLE="display:none;z-index:101">
- <select size=10 id="combosel_sounds" style="font-family: Verdana, Arial, Helvetica, Sans-Serif;font-size: 11px;" class="input8"></select>
-</div>
-<SCRIPT LANGUAGE="JavaScript">combo_box('newstep_var', "combodiv_sounds","combosel_sounds"); </SCRIPT>
-<div id="bg_transparent" STYLE="display:none; position: absolute; left: 0; top: 24; width:100%; height:100%; background-color:#EFEFEF; -moz-opacity:.50;opacity:.50; border-width: 1px; border-color: #EFEFEF; border-style: solid; z-index:4">
-</div>
</body>
Modified: branches/asterisknow/config/scripts/astman.js
URL: http://svn.digium.com/view/asterisk-gui/branches/asterisknow/config/scripts/astman.js?view=diff&rev=1454&r1=1453&r2=1454
==============================================================================
--- branches/asterisknow/config/scripts/astman.js (original)
+++ branches/asterisknow/config/scripts/astman.js Sat Aug 25 18:50:20 2007
@@ -266,6 +266,76 @@
clear: function(el){
el.options.length = 0;
}
+ },
+ COMBOBOX: function (a,w){ // Usage - ASTGUI.COMBOBOX.call( element , OptionsArray, width(Optional) );
+ // this.comboDiv - the div element created
+ // this.comboOptions - the array of options
+ var k = document.createElement('DIV');
+ var BoldBinA = function(a,b){
+ if(b==''){return a;}
+ var position = a.toLowerCase().indexOf( b.toLowerCase() ) ;
+ if (position == -1){ return a; }
+ var c = a.substr( position , b.length );
+ return a.replace( c , "<B>" + c + "</B>" , "" );
+ };
+
+ var creatediv = function(){
+ ASTGUI.events.add( this, 'blur' , cleanupDiv ) ;
+ var u = this;
+ var q = k.cloneNode(false);
+ q.className = "comboMainDiv";
+ if(w){q.style.width = w; }
+ u.comboDiv = q;
+
+ var selectOption = function(event){
+ var f = ASTGUI.events.getTarget(event);
+ u.value = f.getAttribute( 'actualvalue' );
+ q.style.display = "none";
+ q.parentNode.removeChild(q);
+ delete u.comboDiv;
+ u.blur();
+ };
+
+ ASTGUI.events.add( q , 'click' , selectOption ) ;
+ q.style.display = "none";
+ document.body.appendChild(q);
+ ASTGUI.alignBbelowA(u,q);
+ updateDivAndShow.call(this);
+ };
+
+ var updateDivAndShow = function(){
+ var t = this.comboDiv;
+ var srchStng = this.value.toLowerCase();
+ var z = this.comboOptions;
+ var y;
+ var matched =0;
+
+ ASTGUI.domActions.removeAllChilds(t);
+ for (var r =0; r < z.length; r++){
+ if( z[r].toLowerCase().contains(srchStng) || srchStng == '' ){
+ y = k.cloneNode(false);
+ y.innerHTML = BoldBinA( z[r] , srchStng) ;
+ y.setAttribute( 'actualvalue', z[r] );
+ t.appendChild(y);
+ matched++;
+ }
+ }
+ if(matched){ t.style.display = "";}
+ };
+
+ var cleanupDiv = function(){
+ var y = this;
+ var sf = function(){
+ if(y.comboDiv){
+ var q = y.comboDiv;
+ q.parentNode.removeChild(q);
+ delete y.comboDiv;
+ ASTGUI.events.remove( y, 'blur' , cleanupDiv ) ;
+ y.blur();
+ }
+ };
+ setTimeout( sf, 300 );
+ };
}
}; // AstGUI
@@ -454,95 +524,6 @@
'<TR><TD><img src="/asterisk/static/config/images/loading.gif"></TD>' +
'<TD valign=middle align=center> <div id=message_text></div></TD></TR></TABLE>';
document.body.appendChild(h);
-}
-
-function combo_box(a, b, c ){
- var combo_text = document.getElementById(a);
- var combo_selectdiv = document.getElementById(b);
- var combo_selectbox = document.getElementById(c);
- var TAB = 9;
- var ENTER = 13;
- var ESC = 27;
- var KEYUP = 38;
- var KEYDN = 40;
- var BKSPACE = 8;
-
- function xyz(event){
- if( event.keyCode == ENTER || event.keyCode == ESC || event.keyCode == TAB){
- combo_selectdiv.style.display = "none";
- return false;
- }else if( event.keyCode == KEYDN || event.keyCode == KEYUP ){
- combo_selectbox.focus();
- return false;
- }else if( event.keyCode == BKSPACE && !combo_text.value.length ){
- combo_selectdiv.style.display = "none";
- return false;
- }else{
- combo_selectdiv.style.display = "";
- return true;
- }
- }
-
- function abcd(event){
- if( event.keyCode == ENTER || event.keyCode == ESC || event.keyCode == TAB){
- return false;
- }
- for (var i=0; i < combo_selectbox.options.length; i++){
- if(combo_selectbox.options[i].value.toLowerCase().match(combo_text.value.toLowerCase()) ){
- combo_selectbox.selectedIndex = i;
- return true;
- }
- }
- combo_selectdiv.style.display = "none";
- }
-
- function efgh(event) {
- if( event.keyCode == ENTER ){
- combo_text.value = combo_selectbox.value;
- combo_text.focus();
- combo_selectdiv.style.display = "none";
- return false;
- }else if( event.keyCode == ESC ){
- combo_text.focus();
- combo_selectdiv.style.display = "none";
- }else{
- return true;
- }
- }
- function ijkl(event) {
- combo_text.value = combo_selectbox.value;
- combo_text.focus();
- combo_selectdiv.style.display = "none";
- }
-
- combo_selectdiv.style.position ="absolute";
- combo_selectdiv.style.top = 0;
- combo_selectdiv.style.left = 0;
-// combo_selectdiv.style.z-index = 10000;
- combo_selectdiv.style.display = "none";
-
- ASTGUI.events.add( combo_text , 'keychange' , combobox_activate ) ;
- ASTGUI.events.add( combo_text , 'focus' , combobox_activate ) ;
- ASTGUI.events.add( combo_text , 'focusout' , function(){ combo_selectdiv.style.display ='none'; } ) ;
- ASTGUI.events.add( combo_text , 'keypress' , xyz) ;
- ASTGUI.events.add( combo_text , 'keyup' , abcd ) ;
- ASTGUI.events.add( combo_selectbox, 'keypress' , efgh ) ;
- ASTGUI.events.add( combo_selectbox, 'click' , ijkl ) ;
-
- function combobox_activate(){
- var tmp_left = combo_text.offsetLeft;
- var tmp_top = combo_text.offsetTop + combo_text.offsetHeight;
- var tmp_parent = combo_text;
- while(tmp_parent.offsetParent != document.body){
- tmp_parent = tmp_parent.offsetParent;
- tmp_left += tmp_parent.offsetLeft;
- tmp_top += tmp_parent.offsetTop;
- }
- combo_selectdiv.style.left = tmp_left;
- combo_selectdiv.style.top = tmp_top ;
- combo_selectdiv.style.width = combo_text.offsetWidth;
- combo_selectdiv.style.display = "";
- }
}
function InArray(search_array, searchstring ){
More information about the asterisk-gui-commits
mailing list