[Vtigercrm-commits] [vtiger-commits] r6512 - in /vtigercrm/trunk/modules/Users: Popup_picker.html Popup_picker_emails.html

vtigercrm-commits at vtiger.fosslabs.com vtigercrm-commits at vtiger.fosslabs.com
Fri May 26 20:35:42 EDT 2006


Author: don
Date: Fri May 26 18:35:38 2006
New Revision: 6512

Log:
new UI for Popup and popup search has been implemented

Modified:
    vtigercrm/trunk/modules/Users/Popup_picker.html
    vtigercrm/trunk/modules/Users/Popup_picker_emails.html

Modified: vtigercrm/trunk/modules/Users/Popup_picker.html
==============================================================================
--- vtigercrm/trunk/modules/Users/Popup_picker.html (original)
+++ vtigercrm/trunk/modules/Users/Popup_picker.html Fri May 26 18:35:38 2006
@@ -21,81 +21,73 @@
 
 {SET_RETURN_JS}
 
-<table cellpadding="0" cellspacing="0" border="0" width="100%"><tbody>
-<tr><td>
-	<table width="100%" border="0" cellspacing="0" cellpadding="2">
-	<tbody><tr>
-<form>
-		<td class="dataLabel" noWrap>&nbsp;{MOD.LBL_FIRST_NAME}&nbsp;</td>
-		<td class="dataField"><input type=text size="10" tabindex='1' name="first_name" class=dataField  value="{LAST_SEARCH.FIRST_NAME}" /></td>
-		<td class="dataLabel" valign=top noWrap>&nbsp;{MOD.LBL_USER_NAME}&nbsp;</td>
-		<td class="dataField"><input type=text size="10" tabindex='2' name="user_name" class=dataField  value="{LAST_SEARCH.USER_NAME}" /></td>
-		<td rowspan='2' valign=top><input type="hidden" name="action" value="Popup"/>
+<table width="100%" border="0" cellspacing="0" cellpadding="0" class="small">
+	<tr>
+		<td background="{IMAGE_PATH}/popupHdr.jpg" height="70" style="padding-left:20px;">
+		<span style="color:#FFFFFF;font:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;">
+		{APP.LBL_USER_TITLE}	
+		</span> 
+		</td>
+	</tr>
+	<tr>
+	  	<td style="padding:10px;" >
+			<form>
+			<input type="hidden" name="action" value="Popup"/>
 			<input type="hidden" name="query" value="true"/>
 			<input type="hidden" name="module" value="{MODULE_NAME}" />
 			<input type="hidden" name="popuptype" value="{POPUPTYPE}" />
 			<input type="hidden" name="form_submit" value="{FORM_SUBMIT}" />
 			<input type="hidden" name="form" value="{FORM}" />
-		<input class="button" type="submit" name="button" tabindex='2' value="{APP.LBL_SEARCH_BUTTON_LABEL}"/>	
-		<input title="{APP.LBL_CLEAR_BUTTON_TITLE}" accessKey="{APP.LBL_CLEAR_BUTTON_KEY}" onclick="clear_form(this.form);" class="button" type="button" name="clear" value=" {APP.LBL_CLEAR_BUTTON_LABEL} "/>
-</td>
-		</tr><tr>
-		<td class="dataLabel" noWrap>&nbsp;{MOD.LBL_LAST_NAME}&nbsp;</td>
-		<td class="dataField"><input type=text size="10" tabindex='1' name="last_name" class=dataField  value="{LAST_SEARCH.LAST_NAME}" /></td>
-</form>
-	</tr>
-	<tr><td colspan="7"></td></tr>
-	</tbody></table>
-</td></tr></tbody></table>
 
