[Vtigercrm-commits] [vtiger-commits] r5205 - /vtigercrm/trunk/Smarty/templates/HomePage.tpl
vtigercrm-commits at vtiger.fosslabs.com
vtigercrm-commits at vtiger.fosslabs.com
Fri Apr 21 04:12:20 EDT 2006
Author: richie
Date: Fri Apr 21 02:12:16 2006
New Revision: 5205
Log:
Code Changed to integrate New UI for Home Page
Modified:
vtigercrm/trunk/Smarty/templates/HomePage.tpl
Modified: vtigercrm/trunk/Smarty/templates/HomePage.tpl
==============================================================================
--- vtigercrm/trunk/Smarty/templates/HomePage.tpl (original)
+++ vtigercrm/trunk/Smarty/templates/HomePage.tpl Fri Apr 21 02:12:16 2006
@@ -1,46 +1,14 @@
-<script language="javascript" type="text/javascript">
- var Sele= '{$HOMEDEFAULTVIEW}';
- divarray = new Array('home_myaccount','home_mypot','home_mytopquote','home_metrics','home_mytkt','home_myact','home_mygrp','home_mytopso','home_mytopinv','home_mynewlead' );
- trarray = new Array('My Top Accounts','My Top Open Potentials','My Top Open Quotes','Key Metrics','My Tickets','My Upcoming and Pending Activities','My Group Allocation ','My Top Open Sales Orders','My Top Open Invoice','My New Leads');
- var selrow ;
-
- function toggleshowhide(currentselected,rowselected)
- {ldelim}
- for(i = 0; i < divarray.length ;i++)
- {ldelim}
- if(Sele == divarray[i])
- {ldelim}
- selrow = trarray[i];
- break;
- {rdelim}
- {rdelim}
- hide (Sele);
- document.getElementById(selrow).className="mnuUnSel";
- Sele = currentselected;
- selrow = rowselected;
- document.getElementById(selrow).className="mnuSel";
- show (Sele);
- {rdelim}
-
- function ajaxResponse(response)
- {ldelim}
- document.getElementById('headlines').innerHTML = response.responseText;
- document.getElementById('headlines').style.display="block";
- {rdelim}
-
- function getHeadLines(Ticker)
- {ldelim}
- if(Ticker!='')
- {ldelim}
- var ajaxObj = new Ajax(ajaxResponse);
- var urlstring = "module=Accounts&action=HeadLines&tickersymbol="+Ticker;
- ajaxObj.process("index.php?",urlstring);
- {rdelim}
- {rdelim}
-</script>
-
-
-<script type="text/javascript" language="JavaScript" src="smiletag/smiletag-script.js"></script>
+<script language="javascript" type="text/javascript" src="include/scriptaculous/prototype.js"></script>
+<script language="javascript" type="text/javascript" src="include/scriptaculous/scriptaculous.js"></script>
+<script language="javascript" type="text/javascript" src="include/scriptaculous/effects.js"></script>
+<script language="javascript" type="text/javascript" src="include/scriptaculous/builder.js"></script>
+<script language="javascript" type="text/javascript" src="include/scriptaculous/dragdrop.js"></script>
+<script language="javascript" type="text/javascript" src="include/scriptaculous/controls.js"></script>
+<script language="javascript" type="text/javascript" src="include/scriptaculous/slider.js"></script>
+
+<script language="javascript" type="text/javascript" src="include/scriptaculous/dom-drag.js"></script>
+
+
<script type="text/javascript" language="JavaScript" src="include/js/general.js"></script>
@@ -80,8 +48,12 @@
<table border=0 cellspacing=0 cellpadding=5>
<tr>
<td style="padding-right:0px"><a href="#"><img src="{$IMAGE_PATH}btnL3Calendar.gif" alt="Open Calendar..." title="Open Calendar..." border=0></a></a></td>
+
<td style="padding-right:0px"><a href="#"><img src="{$IMAGE_PATH}btnL3Clock.gif" alt="Show World Clock..." title="Show World Clock..." border=0 onClick="fnvshobj(this,'wclock')"></a></a></td>
<td style="padding-right:0px"><a href="#"><img src="{$IMAGE_PATH}btnL3Calc.gif" alt="Open Calculator..." title="Open Calculator..." border=0 onClick="fnvshobj(this,'calc')"></a></a></td>
+ <td nowrap="nowrap" width="50"> </td>
+ <td style="padding-right: 0px;"><a href="#" onclick="fnvshobj(this,'allMenu')"><img src="{$IMAGE_PATH}btnL3AllMenu.gif" alt="Open All Menu..." title="Open All Menu..." border="0"></a></td>
+
</tr>
</table>
</td>
@@ -101,138 +73,157 @@
</TABLE>
{* Main Contents Start Here *}
-
-<table width="100%" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td width="75%" style="padding:10px;" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td colspan="3" class="hometop">
-
- <div>
- <table width="100%" border="0" cellpadding="0" cellspacing="0">
- <tr><td>My Home - <b>At a Glance</b></td>
- <td align="right" style="padding-right:10px; ">
- <select class="frmSelect">
- <option>Show Top 10</option>
- <option>Show Top 20</option>
- <option>Show Top 40</option>
- <option>Show All</option>
- </select>
-
- </td>
-
- {* {foreach item=hometab from=$HOMEDETAILS}
- {if $hometab.Title.3 neq ''}
- <td align="right" style="padding-right:10px; ">
- {$hometab.Title.3}
- </td>
- {/if}
- {/foreach} *}
- </tr>
-
-
- </table>
- </div>
- </td>
- </tr>
- <tr>
- <td colspan="3" class="homeBtm" > </td>
- </tr>
- <tr>
-
- <td bgcolor="#959595" height="300" width="8"></td>
- <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" height="300">
- <tr>
- <td width="24%" bgcolor="#D7D7D7" valign="top">
- <table class="mnuTabH" cellspacing="0" cellpadding="5">
- {foreach item=hometab from=$HOMEDETAILS}
- {if $hometab neq ''}
- {if $hometab.Title.2 eq $HOMEDEFAULTVIEW}
- <tr id="{$hometab.Title.1}" class="mnuSel" onclick = "toggleshowhide('{$hometab.Title.2}','{$hometab.Title.1}');">
- <td><img src="{$IMAGE_PATH}{$hometab.Title.0}" width="24" height="24" /></td>
-
- <td>{$hometab.Title.1}</td>
- </tr>
- {else}
- <tr id="{$hometab.Title.1}" class="mnuUnSel" onclick = "toggleshowhide('{$hometab.Title.2}','{$hometab.Title.1}');">
- <td><img src="{$IMAGE_PATH}{$hometab.Title.0}" width="24" height="24"/></td>
- <td>{$hometab.Title.1}</td>
- </tr>
- {/if}
- {/if}
- {/foreach}
- </table>
- </td>
- <td id ="headlines"></td>
- <td class="padTab1">
+<table width="98%" cellpadding="0" cellspacing="0" border="0" class="small showPanelBg" align="center">
+ <tr>
+ <td width="75%" align="center" style="border-right:1px solid #666666;" >
+
+ <div id="MainMatrix">
{foreach item=tabledetail from=$HOMEDETAILS}
{if $tabledetail neq ''}
- {if $tabledetail.Title.2 neq $HOMEDEFAULTVIEW}
- <div id="{$tabledetail.Title.2}" style="display:none">
- {else}
- <div id="{$tabledetail.Title.2}" style="display:block">
- {/if}
- <table border="0" cellpadding="3" cellspacing="0" width="100%">
- <form name="homepage">
+
+ <div class="MatrixLayer" style="float:left;" id="{$tabledetail.Title.2}">
+ <table width="100%" border="0" cellpadding="5" cellspacing="0" class="small">
+ <tr style="cursor:move;">
+ <td align="left" style="border-bottom:1px solid #666666;"><b>{$tabledetail.Title.1}</b></td>
+ <td align="right" style="border-bottom:1px solid #666666;"><img src="{$IMAGE_PATH}uparrow.gif" align="absmiddle" /></td>
+ </tr>
+ {foreach item=elements from=$tabledetail.Entries}
+ <tr >
+ {if $tabledetail.Title.2 neq 'home_mytopinv' && $tabledetail.Title.2 neq 'home_mytopso' && $tabledetail.Title.2 neq 'home_mytopquote'}
+ <td colspan="2"><img src="{$IMAGE_PATH}bookMark.gif" align="absmiddle" /> {$elements.0}</td>
+ {else}
+ <td colspan="2"><img src="{$IMAGE_PATH}bookMark.gif" align="absmiddle" /> {$elements.1}</td>
+ {/if}
+
+ </tr>
+{/foreach}
+ </table>
+
+ </div>
+ {/if}
+{/foreach}
+<div class="MatrixLayer" style="float:left;" id="SubMatrix_9">
+
+ <table width="100%" border="0" cellpadding="5" cellspacing="0" class="small">
+ <tr style="cursor:move;">
+ <td align="left" style="border-bottom:1px solid #666666;"><b>Leads By Source </b></td>
+ <td align="right" style="border-bottom:1px solid #666666;"><img src="{$IMAGE_PATH}uparrow.gif" align="absmiddle" /></td>
+ </tr>
+ <tr>
+ <td colspan="2" align="center"><img src="cache/images/pie_2082672713_leadsource_96954858.png" width="280" height="170" align="absmiddle" /></td>
+ </tr>
+ <tr><td colspan="2" style="border-top:1px solid #666666;padding-right:30px;" align="right" >
+ Total : <b>340</b>
+ </td></tr>
+ </table>
+</div>
+<div class="MatrixLayer" style="float:left;" id="SubMatrix_9">
+
+ <table width="100%" border="0" cellpadding="5" cellspacing="0" class="small">
+ <tr style="cursor:move;">
+ <td align="left" style="border-bottom:1px solid #666666;"><b>Leads By Status </b></td>
+ <td align="right" style="border-bottom:1px solid #666666;"><img src="{$IMAGE_PATH}uparrow.gif" align="absmiddle" /></td>
+ </tr>
+ <tr>
+ <td colspan="2" align="center"><img src="cache/images/hor_2082672713_leadstatus_96954858.png" width="240" height="170" align="absmiddle" /></td>
+ </tr>
+ <tr><td colspan="2" style="border-top:1px solid #666666;padding-right:30px;" align="right" >
+ Total : <b>340</b>
+ </td></tr>
+ </table>
+</div>
+
+</div>
+</td>
+</tr>
+</table>
+
+{* Quick Access Functionality *}
+<div id="allMenu" onmouseover="fnvshNrm('allMenu');">
+ <table cellpadding="5" cellspacing="0" class="allMnuTable" >
+ <tr class="allMnuHandle">
+ <td colspan="2" id="AllHandle">Jump To</td>
+ <td align="right" style="padding-right:5px;">
+ <a href="javascript:fninvsh('allMenu');"><img src="{$IMAGE_PATH}close_all.gif" border="0"/></a></td>
+ </tr>
<tr>
- <td colspan="4"><span class="genHeaderSmall">{$tabledetail.Title.1}</span> <a href="#">(Mark as Default View)</a></td>
+ <td valign="top">
+
+ <span class="allMnuHdr">Home</span>
+ <a href="#" class="allMnu">Home</a>
+ <a href="#" class="allMnu">Activities</a>
+ <a href="#" class="allMnu">Calander</a>
+ <a href="#" class="allMnu">Email</a>
+ <span class="allMnuHdr">Sales</span>
+
+ <a href="#" class="allMnu">Leads</a>
+ <a href="#" class="allMnu">Accounts</a>
+ <a href="#" class="allMnu">Contacts</a>
+ <a href="#" class="allMnu">Potentials</a>
+ <a href="#" class="allMnu">Quotes</a>
+ <a href="#" class="allMnu">Sales Order</a>
+
+ <a href="#" class="allMnu">Invoice</a>
+ <a href="#" class="allMnu">Campaigns</a>
+ <a href="#" class="allMnu">Products</a>
+ <a href="#" class="allMnu">Price Books</a>
+ <a href="#" class="allMnu">Notes</a>
+ </td>
+
+ <td valign="top">
+ <span class="allMnuHdr">Support</span>
+ <a href="#" class="allMnu">Help Desk</a>
+ <a href="#" class="allMnu">Faq</a>
+ <a href="#" class="allMnu">Accounts</a>
+ <a href="#" class="allMnu">Contacts</a>
+
+ <a href="#" class="allMnu">Products</a>
+ <a href="#" class="allMnu">Notes</a>
+ <span class="allMnuHdr">Analytics</span>
+ <a href="#" class="allMnu">Dashboard</a>
+ <a href="#" class="allMnu">Reports</a>
+ <span class="allMnuHdr">Inventory</span>
+
+ <a href="#" class="allMnu">Products</a>
+ <a href="#" class="allMnu">Vendors</a>
+ <a href="#" class="allMnu">Price Books</a>
+ <a href="#" class="allMnu">PurchaseOrder</a>
+ <a href="#" class="allMnu">SalesOrder</a>
+ <a href="#" class="allMnu">Quotes</a>
+
+ <a href="#" class="allMnu">Invoice</a>
+ </td>
+ <td valign="top">
+ <span class="allMnuHdr">Tools</span>
+ <a href="#" class="allMnu">Rss</a>
+ <a href="#" class="allMnu">Portal</a>
+ <a href="#" class="allMnu">Notes</a>
+
+ <span class="allMnuHdr">Settings</span>
+ <a href="#" class="allMnu">Settings</a>
+ </td>
</tr>
- <tr><td colspan="4"> </td></tr>
- <tr>
- <!--header part-->
- {foreach key=header item=headerdetail from=$tabledetail.Header}
- <td class="tblPro1ColHeader"> {$headerdetail}</td>
- {/foreach}
- <!--end of header Part-->
- </tr>
- <!--row of entries -->
- {foreach key=row item=detail from=$tabledetail.Entries}
- <tr>
- <!--entries-->
- {foreach key=label item=entries from=$detail}
- <td class="tblPro1DataCell">{$entries}</td>
- {/foreach}
- <!--end of entries -->
- </tr>
- {/foreach}
- </form>
- </table>
- </div>
-{/if}
-{/foreach}
- </td>
- <td class="tabRht"></td>
- </tr>
- </table></td>
-
- <td bgcolor="#959595" width="8"></td>
- </tr>
- <tr>
- <td height="8" colspan="3" bgcolor="#959595"></td>
- </tr>
-
- <tr>
- <td colspan="3" background="{$IMAGE_PATH}Home_15.gif" height="18"> </td>
- </tr>
-
- </table></td>
-
- <td width="25%" valign="top"><br>
-
- {if $TAGCLOUD_JS ne ''}
- <link href="{$TAGCLOUD_CSS}" rel="stylesheet" type="text/css">
- <script language="JavaScript" type="text/javascript" src="{$TAGCLOUD_JS}"></script>
- {/if}
- <br>
- </td>
- </tr>
</table>
- </td>
- <td valign=top><img src="{$IMAGE_PATH}showPanelTopRight.gif"></td>
- </tr>
-</table>
-
-</td></tr></table>
+</div>
+
+{literal}
+<script>
+ var AllMnuHandle = document.getElementById("AllHandle");
+ var AllMnuRoot = document.getElementById("allMenu");
+ Drag.init(AllMnuHandle, AllMnuRoot);
+</script>
+
+<script language="javascript">
+ Sortable.create("MainMatrix",
+ {constraint:false,tag:'div',overlap:'horizontal',
+ onUpdate:function(){
+ // alert(Sortable.serialize('MainMatrix'));
+ }
+ });
+
+ //new Sortable.create('MainMatrix','div');
+</script>
+{/literal}
<script>
function showhide(tab)
{ldelim}
More information about the vtigercrm-commits
mailing list