inteligr8/alfresco-community-repo
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-community-repo.git synced 2025-08-07 17:49:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added drop shadow to popup panel (Firefox only)

Browse Source 
git-svn-id: https://svn.alfresco.com/repos/alfresco-enterprise/alfresco/HEAD/root@5495 c4b6b30b-aa2e-2d43-bbcb-ca4b014f7261
This commit is contained in:
Gavin Cornwell
2007-04-16 11:05:09 +00:00
parent 24a483f73d
commit 1bead745ae
4 changed files with 105 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

174
config/alfresco/templates/client/summary_panel.ftl
View File

@@ -1,89 +1,91 @@
<table cellpadding='3' cellspacing='0'> <div class="summaryPopupPanel">
<tr> <table cellpadding='3' cellspacing='0'>
<td colspan='2' class='mainSubTitle'> <tr>
<table cellspacing='0' cellpadding='0' width='100%' style='cursor:move' id='dragable'> <td colspan='2' class='mainSubTitle'>
<tr> <table cellspacing='0' cellpadding='0' width='100%' style='cursor:move' id='dragable'>
<td class='mainSubTitle'>${node.name}</td> <tr>
<#if node.isDocument> <td class='mainSubTitle'>${node.name}</td>
<#assign navurl="/navigate/showDocDetails/"> <#if node.isDocument>
<#else> <#assign navurl="/navigate/showDocDetails/">
<#assign navurl="/navigate/showSpaceDetails/"> <#else>
</#if> <#assign navurl="/navigate/showSpaceDetails/">
<#assign navurl=navurl + node.nodeRef.storeRef.protocol + '/' + node.nodeRef.storeRef.identifier + '/' + node.nodeRef.id> </#if>
<td width=24><center><a href='${absurl(navurl)}'><img src='${absurl("/images/icons/View_details.gif")}' style='cursor:pointer' width=12 height=16 border=0 title="Details" alt="Details"></a></center></td> <#assign navurl=navurl + node.nodeRef.storeRef.protocol + '/' + node.nodeRef.storeRef.identifier + '/' + node.nodeRef.id>
<td width=14 align=right><img src='${absurl("/images/icons/close_panel.gif")}' onclick="AlfNodeInfoMgr.close('${node.nodeRef}');" style='cursor:pointer' width=14 height=14 border=0 title="Close" alt="Close"></td> <td width=24><center><a href='${absurl(navurl)}'><img src='${absurl("/images/icons/View_details.gif")}' style='cursor:pointer' width=12 height=16 border=0 title="Details" alt="Details"></a></center></td>
</tr> <td width=14 align=right><img src='${absurl("/images/icons/close_panel.gif")}' onclick="AlfNodeInfoMgr.close('${node.nodeRef}');" style='cursor:pointer' width=14 height=14 border=0 title="Close" alt="Close"></td>
</table> </tr>
</td> </table>
</tr> </td>
</tr>
<tr> <tr>
<td valign='middle' align='center'> <td valign='middle' align='center'>
<#assign isImage=node.isDocument && (node.mimetype = "image/gif" || node.mimetype = "image/jpeg" || node.mimetype = "image/png")> <#assign isImage=node.isDocument && (node.mimetype = "image/gif" || node.mimetype = "image/jpeg" || node.mimetype = "image/png")>
<#assign isVideo=node.isDocument && node.mimetype?starts_with("video/")> <#assign isVideo=node.isDocument && node.mimetype?starts_with("video/")>
<#if isImage> <#if isImage>
<a href="${absurl(node.url)}" target="new"><img src="${absurl(node.url)}" width=120 border=0></a> <a href="${absurl(node.url)}" target="new"><img src="${absurl(node.url)}" width=120 border=0></a>
<#elseif isVideo> <#elseif isVideo>
<object width="320" height="240" border="0" id="player"> <object width="320" height="240" border="0" id="player">
<param name="UIMode" value="none" /> <param name="UIMode" value="none" />
<param name="URL" value="${absurl(node.url)}" /> <param name="URL" value="${absurl(node.url)}" />
<param name="autoStart" value="true" /> <param name="autoStart" value="true" />
<#--<embed type="application/x-mplayer2" pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" src="${absurl(node.url)}" showcontrols="1" showdisplay="0" showstatusbar="0" autosize="1" autoplay="0" autoStart="0" height="240" width="320"></embed>--> <#--<embed type="application/x-mplayer2" pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" src="${absurl(node.url)}" showcontrols="1" showdisplay="0" showstatusbar="0" autosize="1" autoplay="0" autoStart="0" height="240" width="320"></embed>-->
<embed width="320" height="240" src="${absurl(node.url)}" border="0" showcontrols="1" showdisplay="0" showstatusbar="0" autosize="1" autoplay="0" autoStart="0"></embed> <embed width="320" height="240" src="${absurl(node.url)}" border="0" showcontrols="1" showdisplay="0" showstatusbar="0" autosize="1" autoplay="0" autoStart="0"></embed>
</object> </object>
<#else> <#else>
<table cellspacing=0 cellpadding=0 border=0> <table cellspacing=0 cellpadding=0 border=0>
<tr> <tr>
<td> <td>
<div style="border: thin solid #cccccc; padding:4px"> <div style="border: thin solid #cccccc; padding:4px">
<a href="${absurl(node.url)}" <#if node.isDocument>target="new"</#if>><img src="${absurl(node.icon32)}" width=32 height=32 border=0></a> <a href="${absurl(node.url)}" <#if node.isDocument>target="new"</#if>><img src="${absurl(node.icon32)}" width=32 height=32 border=0></a>
</div> </div>
</td> </td>
<td><img src="${absurl('/images/parts/rightSideShadow42.gif')}" width=6 height=42></td> <td><img src="${absurl('/images/parts/rightSideShadow42.gif')}" width=6 height=42></td>
</tr> </tr>
<tr> <tr>
<td colspan=2><img src="${absurl('/images/parts/bottomShadow42.gif')}" width=48 height=5></td> <td colspan=2><img src="${absurl('/images/parts/bottomShadow42.gif')}" width=48 height=5></td>
</tr> </tr>
</table> </table>
</#if> </#if>
</td> </td>
<td valign='top'> <td valign='top'>
<table cellpadding='2' cellspacing='0'> <table cellpadding='2' cellspacing='0'>
<#if node.properties.title?exists> <#if node.properties.title?exists>
<tr><td>&nbsp;Title:</td><td>${node.properties.title?html}</td></tr> <tr><td>&nbsp;Title:</td><td>${node.properties.title?html}</td></tr>
</#if> </#if>
<#if node.properties.description?exists> <#if node.properties.description?exists>
<tr><td>&nbsp;Description:</td><td>${node.properties.description?html}</td></tr> <tr><td>&nbsp;Description:</td><td>${node.properties.description?html}</td></tr>
</#if> </#if>
<tr><td>&nbsp;Created:</td><td>${node.properties.created?datetime}</td></tr> <tr><td>&nbsp;Created:</td><td>${node.properties.created?datetime}</td></tr>
<tr><td>&nbsp;Creator:</td><td>${node.properties.creator}</td></tr> <tr><td>&nbsp;Creator:</td><td>${node.properties.creator}</td></tr>
<tr><td>&nbsp;Modified:</td><td>${node.properties.modified?datetime}</td></tr> <tr><td>&nbsp;Modified:</td><td>${node.properties.modified?datetime}</td></tr>
<tr><td>&nbsp;Modifier:</td><td>${node.properties.modifier}</td></tr> <tr><td>&nbsp;Modifier:</td><td>${node.properties.modifier}</td></tr>
<#if node.properties.owner?exists> <#if node.properties.owner?exists>
<tr><td>&nbsp;Owner:</td><td>${node.properties.owner}</td></tr> <tr><td>&nbsp;Owner:</td><td>${node.properties.owner}</td></tr>
</#if> </#if>
<#if node.properties.author?exists> <#if node.properties.author?exists>
<tr><td>&nbsp;Author:</td><td>${node.properties.author}</td></tr> <tr><td>&nbsp;Author:</td><td>${node.properties.author}</td></tr>
</#if> </#if>
<#if node.isDocument> <#if node.isDocument>
<tr><td>&nbsp;Size:</td><td>${(node.size / 1000)?string("0.##")} KB</td></tr> <tr><td>&nbsp;Size:</td><td>${(node.size / 1000)?string("0.##")} KB</td></tr>
</#if> </#if>
</table> </table>
</td> </td>
</tr> </tr>
<#if node.isDocument && !isImage && !isVideo> <#if node.isDocument && !isImage && !isVideo>
<#assign c=cropContent(node.properties.content, 512)> <#assign c=cropContent(node.properties.content, 512)>
<#if c?length != 0> <#if c?length != 0>
<tr> <tr>
<td colspan='2'>Preview:</td> <td colspan='2'>Preview:</td>
</tr> </tr>
<tr> <tr>
<td colspan='2'> <td colspan='2'>
${c?html?replace('$', '<br>', 'rm')}<#if (c?length >= 512)>...</#if> ${c?html?replace('$', '<br>', 'rm')}<#if (c?length >= 512)>...</#if>
</td> </td>
</tr> </tr>
</#if> </#if>
</#if> </#if>
</table> </table>
</div>