-<script type="text/javascript" language="JavaScript">
-function clear_form(form) {
-	for (j = 0; j < form.elements.length; j++) {
-		if (form.elements[j].type == 'text' || form.elements[j].type == 'select-one') {
-			form.elements[j].value = '';
-		}
-	}
-}
-</script>
+			<table width="100%" cellpadding="5" cellspacing="0" style="border-top:1px dashed #CCCCCC;border-bottom:1px dashed #CCCCCC;">
+			<tr>
+				<td width="20%" class="dvtCellLabel"><img src="{IMAGE_PATH}/basicSearchLens.gif"></td>
+				<td class="dvtCellLabel" valign=top noWrap>&nbsp;{MOD.LBL_USER_NAME}&nbsp;</td>
+				<td class="dvtCellLabel"><input type=text size="10" tabindex='2' name="user_name" class=dataField  value="{LAST_SEARCH.USER_NAME}" /></td>
+				<td class="dvtCellLabel" noWrap>&nbsp;{MOD.LBL_LAST_NAME}&nbsp;</td>
+				<td class="dvtCellLabel"><input type=text size="10" tabindex='1' name="last_name" class=dataField  value="{LAST_SEARCH.LAST_NAME}" /></td>
+				<td class="dvtCellLabel"><input class="button" type="submit" name="button" tabindex='2' value="{APP.LBL_SEARCH_BUTTON_LABEL}"/></td>
+			</tr>
+			</table>
+			</form>
+  		</td>
+  	</tr>
+</table>
 
-<br>
 <!-- END: SearchHeader -->
 <!-- BEGIN: SearchHeaderEnd -->
 <!-- END: SearchHeaderEnd -->
 
+<!-- BEGIN: list_nav_row -->
+<table width="100%" border="0" cellspacing="0" cellpadding="0" class="small">
+	<tr><td style="padding-right:10px;" align="right">Showing {START_RECORD} - {END_RECORD} {APP.LBL_LIST_OF} {ROW_COUNT}</td></tr>
+   	<tr>
+	    <td style="padding:10px;">
+<!-- END: list_nav_row -->
 
-<table cellpadding="0" cellspacing="0" width="100%" border="0" class="FormBorder"><tbody>
-<tr><td>
-	<table width="100%" border="0" cellspacing="0" cellpadding="0">
-	<!-- BEGIN: list_nav_row -->
-	<tr height=20 class="moduleMenu">
-        <td WIDTH="2" class="blackLine"><IMG SRC="include/images/blank.gif">
-        <td colspan=3 class="moduleMenu" align="center">{START_LINK}&nbsp;&nbsp; {PREVIOUS_LINK} &nbsp;&nbsp;&nbsp;&nbsp;{START_RECORD} - {END_RECORD} {APP.LBL_LIST_OF} {ROW_COUNT}&nbsp;&nbsp;&nbsp;&nbsp; {NEXT_LINK} &nbsp;&nbsp; {END_LINK} </td>
-        <td WIDTH="2" class="blackLine"><IMG SRC="include/images/blank.gif">
-	</tr>
-	<!-- END: list_nav_row -->
-	<tr height="20" class="moduleListTitle">
-	<td WIDTH="1" class="blackLine"><IMG SRC="include/images/blank.gif">
-		<td width="50%" class="moduleListTitle" NOWRAP>&nbsp;<a href="{ORDER_BY}first_name" class="listFormHeaderLinks">{MOD.LBL_LIST_NAME}{first_name_arrow}</a></td>
-	<td WIDTH="1" class="blackLine"><IMG SRC="include/images/blank.gif">
-		<td width="50%" class="moduleListTitle" NOWRAP>&nbsp;<a href="{ORDER_BY}user_name" class="listFormHeaderLinks" >{MOD.LBL_LIST_USER_NAME}{user_name_arrow}</a></td>
-	<td WIDTH="2" class="blackLine"><IMG SRC="include/images/blank.gif">
-	  </tr>
-	<tr><td COLSPAN="5" class="blackLine"><IMG SRC="include/images/blank.gif"></td></tr>
+		<table style="background-color: rgb(204, 204, 204);" class="small" border="0" cellpadding="5" cellspacing="1" width="100%">
+		<tbody>
+		<tr>
+			<td class="lvtCol" NOWRAP>&nbsp;<a href="{ORDER_BY}first_name" class="listFormHeaderLinks">{MOD.LBL_LIST_NAME}{first_name_arrow}</a></td>
+			<td class="lvtCol" NOWRAP>&nbsp;<a href="{ORDER_BY}user_name" class="listFormHeaderLinks" >{MOD.LBL_LIST_USER_NAME}{user_name_arrow}</a></td>
+		</tr>
 
 <!-- BEGIN: row -->
