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

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

@@ -1,89 +1,91 @@
<table cellpadding='3' cellspacing='0'>
<tr>
<td colspan='2' class='mainSubTitle'>
<table cellspacing='0' cellpadding='0' width='100%' style='cursor:move' id='dragable'>
<tr>
<td class='mainSubTitle'>${node.name}</td>
<#if node.isDocument>
<#assign navurl="/navigate/showDocDetails/">
<#else>
<#assign navurl="/navigate/showSpaceDetails/">
</#if>
<#assign navurl=navurl + node.nodeRef.storeRef.protocol + '/' + node.nodeRef.storeRef.identifier + '/' + node.nodeRef.id>
<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>
<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>
</tr>
</table>
</td>
</tr>
<tr>
<td valign='middle' align='center'>
<#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/")>
<#if isImage>
<a href="${absurl(node.url)}" target="new"><img src="${absurl(node.url)}" width=120 border=0></a>
<#elseif isVideo>
<object width="320" height="240" border="0" id="player">
<param name="UIMode" value="none" />
<param name="URL" value="${absurl(node.url)}" />
<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 width="320" height="240" src="${absurl(node.url)}" border="0" showcontrols="1" showdisplay="0" showstatusbar="0" autosize="1" autoplay="0" autoStart="0"></embed>
</object>
<#else>
<table cellspacing=0 cellpadding=0 border=0>
<tr>
<td>
<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>
</div>
</td>
<td><img src="${absurl('/images/parts/rightSideShadow42.gif')}" width=6 height=42></td>
</tr>
<tr>
<td colspan=2><img src="${absurl('/images/parts/bottomShadow42.gif')}" width=48 height=5></td>
</tr>
</table>
</#if>
</td>
<td valign='top'>
<table cellpadding='2' cellspacing='0'>
<#if node.properties.title?exists>
<tr><td>&nbsp;Title:</td><td>${node.properties.title?html}</td></tr>
</#if>
<#if node.properties.description?exists>
<tr><td>&nbsp;Description:</td><td>${node.properties.description?html}</td></tr>
</#if>
<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;Modified:</td><td>${node.properties.modified?datetime}</td></tr>
<tr><td>&nbsp;Modifier:</td><td>${node.properties.modifier}</td></tr>
<#if node.properties.owner?exists>
<tr><td>&nbsp;Owner:</td><td>${node.properties.owner}</td></tr>
</#if>
<#if node.properties.author?exists>
<tr><td>&nbsp;Author:</td><td>${node.properties.author}</td></tr>
</#if>
<#if node.isDocument>
<tr><td>&nbsp;Size:</td><td>${(node.size / 1000)?string("0.##")} KB</td></tr>
</#if>
</table>
</td>
</tr>
<#if node.isDocument && !isImage && !isVideo>
<#assign c=cropContent(node.properties.content, 512)>
<#if c?length != 0>
<tr>
<td colspan='2'>Preview:</td>
</tr>
<tr>
<td colspan='2'>
${c?html?replace('$', '<br>', 'rm')}<#if (c?length >= 512)>...</#if>
</td>
</tr>
</#if>
</#if>
</table>
<div class="summaryPopupPanel">
<table cellpadding='3' cellspacing='0'>
<tr>
<td colspan='2' class='mainSubTitle'>
<table cellspacing='0' cellpadding='0' width='100%' style='cursor:move' id='dragable'>
<tr>
<td class='mainSubTitle'>${node.name}</td>
<#if node.isDocument>
<#assign navurl="/navigate/showDocDetails/">
<#else>
<#assign navurl="/navigate/showSpaceDetails/">
</#if>
<#assign navurl=navurl + node.nodeRef.storeRef.protocol + '/' + node.nodeRef.storeRef.identifier + '/' + node.nodeRef.id>
<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>
<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>
</tr>
</table>
</td>
</tr>
<tr>
<td valign='middle' align='center'>
<#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/")>
<#if isImage>
<a href="${absurl(node.url)}" target="new"><img src="${absurl(node.url)}" width=120 border=0></a>
<#elseif isVideo>
<object width="320" height="240" border="0" id="player">
<param name="UIMode" value="none" />
<param name="URL" value="${absurl(node.url)}" />
<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 width="320" height="240" src="${absurl(node.url)}" border="0" showcontrols="1" showdisplay="0" showstatusbar="0" autosize="1" autoplay="0" autoStart="0"></embed>
</object>
<#else>
<table cellspacing=0 cellpadding=0 border=0>
<tr>
<td>
<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>
</div>
</td>
<td><img src="${absurl('/images/parts/rightSideShadow42.gif')}" width=6 height=42></td>
</tr>
<tr>
<td colspan=2><img src="${absurl('/images/parts/bottomShadow42.gif')}" width=48 height=5></td>
</tr>
</table>
</#if>
</td>
<td valign='top'>
<table cellpadding='2' cellspacing='0'>
<#if node.properties.title?exists>
<tr><td>&nbsp;Title:</td><td>${node.properties.title?html}</td></tr>
</#if>
<#if node.properties.description?exists>
<tr><td>&nbsp;Description:</td><td>${node.properties.description?html}</td></tr>
</#if>
<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;Modified:</td><td>${node.properties.modified?datetime}</td></tr>
<tr><td>&nbsp;Modifier:</td><td>${node.properties.modifier}</td></tr>
<#if node.properties.owner?exists>
<tr><td>&nbsp;Owner:</td><td>${node.properties.owner}</td></tr>
</#if>
<#if node.properties.author?exists>
<tr><td>&nbsp;Author:</td><td>${node.properties.author}</td></tr>
</#if>
<#if node.isDocument>
<tr><td>&nbsp;Size:</td><td>${(node.size / 1000)?string("0.##")} KB</td></tr>
</#if>
</table>
</td>
</tr>
<#if node.isDocument && !isImage && !isVideo>
<#assign c=cropContent(node.properties.content, 512)>
<#if c?length != 0>
<tr>
<td colspan='2'>Preview:</td>
</tr>
<tr>
<td colspan='2'>
${c?html?replace('$', '<br>', 'rm')}<#if (c?length >= 512)>...</#if>
</td>
</tr>
</#if>
</#if>
</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-repeat: repeat-x;
background-color: #ffffff;
border: 1px solid #cacfd3;
border: 1px solid #a9b2b9;
padding: 4px;
max-width: 700px;
margin: 0px 0px 0px 0px;
}
.popupImage
@@ -666,3 +667,13 @@ a.sidebarButtonLink, a.sidebarButtonLink:link, a.sidebarButtonLink:visited
font-weight: bold;
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
div.innerHTML = response.responseText;
div.setAttribute("class", "summaryPopupPanel");
div.setAttribute("class", "summaryDropShadow");
// NOTE: use className for IE
div.setAttribute("className", "summaryPopupPanel");
div.setAttribute("className", "summaryDropShadow");
div.style.position = "absolute";
div.style.display = "none";
div.style.left = 0;