13
source/web/css/main.css
View File

@@ -486,9 +486,10 @@ a.topToolbarLinkHighlight, a.topToolbarLinkHighlight:link, a.topToolbarLinkHighl
background-image: url(../images/parts/popup_bg.gif); background-image: url(../images/parts/popup_bg.gif);
background-repeat: repeat-x; background-repeat: repeat-x;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #cacfd3; border: 1px solid #a9b2b9;
padding: 4px; padding: 4px;
max-width: 700px; max-width: 700px;
margin: 0px 0px 0px 0px;
} }
.popupImage .popupImage
@@ -666,3 +667,13 @@ a.sidebarButtonLink, a.sidebarButtonLink:link, a.sidebarButtonLink:visited
font-weight: bold; font-weight: bold;
padding-bottom: 2px; padding-bottom: 2px;
} }
.summaryDropShadow
{
background: url(../images/parts/drop_shadow_alpha.png) no-repeat bottom right !important;
background-color: transparent;
padding: 0px 11px 11px 0px;
_background: url(../images/parts/spacer.gif) no-repeat bottom right !important;
_padding: 0px 10px 10px 0px;
}

BIN
source/web/images/parts/drop_shadow_alpha.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

4
source/web/scripts/ajax/node-info.js
View File

@@ -141,9 +141,9 @@ Alfresco.NodeInfoPanel.prototype =
// setup the div with the correct appearance // setup the div with the correct appearance
div.innerHTML = response.responseText; div.innerHTML = response.responseText;
div.setAttribute("class", "summaryPopupPanel"); div.setAttribute("class", "summaryDropShadow");
// NOTE: use className for IE // NOTE: use className for IE
div.setAttribute("className", "summaryPopupPanel"); div.setAttribute("className", "summaryDropShadow");
div.style.position = "absolute"; div.style.position = "absolute";
div.style.display = "none"; div.style.display = "none";
div.style.left = 0; div.style.left = 0;