-    <tr height=20 class={ROW_COLOR}>
-    	<td WIDTH="2" class="blackLine"><IMG SRC="include/images/blank.gif">
-    		<td valign=TOP style="padding:0px 3px 0px 3px;" ><a href="a" LANGUAGE=javascript onclick='set_return("{USER.ID}", "{USER.FIRST_NAME} {USER.LAST_NAME}"); window.close()'>{USER.FIRST_NAME} {USER.LAST_NAME}</a></td>
-    	<td WIDTH="2" class="blackLine"><IMG SRC="include/images/blank.gif">
-    		<td valign=TOP style="padding:0px 3px 0px 3px;" >{USER.USER_NAME}</td>
-    	<td WIDTH="2" class="blackLine"><IMG SRC="include/images/blank.gif">
+	<tr bgcolor=white onMouseOver="this.className='lvtColDataHover'" onMouseOut="this.className='lvtColData'">
+   		<td><a href="a" LANGUAGE=javascript onclick='set_return("{USER.ID}", "{USER.FIRST_NAME} {USER.LAST_NAME}"); window.close()'>{USER.FIRST_NAME} {USER.LAST_NAME}</a></td>
+   		<td>{USER.USER_NAME}</td>
 	</tr>
 <!-- END: row -->
 
-</form>
-	<tr height=1><td WIDTH="2" class="blackLine"><IMG SRC="include/images/blank.gif"></td></tr>
-	</table>
-</td></tr></tbody></table>
-</td></tr>
+</tbody>
+</table>
+
+</td>
+	</tr>
+	<tr>
+	    <td align="center" style="padding:10px;" background="{IMAGE_PATH}/report_bottom.gif">
+	    </td>
+	</tr>
+</table>
+
 <!-- END: main -->

Modified: vtigercrm/trunk/modules/Users/Popup_picker_emails.html
==============================================================================
--- vtigercrm/trunk/modules/Users/Popup_picker_emails.html (original)
+++ vtigercrm/trunk/modules/Users/Popup_picker_emails.html Fri May 26 18:35:38 2006
@@ -21,81 +21,73 @@
 
 {SET_RETURN_JS}
 
-<table cellpadding="0" cellspacing="0" border="0" width="100%"><tbody>
-<tr><td>
-	<table width="100%" border="0" cellspacing="0" cellpadding="2">
-	<tbody><tr>
-<form>
-		<td class="dataLabel" noWrap>&nbsp;{MOD.LBL_FIRST_NAME}&nbsp;</td>
-		<td class="dataField"><input type=text size="10" tabindex='1' name="first_name" class=dataField  value="{LAST_SEARCH.FIRST_NAME}" /></td>
-		<td class="dataLabel" valign=top noWrap>&nbsp;{MOD.LBL_USER_NAME}&nbsp;</td>
-		<td class="dataField"><input type=text size="10" tabindex='2' name="user_name" class=dataField  value="{LAST_SEARCH.USER_NAME}" /></td>
-		<td rowspan='2' valign=top><input type="hidden" name="action" value="Popup"/>
+<table width="100%" border="0" cellspacing="0" cellpadding="0" class="small">
+	<tr>
+		<td background="{IMAGE_PATH}/popupHdr.jpg" height="70" style="padding-left:20px;">
+		<span style="color:#FFFFFF;font:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;">
+		{APP.LBL_USER_TITLE}	
+		</span> 
+		</td>
+	</tr>
+	<tr>
+	  	<td style="padding:10px;" >
+			<form>
+			<input type="hidden" name="action" value="Popup"/>
 			<input type="hidden" name="query" value="true"/>
 			<input type="hidden" name="module" value="{MODULE_NAME}" />
 			<input type="hidden" name="popuptype" value="{POPUPTYPE}" />
 			<input type="hidden" name="form_submit" value="{FORM_SUBMIT}" />
 			<input type="hidden" name="form" value="{FORM}" />
