rbrindley: branch 2.0 r4716 - /branches/2.0/config/trunks_voip.html
SVN commits to the Asterisk-GUI project
asterisk-gui-commits at lists.digium.com
Tue Apr 7 15:59:00 CDT 2009
Author: rbrindley
Date: Tue Apr 7 15:58:57 2009
New Revision: 4716
URL: http://svn.digium.com/svn-view/asterisk-gui?view=rev&rev=4716
Log:
- lets use divs instead of tables for layout
Modified:
branches/2.0/config/trunks_voip.html
Modified: branches/2.0/config/trunks_voip.html
URL: http://svn.digium.com/svn-view/asterisk-gui/branches/2.0/config/trunks_voip.html?view=diff&rev=4716&r1=4715&r2=4716
==============================================================================
--- branches/2.0/config/trunks_voip.html (original)
+++ branches/2.0/config/trunks_voip.html Tue Apr 7 15:58:57 2009
@@ -83,6 +83,33 @@
background: transparent url("./images/delete_circle.png") no-repeat;
}
+.variable {
+ clear: both;
+ width: 100%;
+}
+
+.variable > .label {
+ float: left;
+ padding: 2px;
+ padding-right: 4px;
+ text-align: right;
+ width: 30%;
+}
+
+.variable > .field {
+ padding: 2px;
+ margin-left: 30%;
+ text-align: left;
+ width: 70%;
+}
+
+#edit_VOIPTrunk_DIV {
+ display: none;
+ padding: 4px;
+ text-align: center;
+ width: 620px;
+}
+
</style>
<body bgcolor="EFEFEF">
<div class="iframeTitleBar">
@@ -98,7 +125,7 @@
<table id='table_VOIPTrunks_list' cellpadding=0 cellspacing=0 border=0 align=center></table>
-<div id="edit_VOIPTrunk_DIV" STYLE="width:620; display:none;" class='dialog'>
+<div id="edit_VOIPTrunk_DIV" class='dialog'>
<TABLE width="100%" cellpadding=0 cellspacing=0>
<TR class="dialog_title_tr">
<TD class="dialog_title" onmousedown="ASTGUI.startDrag(event);">
@@ -107,98 +134,123 @@
<TD class="dialog_title_X" onclick="ASTGUI.hideDrag(event);"> X </TD>
</TR>
</TABLE>
- <TABLE align=center cellpadding=2 cellspacing=2 border=0>
-
- <TR id='TR_trunktype'>
- <TD align="right">Type:</TD>
- <TD> <select id='edit_VOIPTrunk_Type' required='yes'>
- <option value='SIP'>SIP</option>
- <option value='IAX'>IAX</option>
+ <div id="TR_trunktype" class="variable">
+ <div class="label">Type:</div>
+ <div class="field">
+ <select id="edit_VOIPTrunk_Type" required="yes">
+ <option value="SIP">SIP</option>
+ <option value="IAX">IAX</option>
</select>
- </TD>
- </TR>
-
- <TR id='TR_contextbasis'>
- <TD align="right">Context Naming <img src="images/tooltip_info.gif" tip="en,trunks,40" class='tooltipinfo'>:</TD>
- <TD> <select id='edit_VOIPTrunk_Context_Basis' required='yes'>
+ </div>
+ </div>
+ <div id="TR_contextbasis" class="variable">
+ <div class="label">
+ Context Naming <img src="images/tooltip_info.gif" tip="en,trunks,40" class="tooltipinfo" />:
+ </div>
+ <div class="field">
+ <select id='edit_VOIPTrunk_Context_Basis' required='yes'>
<option value='GUIAssigned' selected>Assigned by Asterisk GUI</option>
<option value='FromUser'>Based on Username</option>
<option value='FromProvider'>Based on Provider Name</option>
</select>
- </TD>
- </TR>
-
- <TR> <TD align="right">Provider Name <img src="images/tooltip_info.gif" tip="en,trunks,37" class='tooltipinfo'>:</TD>
- <TD> <input id='edit_VOIPTrunk_Providername' size=20 required='yes'></TD>
- </TR>
-
- <TR> <TD align="right">Hostname <img src="images/tooltip_info.gif" tip="en,trunks,41" class='tooltipinfo'>:</TD>
- <TD> <input id='edit_VOIPTrunk_Hostname' size=30 required='yes'></TD>
- </TR>
- <TR> <TD align="right">Username <img src="images/tooltip_info.gif" tip="en,trunks,39" class='tooltipinfo'>:</TD>
- <TD> <input id='edit_VOIPTrunk_Username' size=25 required='yes' validation='voipusername'></TD>
- </TR>
- <TR> <TD align="right">Password :</TD>
- <TD> <input id='edit_VOIPTrunk_Password' size=25 required='yes'></TD>
- </TR>
-
- <TR class='editTrunk_Field'>
- <TD align="right" valign=top>Codecs :</TD>
- <TD align="left">
+ </div>
+ </div>
+ <div id="TR_providername" class="variable">
+ <div class="label">
+ Provider Name <img src="images/tooltip_info.gif" tip="en,trunks,37" class='tooltipinfo' />:
+ </div>
+ <div class="field">
+ <input id='edit_VOIPTrunk_Providername' size=20 required='yes' />
+ </div>
+ </div>
+ <div id="TR_hostname" class="variable">
+ <div class="label">
+ Hostname <img src="images/tooltip_info.gif" tip="en,trunks,41" class='tooltipinfo' />:
+ </div>
+ <div class="field">
+ <input id='edit_VOIPTrunk_Hostname' size=30 required='yes' />
+ </div>
+ </div>
+ <div id="TR_username" class="variable">
+ <div class="label">
+ Username <img src="images/tooltip_info.gif" tip="en,trunks,39" class='tooltipinfo' />:
+ </div>
+ <div class="field">
+ <input id='edit_VOIPTrunk_Username' size=25 required='yes' validation='voipusername' />
+ </div>
+ </div>
+ <div id="TR_password" class="variable">
+ <div class="label">Password :</div>
+ <div class="field">
+ <input id='edit_VOIPTrunk_Password' size=25 required='yes' />
+ </div>
+ </div>
+ <div id="TR_codecs" class="editTrunk_Field variable">
+ <div class="label">Codecs:</div>
+ <div class="field">
First : <select id='codec_one'></select>
Second : <select id='codec_two'></select>
Third : <select id='codec_three'></select><BR>
Fourth : <select id='codec_fourth'></select>
Fifth : <select id='codec_fifth'></select>
- </TD>
- </TR>
-
- <TR class='editTrunk_Field'>
- <TD align="right" valign=top>CallerID <img src="images/tooltip_info.gif" tip="en,trunks,36" class='tooltipinfo'> :</TD>
- <TD align="left"> <input id="trunk_obcid" size=16> </TD>
- </TR>
-
- <TR class='editTrunk_Field'>
- <TD align="right" valign=top>FromDomain :</TD>
- <TD align="left"> <input id="trunk_fromdomain" size=16> </TD>
- </TR>
-
- <TR class='editTrunk_Field'>
- <TD align="right" valign=top>FromUser :</TD>
- <TD align="left"> <input id="trunk_fromuser" size=16> </TD>
- </TR>
- <TR class='editTrunk_Field'>
- <TD align="right" valign=top>AuthUser :</TD>
- <TD align="left"> <input id="trunk_authuser" size=16> </TD>
- </TR>
- <TR class='editTrunk_Field'>
- <TD align="right" valign=top>insecure :</TD>
- <TD align="left"> <select id="trunk_insecure" dfalt='no' class="input8"><option value='port'>port</option><option value='port,invite'>very</option><option value='no'>no</option></select> </TD>
- </TR>
- <TR id="outboundproxy_field" class='editTrunk_Field'>
- <TD align="right" valign=top>Outbound Proxy :</TD>
- <TD align="left"> <input id="trunk_outboundproxy" size="16"></TD>
- </TR>
- <TR class='editTrunk_Field_ermwi'>
- <TD align="right">
- <input type='checkbox' id='edit_ERMWI'> Enable Remote MWI :
- </TD>
- <TD></TD>
- </TR>
-
- <TR class='editTrunk_Field_ermwi' id='editTrunk_Field_ermwi_row2'>
- <TD align="right"> Remote MailBox : </TD>
- <TD> <input id='edit_ERMWI_rmbx' size=4>
- Local User : <select id='edit_ERMWI_luser'></select>
- </TD>
- </TR>
-
- <TR> <TD colspan=2 align=center height=50 valign=middle>
- <span class='guiButtonCancel' id="edit_VOIPTrunk_cancel" onclick='ASTGUI.hideDrag(event);'>Cancel</span>
- <span class='guiButtonEdit' id="edit_VOIPTrunk_save" onclick='edit_VOIPTrunk_save_go();'>Save</span>
- </TD>
- </TR>
- </TABLE>
+ </div>
+ </div>
+ <div id="TR_callerid" class="editTrunk_Field variable">
+ <div class="label">
+ CallerID <img src="images/tooltip_info.gif" tip="en,trunks,36" class='tooltipinfo' />:
+ </div>
+ <div class="field">
+ <input id="trunk_obcid" size="16" />
+ </div>
+ </div>
+ <div id="TR_fromdomain" class='editTrunk_Field variable'>
+ <div class="label">FromDomain:</div>
+ <div class="field">
+ <input id="trunk_fromdomain" size="16" />
+ </div>
+ </div>
+ <div id="TR_fromuser" class='editTrunk_Field variable'>
+ <div class="label">FromUser:</div>
+ <div class="field">
+ <input id="trunk_fromuser" size="16" />
+ </div>
+ </div>
+ <div id="TR_authuser" class='editTrunk_Field variable'>
+ <div class="label">AuthUser:</div>
+ <div class="field">
+ <input id="trunk_authuser" size="16" />
+ </div>
+ </div>
+ <div id="TR_insecure" class='editTrunk_Field variable'>
+ <div class="label">insecure:</div>
+ <div class="field">
+ <select id="trunk_insecure" dfalt='no' class="input8">
+ <option value='port'>port</option>
+ <option value='port,invite'>very</option>
+ <option value='no'>no</option>
+ </select>
+ </div>
+ </div>
+ <div id="outboundproxy_field" class='editTrunk_Field variable'>
+ <div class="label">Outbound Proxy:</div>
+ <div class="field">
+ <input id="trunk_outboundproxy" size="16" />
+ </div>
+ </div>
+ <div id="TR_ermwi" class='editTrunk_Field_ermwi variable'>
+ <div class="label">Enable Remote MWI:</div>
+ <div class="field">
+ <input type='checkbox' id='edit_ERMWI' />
+ </div>
+ </div>
+ <div id='editTrunk_Field_ermwi_row2' class='editTrunk_Field_ermwi variable'>
+ <div class="label">Remote MailBox:<br />Local User:</div>
+ <div class="field">
+ <input id='edit_ERMWI_rmbx' size="4" /><br />
+ <select id='edit_ERMWI_luser'></select>
+ </div>
+ </div>
+ <span class='guiButtonCancel' id="edit_VOIPTrunk_cancel" onclick='ASTGUI.hideDrag(event);'>Cancel</span>
+ <span class='guiButtonEdit' id="edit_VOIPTrunk_save" onclick='edit_VOIPTrunk_save_go();'>Save</span>
</div>
-
</body>
More information about the asterisk-gui-commits
mailing list