pari: trunk r563 - /trunk/config/setup/

asterisk-gui-commits at lists.digium.com asterisk-gui-commits at lists.digium.com
Thu Mar 29 22:47:32 MST 2007


Author: pari
Date: Fri Mar 30 00:47:31 2007
New Revision: 563

URL: http://svn.digium.com/view/asterisk-gui?view=rev&rev=563
Log:
SetupWizard - Highlight fields onfocus

Modified:
    trunk/config/setup/1.html
    trunk/config/setup/3.html
    trunk/config/setup/4.html
    trunk/config/setup/6.html
    trunk/config/setup/7.html
    trunk/config/setup/setup.css

Modified: trunk/config/setup/1.html
URL: http://svn.digium.com/view/asterisk-gui/trunk/config/setup/1.html?view=diff&rev=563&r1=562&r2=563
==============================================================================
--- trunk/config/setup/1.html (original)
+++ trunk/config/setup/1.html Fri Mar 30 00:47:31 2007
@@ -34,6 +34,12 @@
 var cats = new Array();
 
 function localinit(){
+	var un = _$('username') ; var pwd = _$('secret') ; 
+	un.onfocus = function(){this.className = 'input9_hilight';}
+	un.onblur = function(){this.className = 'input9';}
+	pwd.onfocus = function(){this.className = 'input9_hilight';}
+	pwd.onblur = function(){this.className = 'input9';}
+
 	parent.fxoports = [];
 	parent.fxsports = [];
 	parent.$('next').disabled = true;
@@ -240,10 +246,10 @@
 		<div class="heading">Pleae enter your admin Username and Password </div>
 		<table align="center">
 			<tr>	<td>Username:</td>
-				<td><input id="username"  size=12></td>
+				<td><input id="username"  size=12 class="input9"></td>
 			</tr>
 			<tr>	<td>Password:</td>
-				<td><input type="password" id="secret" size=12 onKeyPress="submitOnEnter(event)"></td>
+				<td><input type="password" id="secret" size=12 onKeyPress="submitOnEnter(event)" class="input9"></td>
 			</tr>
 			<tr>	<td align='center' colspan='2' height=40 valign=bottom>
 					<input type="button" id="login" value="Login" onClick="login()" >

Modified: trunk/config/setup/3.html
URL: http://svn.digium.com/view/asterisk-gui/trunk/config/setup/3.html?view=diff&rev=563&r1=562&r2=563
==============================================================================
--- trunk/config/setup/3.html (original)
+++ trunk/config/setup/3.html Fri Mar 30 00:47:31 2007
@@ -36,6 +36,12 @@
 var prevpage = "1.html";
 
 function localinit(){
+	var focus_fields = [ 'localextenlength','userbase' ];
+	for( var  r =0; r < focus_fields.length ; r++ ){
+		var d = _$(focus_fields[r]);
+		d.onfocus = function(){ this.className = 'input9_hilight'; }
+		d.onblur = function(){ this.className = 'input9'; }
+	}
 	parent._$('next').disabled = true;
 	parent._$('next').onclick = function(){	 
 		if( !_$('save').disabled ){
@@ -173,7 +179,7 @@
 		
 		<div class="heading">Step 2 of <script>document.write(parent.numberofsteps);</script>&nbsp;&nbsp;- Local Extension Settings</div>
 		<p class="subheading">	Local Extensions are 
-			<select id="localextenlength">
+			<select id="localextenlength" class="input9">
 				<option value="2">2</option>
 				<option value="3">3</option>
 				<option value="4" selected>4</option>
@@ -181,7 +187,7 @@
 			</select> digits long&nbsp;
 		</p>
 
-		<p class="subheading">First Extension Number : <input type=text id="userbase" size=5 dfalt="6000">	</p>
+		<p class="subheading">First Extension Number : <input type=text id="userbase" size=5 dfalt="6000" class="input9"> </p>
 
 		<p class="subheading"><input type=checkbox id="allow_aliasextns"> Allow analog phones to be assigned to multiple extensions</p>
 

Modified: trunk/config/setup/4.html
URL: http://svn.digium.com/view/asterisk-gui/trunk/config/setup/4.html?view=diff&rev=563&r1=562&r2=563
==============================================================================
--- trunk/config/setup/4.html (original)
+++ trunk/config/setup/4.html Fri Mar 30 00:47:31 2007
@@ -94,6 +94,13 @@
 }
 
 function localinit(){
+	var focus_fields = [ 'username','secret','provider','customvoip_name','customvoip_protocol','customvoip_host','customvoip_username','customvoip_secret' ];
+	for( var  r =0; r < focus_fields.length ; r++ ){
+		var d = _$(focus_fields[r]);
+		d.onfocus = function(){ this.className = 'input9_hilight'; }
+		d.onblur = function(){ this.className = 'input9'; }
+	}
+
 	parent._$('back').onclick  = function(){ window.location.href="3.html"; };
 	parent._$('next').onclick = function(){ window.location.href="5.html"; };
 	//parent.$('next').disabled = true;
@@ -762,7 +769,7 @@
 			<div id='analog' style='display:none' align="center">
 				<table align="center" class="font85">
 				<tr>	<td style='width:80px' valign='top' class="field_text">Lines:</td>
-					<td>	<select size="12" multiple='true' id='zapchan' style='width:200px' class="input8"></select>
+					<td>	<select size="12" multiple='true' id='zapchan' style='width:200px' class="input9"></select>
 						<div id="zapchan_analoglines" style='height:110px; width: 200px; overflow :auto; display:none'></div>
 					</td>
 				</tr>
@@ -772,16 +779,16 @@
 			<div id='voip' style='display:none' align="center">
 				<table align="center"  class="font85">
 					<tr>	<td style='width:80px' valign='top' class="field_text">Provider:</td>
-						<td>	<select size='4' id='provider' style='width:200px' altonchange='selectprovider()' class="input8"></select>	</td>
+						<td>	<select size='4' id='provider' style='width:200px' altonchange='selectprovider()' class="input9"></select>	</td>
 					</tr>
 					<tr>	<td colspan='2' align='center' id='providerlogo_image'></td>	</tr>
 					<tr>	<td colspan='2' align='center'>	<div id='providerdesc' align='left' style='width:230px;height:100px; font-size:10px'></div></td>
 					</tr>
 					<tr>	<td class="field_text">Username:</td>
-						<td><input size='20' id='username' class="input8"></td>
+						<td><input size='20' id='username' class="input9"></td>
 					</tr>
 					<tr>	<td class="field_text">Password:</td>
-						<td><input size='20' type="password" id='secret' class="input8"></td>
+						<td><input size='20' type="password" id='secret' class="input9"></td>
 					</tr>
 				</table>
 			</div>
@@ -801,10 +808,10 @@
 				</tr>
 				<tr>	<td colspan=2>Please enter your Service Provider information:</td>	</tr>
 				<tr>	<td class="field_text">Comment:</td>
-					<td><input type="text" id="customvoip_name" size=14 onkeyup=" $('cancel').disabled= false;$('save').disabled= false;"  class="input8"></td>
+					<td><input type="text" id="customvoip_name" size=14 onkeyup=" $('cancel').disabled= false;$('save').disabled= false;"  class="input9"></td>
 				</tr>
 				<tr>	<td class="field_text">Protocol:</td>
-					<td>	<select id="customvoip_protocol" onchange=" $('cancel').disabled= false;$('save').disabled= false;"  class="input8">
+					<td>	<select id="customvoip_protocol" onchange=" $('cancel').disabled= false;$('save').disabled= false;"  class="input9">
 						<option value="iax">IAX</option>
 						<option value="sip">SIP</option>
 						</select>
@@ -814,14 +821,14 @@
 					<td><input type="checkbox" id="customvoip_register" onchange="flip_register();"  class="input8"></td>
 				</tr>
 				<tr>	<td class="field_text">Host:</td>
-					<td><input type="text" id="customvoip_host" size=14 onkeyup=" $('cancel').disabled= false;$('save').disabled= false;"  class="input8"></td>
+					<td><input type="text" id="customvoip_host" size=14 onkeyup=" $('cancel').disabled= false;$('save').disabled= false;"  class="input9"></td>
 				</tr>
 	
 				<tr>	<td class="field_text">Username:</td>
-					<td><input type="text" id="customvoip_username" size=14 onkeyup=" $('cancel').disabled= false;$('save').disabled= false;"  class="input8"></td>
+					<td><input type="text" id="customvoip_username" size=14 onkeyup=" $('cancel').disabled= false;$('save').disabled= false;"  class="input9"></td>
 				</tr>
 				<tr>	<td class="field_text">Password:</td>
-					<td><input type="password" id="customvoip_secret" size=14 onkeyup=" $('cancel').disabled= false;$('save').disabled= false;"  class="input8"></td>
+					<td><input type="password" id="customvoip_secret" size=14 onkeyup=" $('cancel').disabled= false;$('save').disabled= false;"  class="input9"></td>
 				</tr>
 				</table>
 			</div>

Modified: trunk/config/setup/6.html
URL: http://svn.digium.com/view/asterisk-gui/trunk/config/setup/6.html?view=diff&rev=563&r1=562&r2=563
==============================================================================
--- trunk/config/setup/6.html (original)
+++ trunk/config/setup/6.html Fri Mar 30 00:47:31 2007
@@ -45,6 +45,13 @@
 }
 
 function localinit(){
+	var focus_fields = [ 'name','maxmsg','maxmessage','maxgreet'];
+	for( var  r =0; r < focus_fields.length ; r++ ){
+		var d = _$(focus_fields[r]);
+		d.onfocus = function(){ this.className = 'input9_hilight'; }
+		d.onblur = function(){ this.className = 'input9'; }
+	}
+
 	//parent.$('next').disabled = true;
 	parent._$('next').onclick = function(){	 
 		if ( _$('name').value.length==0 ){
@@ -266,13 +273,13 @@
 	</div>
 	<table cellpadding=2 cellspacing=2 border=0 align=center  class="subheading">
 	<tr>	<td>Extension for checking messages:</td>
-		<td>&nbsp;<input size='5' id='name' pattern='^\d*$' onKeyUp="$('cancel').disabled=false;"  class="input8" ></td>
+		<td>&nbsp;<input size='5' id='name' pattern='^\d*$' onKeyUp="$('cancel').disabled=false;"  class="input9" ></td>
 	</tr>
 	<tr>	<td>Attach recordings to e-mail:</td>
 		<td><input type='checkbox' id='attach'></td>
 	</tr>
 	<tr>	<td>Maximum messages per folder:</td>
-		<td>&nbsp;<select id='maxmsg' class="input8">
+		<td>&nbsp;<select id='maxmsg' class="input9">
 			<option value='10'>10</option>
 			<option value='25'>25</option>
 			<option value='100'>100</option>
@@ -283,7 +290,7 @@
 		</td>
 	</tr>
 	<tr>	<td>Maximum message time</td>
-		<td>&nbsp;<select id='maxmessage' class="input8">
+		<td>&nbsp;<select id='maxmessage' class="input9">
 			<option value='60'>1 minute</option>
 			<option value='120'>2 minutes</option>
 			<option value='300'>5 minutes</option>
@@ -294,7 +301,7 @@
 		</td>
 	</tr>
 	<tr>	<td>Max&nbsp;greeting&nbsp;(seconds)</td>
-		<td>&nbsp;<input size=4 id='maxgreet' pattern='^\d*$' class="input8" dfalt=60></td>
+		<td>&nbsp;<input size=4 id='maxgreet' pattern='^\d*$' class="input9" dfalt=60></td>
 	</tr>
 	</table>					
 	<div style="display:none"><input type='button' id='save' value='Save'>&nbsp;<input type='button' id='cancel' value='Cancel'></div>

Modified: trunk/config/setup/7.html
URL: http://svn.digium.com/view/asterisk-gui/trunk/config/setup/7.html?view=diff&rev=563&r1=562&r2=563
==============================================================================
--- trunk/config/setup/7.html (original)
+++ trunk/config/setup/7.html Fri Mar 30 00:47:31 2007
@@ -184,6 +184,12 @@
 extencallbacks.eachline = true;
 
 function localinit(){
+	var focus_fields = [ 'name','fullname','secret','email','cid_number','context','zapchan'];
+	for( var  r =0; r < focus_fields.length ; r++ ){
+		var d = _$(focus_fields[r]);
+		d.onfocus = function(){ this.className = 'input9_hilight'; }
+		d.onblur = function(){ this.className = 'input9'; }
+	}
 	//parent.$('next').disabled = true;
 	parent._$('next').onclick = function(){	 window.location.href="8.html"; };
 	parent._$('back').disabled = false;
@@ -355,24 +361,24 @@
 
 		<TABLE cellpadding=0 cellspacing=2 border=0 class="userdetails">
 		<TR>	<TD>User Extension</TD>
-			<TD><input size='5' id='name' pattern='^\d*$' class="input8"></TD>
+			<TD><input size='5' id='name' pattern='^\d*$' class="input9"></TD>
 			<TD>Full Name:</TD>
-			<TD><input size='20' id='fullname' pattern='^[a-zA-Z_0-9 ]*$' class="input8"></TD>
+			<TD><input size='20' id='fullname' pattern='^[a-zA-Z_0-9 ]*$' class="input9"></TD>
 		</TR>
 		<TR>	<TD>Password:</TD>
-			<TD><input size='5' id='secret' pattern='^[a-zA-Z_0-9 ]*$'  class="input8"></TD>
+			<TD><input size='5' id='secret' pattern='^[a-zA-Z_0-9 ]*$'  class="input9"></TD>
 			<TD>Email:</TD>
-			<TD><input size='20' id='email' pattern='^[0-9a-zA-Z\.\-\_\@]*$' class="input8"></TD>
+			<TD><input size='20' id='email' pattern='^[0-9a-zA-Z\.\-\_\@]*$' class="input9"></TD>
 		</TR>
 		<TR>	<TD>Caller id:</TD>
-			<TD><input size='12' id='cid_number'  pattern='^[\d\-]*$' class="input8"></TD>
+			<TD><input size='12' id='cid_number'  pattern='^[\d\-]*$' class="input9"></TD>
 			<TD>Analog Phone:</TD>
-			<TD><select size="1" id='zapchan' style='width:120px' class="input8"></select>
+			<TD><select size="1" id='zapchan' style='width:120px' class="input9"></select>
 				<span id="noanaloglines" style="display:none"><I>&nbsp;No Analog lines installed.</I></span>
 			</TD>
 		</TR>
 		<TR>	<TD>Calling Rule:</TD>
-			<TD><select size='1' id='context' style='width:120px' class="input8"></select>
+			<TD><select size='1' id='context' style='width:120px' class="input9"></select>
 				<input type='hidden' id='mailbox'><input type='hidden' id='group'>
 			</TD>
 			<TD>VoiceMail:</TD>

Modified: trunk/config/setup/setup.css
URL: http://svn.digium.com/view/asterisk-gui/trunk/config/setup/setup.css?view=diff&rev=563&r1=562&r2=563
==============================================================================
--- trunk/config/setup/setup.css (original)
+++ trunk/config/setup/setup.css Fri Mar 30 00:47:31 2007
@@ -108,4 +108,17 @@
 
 .field_text{
 	font-size: 9pt;
+}
+
+.input9 {
+	font-size: 9pt;
+	border:1px solid; 
+	padding : 0px 0px 0px 3px;
+}
+
+.input9_hilight {
+	background-color:#FFC58A;
+	font-size: 9pt;
+	border:1px solid; 
+	padding : 0px 0px 0px 3px;
 }



More information about the asterisk-gui-commits mailing list