-		<input class="button" type="submit" name="button" tabindex='2' value="{APP.LBL_SEARCH_BUTTON_LABEL}"/>	
-		<input title="{APP.LBL_CLEAR_BUTTON_TITLE}" accessKey="{APP.LBL_CLEAR_BUTTON_KEY}" onclick="clear_form(this.form);" class="button" type="button" name="clear" value=" {APP.LBL_CLEAR_BUTTON_LABEL} "/>
-</td>
-		</tr><tr>
-		<td class="dataLabel" noWrap>&nbsp;{MOD.LBL_LAST_NAME}&nbsp;</td>
-		<td class="dataField"><input type=text size="10" tabindex='1' name="last_name" class=dataField  value="{LAST_SEARCH.LAST_NAME}" /></td>
-</form>
-	</tr>
-	<tr><td colspan="7"></td></tr>
-	</tbody></table>
-</td></tr></tbody></table>
 
-<script type="text/javascript" language="JavaScript">
-function clear_form(form) {
-	for (j = 0; j < form.elements.length; j++) {
-		if (form.elements[j].type == 'text' || form.elements[j].type == 'select-one') {
-			form.elements[j].value = '';
-		}
-	}
-}
-</script>
+			<table width="100%" cellpadding="5" cellspacing="0" style="border-top:1px dashed #CCCCCC;border-bottom:1px dashed #CCCCCC;">
+			<tr>
+				<td width="20%" class="dvtCellLabel"><img src="{IMAGE_PATH}/basicSearchLens.gif"></td>
+				<td class="dvtCellLabel" valign=top noWrap>&nbsp;{MOD.LBL_USER_NAME}&nbsp;</td>
+				<td class="dvtCellLabel"><input type=text size="10" tabindex='2' name="user_name" class=dataField  value="{LAST_SEARCH.USER_NAME}" /></td>
+				<td class="dvtCellLabel" noWrap>&nbsp;{MOD.LBL_LAST_NAME}&nbsp;</td>
+				<td class="dvtCellLabel"><input type=text size="10" tabindex='1' name="last_name" class=dataField  value="{LAST_SEARCH.LAST_NAME}" /></td>
+				<td class="dvtCellLabel"><input class="button" type="submit" name="button" tabindex='2' value="{APP.LBL_SEARCH_BUTTON_LABEL}"/></td>
+			</tr>
+			</table>
+			</form>
+  		</td>
+  	</tr>
+</table>
 
-<br>
 <!-- END: SearchHeader -->
 <!-- BEGIN: SearchHeaderEnd -->
 <!-- END: SearchHeaderEnd -->
 
+<!-- BEGIN: list_nav_row -->
+<table width="100%" border="0" cellspacing="0" cellpadding="0" class="small">
+	<tr><td style="padding-right:10px;" align="right">Showing {START_RECORD} - {END_RECORD} {APP.LBL_LIST_OF} {ROW_COUNT}</td></tr>
+   	<tr>
+	    <td style="padding:10px;">
+<!-- END: list_nav_row -->
 
-<table cellpadding="0" cellspacing="0" width="100%" border="0" class="FormBorder"><tbody>
-<tr><td>
-	<table width="100%" border="0" cellspacing="0" cellpadding="0">
-	<!-- BEGIN: list_nav_row -->
-	<tr height=20 class="moduleMenu">
-        <td WIDTH="2" class="blackLine"><IMG SRC="include/images/blank.gif">
-        <td colspan=3 class="moduleMenu" align="center">{START_LINK}&nbsp;&nbsp; {PREVIOUS_LINK} &nbsp;&nbsp;&nbsp;&nbsp;{START_RECORD} - {END_RECORD} {APP.LBL_LIST_OF} {ROW_COUNT}&nbsp;&nbsp;&nbsp;&nbsp; {NEXT_LINK} &nbsp;&nbsp; {END_LINK} </td>
-        <td WIDTH="2" class="blackLine"><IMG SRC="include/images/blank.gif">
-	</tr>
-	<!-- END: list_nav_row -->
-	<tr height="20" class="moduleListTitle">
-	<td WIDTH="1" class="blackLine"><IMG SRC="include/images/blank.gif">
-		<td width="50%" class="moduleListTitle" NOWRAP>&nbsp;<a href="{ORDER_BY}first_name" class="listFormHeaderLinks">{MOD.LBL_LIST_NAME}{first_name_arrow}</a></td>
-	<td WIDTH="1" class="blackLine"><IMG SRC="include/images/blank.gif">
-		<td width="50%" class="moduleListTitle" NOWRAP>&nbsp;<a href="{ORDER_BY}user_name" class="listFormHeaderLinks" >{MOD.LBL_LIST_USER_NAME}{user_name_arrow}</a></td>
-	<td WIDTH="2" class="blackLine"><IMG SRC="include/images/blank.gif">
-	  </tr>
-	<tr><td COLSPAN="5" class="blackLine"><IMG SRC="include/images/blank.gif"></td></tr>
+		<table style="background-color: rgb(204, 204, 204);" class="small" border="0" cellpadding="5" cellspacing="1" width="100%">
+		<tbody>
+		<tr>
+			<td class="lvtCol" NOWRAP>&nbsp;<a href="{ORDER_BY}first_name" class="listFormHeaderLinks">{MOD.LBL_LIST_NAME}{first_name_arrow}</a></td>
+			<td class="lvtCol" NOWRAP>&nbsp;<a href="{ORDER_BY}user_name" class="listFormHeaderLinks" >{MOD.LBL_LIST_USER_NAME}{user_name_arrow}</a></td>
+		</tr>
 
 <!-- BEGIN: row -->
-    <tr height=20 class={ROW_COLOR}>
-    	<td WIDTH="2" class="blackLine"><IMG SRC="include/images/blank.gif">
-    		<td valign=TOP style="padding:0px 3px 0px 3px;" ><a href="a" LANGUAGE=javascript onclick='return set_return_emails("{USER.ID}",-1,"{USER.FIRST_NAME} {USER.LAST_NAME}","{USER.EMAIL1}");'>{USER.FIRST_NAME} {USER.LAST_NAME}</a></td>
-    	<td WIDTH="2" class="blackLine"><IMG SRC="include/images/blank.gif">
-    		<td valign=TOP style="padding:0px 3px 0px 3px;" >{USER.USER_NAME}</td>
-    	<td WIDTH="2" class="blackLine"><IMG SRC="include/images/blank.gif">
+	<tr bgcolor=white onMouseOver="this.className='lvtColDataHover'" onMouseOut="this.className='lvtColData'">
+   		<td><a href="a" LANGUAGE=javascript onclick='return set_return_emails("{USER.ID}",-1,"{USER.FIRST_NAME} {USER.LAST_NAME}","{USER.EMAIL1}");'>{USER.FIRST_NAME} {USER.LAST_NAME}</a></td>
+   		<td>{USER.USER_NAME}</td>
 	</tr>
 <!-- END: row -->
 
-</form>
-	<tr height=1><td WIDTH="2" class="blackLine"><IMG SRC="include/images/blank.gif"></td></tr>
-	</table>
-</td></tr></tbody></table>
-</td></tr>
+</tbody>
+</table>
+
+</td>
+	</tr>
+	<tr>
+	    <td align="center" style="padding:10px;" background="{IMAGE_PATH}/report_bottom.gif">
+	    </td>
+	</tr>
+</table>
+
 <!-- END: main -->





More information about the vtigercrm-commits mailing list