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

First pass at My Spaces webscript based portlet. Fixes and improvements to doclist and mytasks portlets. New 64x64 icons from Linton.

Browse Source 
git-svn-id: https://svn.alfresco.com/repos/alfresco-enterprise/alfresco/HEAD/root@5694 c4b6b30b-aa2e-2d43-bbcb-ca4b014f7261
This commit is contained in:
Kevin Roast
2007-05-16 16:47:51 +00:00
parent 2c506afb17
commit 33b80f2734
20 changed files with 511 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
config/alfresco/templates/client/portlet_node_summary_panel.ftl
View File

@@ -36,13 +36,13 @@
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<div style="border: thin solid #cccccc; padding:4px">
<div style="border: 1px solid #cccccc; padding:4px">
<a href="${url.context}${node.url}" target="new"><img src="${url.context}${node.icon32}" width="32" height="32" border="0"></a>
</div>
</td>
<td><img src="${url.context}/images/parts/rightSideShadow42.gif" width="6" height="42"></td>
</tr>
<tr><td colspan="2"><img src="${url.context}/images/parts/bottomShadow42.gif" width="48" height="5"></td></tr>
<tr><td colspan="2" style="font-size: 5px;"><img src="${url.context}/images/parts/bottomShadow42.gif" width="48" height="5"></td></tr>
</table>
</#if>
</td>

5
config/alfresco/templates/webscripts/org/alfresco/portlets/doclist_get_html.ftl
View File

@@ -1,3 +1,4 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<link rel="stylesheet" href="${url.context}/css/main.css" TYPE="text/css">
<script type="text/javascript" src="/alfresco/scripts/ajax/yahoo/yahoo/yahoo-min.js"></script>
@@ -60,7 +61,7 @@
<#assign count=count+1>
<div class="docRow">
<div class="docIcon">
<a href="${url.context}${d.url}" target="new"><img class="docIconImage" alt="${d.name}" width="16" height="16" src="${url.context}${d.icon16?replace(".gif",".png")}" border=0></a>
<a href="${url.context}${d.url}" target="new"><img class="docIconImage" alt="" width="16" height="16" src="${url.context}${d.icon16?replace(".gif",".png")}" border=0></a>
</div>
<div class="docItem">
${d.name?html}
@@ -189,9 +190,9 @@ a.docfilterLinkSelected:link, a.docfilterLinkSelected:visited
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
margin: 0px 0px 0px 48px;
display: none;
overflow: hidden;
padding-left: 48px;
}
.docItemSelected

7
config/alfresco/templates/webscripts/org/alfresco/portlets/myspaces_get_desc.xml Normal file
View File

@@ -0,0 +1,7 @@
<webscript>
<shortname>My Spaces</shortname>
<description>Generate the My Spaces portlet page</description>
<url format="html" template="/myspaces?f={filter?}&amp;p={path?}"/>
<authentication>user</authentication>
<transaction>required</transaction>
</webscript>

292
config/alfresco/templates/webscripts/org/alfresco/portlets/myspaces_get_html.ftl Normal file
View File

@@ -0,0 +1,292 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<link rel="stylesheet" href="${url.context}/css/main.css" TYPE="text/css">
<script type="text/javascript" src="/alfresco/scripts/ajax/yahoo/yahoo/yahoo-min.js"></script>
<script type="text/javascript" src="/alfresco/scripts/ajax/yahoo/connection/connection-min.js"></script>
<script type="text/javascript" src="/alfresco/scripts/ajax/mootools.v1.1.js"></script>
<script type="text/javascript" src="/alfresco/scripts/ajax/common.js"></script>
<script type="text/javascript" src="/alfresco/scripts/ajax/summary-info.js"></script>
<script type="text/javascript" src="/alfresco/scripts/ajax/myspaces.js"></script>
<script type="text/javascript">setContextPath('${url.context}');</script>
<script>
// create manager object for the pop-up summary panels
var AlfNodeInfoMgr = new Alfresco.PanelManager("NodeInfoBean.sendNodeInfo", "noderef", "portlet_node_summary_panel.ftl");
</script>
<#-- get the filter mode from the passed in args -->
<#-- filters: 0=all, 1=spaces, 2=docs, 3=mine -->
<#if args.f?exists && args.f?length!=0><#assign filter=args.f?number><#else><#assign filter=0></#if>
<#-- get the path location from the passed in args, remove trailing slash -->
<#if args.p?exists><#assign path=args.p><#else><#assign path=""></#if>
<#if path?ends_with("/")><#assign path=path[0..path?length-2]></#if>
<#-- resolve the path (from Company Home) into a node or fall back to userhome-->
<#if path?starts_with("/Company Home")>
<#if path?length=13>
<#assign home=companyhome>
<#elseif companyhome.childByNamePath[args.p[14..]]?exists>
<#assign home=companyhome.childByNamePath[args.p[14..]]>
<#else>
<#assign home=userhome>
</#if>
<#else>
<#assign home=userhome>
</#if>
<#assign path=home.displayPath + "/" + home.name>
<div class="spaceTable">
<div class="spaceBreadcrumb">
<#-- construct breadcrumb elements as links -->
<#assign bcpath="/">
<#assign crumbs=path?split("/")>
<#list crumbs as c>
<#if c?length != 0>
<#assign bcpath=bcpath+c+"/">
<a class="spaceBreadcrumbLink" href="${scripturl("?f=${filter}&p=${bcpath}")}"><img src="${url.context}/images/icons/space-icon-default-16.png" border="0" width="16" height="16" alt="" style="vertical-align:-25%;padding-right:2px">${c}</a>
<#if c_index<crumbs?size-1>&nbsp;&gt;&nbsp;</#if>
</#if>
</#list>
</div>
<div class="spaceTitle">
<img src="${url.context}${home.icon16}" width="16" height="16" alt="" style="vertical-align:-25%;padding-right:6px">${home.name?html}
</div>
<div class="spaceActions">
<div class="spaceAction spaceActionUpload" title="Upload a new document">Upload</div>
<div class="spaceAction spaceActionCreateSpace" title="Create a new Space">Create Space</div>
</div>
<div style="text-align: center;">
<center>
<table border=0 cellspacing=8 cellpadding=0>
<tr>
<th><a class="spacefilterLink <#if filter=0>spacefilterLinkSelected</#if>" href="${scripturl("?f=0&p=${path}")}">All Items</a></th>
<th><a class="spacefilterLink <#if filter=1>spacefilterLinkSelected</#if>" href="${scripturl("?f=1&p=${path}")}">Spaces</a></th>
<th><a class="spacefilterLink <#if filter=2>spacefilterLinkSelected</#if>" href="${scripturl("?f=2&p=${path}")}">Documents</a></th>
<th><a class="spacefilterLink <#if filter=3>spacefilterLinkSelected</#if>" href="${scripturl("?f=3&p=${path}")}">My Items</a></th>
</tr>
</table>
</center>
</div>
<div id="spacePanel">
<#assign user=person.properties.userName>
<#assign count=0>
<#list home.children?sort_by('name') as d>
<#if (filter=0) ||
(filter=1 && d.isContainer) ||
(filter=2 && d.isDocument) ||
(filter=3 && (d.properties.creator == user || d.properties.modifier == user))>
<#assign count=count+1>
<div class="spaceRow">
<div class="spaceIcon">
<#if d.isDocument>
<a href="${url.context}${d.url}" target="new"><img class="spaceIconImage" alt="" width="16" height="16" src="${url.context}${d.icon16?replace(".gif",".png")}" border=0></a>
<#else>
<a href="${scripturl("?f=${filter}&p=${path}/${d.name}")}"><img class="spaceIconImage" alt="" width="16" height="16" src="${url.context}${d.icon16?replace(".gif",".png")}" border=0></a>
</#if>
</div>
<div class="spaceItem">
${d.name?html}
<span class="spaceInfo" onclick="event.cancelBubble=true; AlfNodeInfoMgr.toggle('${d.nodeRef}',this);">
<img src="${url.context}/images/icons/popup.gif" class="popupImage" width="16" height="16" />
</span>
</div>
<div class="spaceDetail">
<table cellpadding="2" cellspacing="0" border="0">
<tr>
<td>
<span class="spaceMetaprop">Description:</span>&nbsp;<span class="spaceMetadata"><#if d.properties.description?exists>${d.properties.description?html}<#else>&nbsp;</#if></span><br />
<span class="spaceMetaprop">Modified:</span>&nbsp;<span class="spaceMetadata">${d.properties.modified?datetime}</span><br />
<span class="spaceMetaprop">Modified By:</span>&nbsp;<span class="spaceMetadata">${d.properties.modifier}</span>
</td>
<td width="24">&nbsp;</td>
<td>
<span class="spaceMetaprop">Created:</span>&nbsp;<span class="spaceMetadata">${d.properties.created?datetime}</span><br />
<span class="spaceMetaprop">Created By:</span>&nbsp;<span class="spaceMetadata">${d.properties.creator}</span><br />
<span class="spaceMetaprop">Size:</span>&nbsp;<span class="spaceMetadata">${(d.size/1000)?string("0.##")} KB</span>
</td>
</tr>
</table>
</div>
</div>
</#if>
</#list>
</div>
<div class="spaceFooter">
Showing ${count} items(s)
</div>
</div>
<STYLE type="text/css">
a.spacefilterLink:link, a.spacefilterLink:visited
{
color: #8EA1B3;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
padding-left: 4px;
padding-right: 4px;
}
a.spacefilterLink:hover
{
color: #168ECE;
background-color: #EEF7FB;
}
a.spacefilterLinkSelected:link, a.spacefilterLinkSelected:visited
{
color: #168ECE;
background-color: #EEF7FB;
}
.spaceTable
{
background-color: #F8FCFD;
border: 1px solid #CCD4DB;
width: 720px;
}
.spaceTitle
{
background-color: #F8FCFD;
color: #515D6B;
text-align: center;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding: 6px;
border-bottom: 1px solid #CCD4DB;
}
#spacePanel
{
height: 320px;
width: 720px;
overflow: auto;
border-top: 1px solid #CCD4DB;
border-bottom: 1px solid #CCD4DB;
visibility: hidden;
}
.spaceRow
{
padding-top: 4px;
border-top: 1px solid #F8FCFD;
border-bottom: 1px solid #CCD4DB;
}
.spaceFooter
{
width: 700px;
padding: 8px;
border: 1px solid #F8FCFD;
background-image: url(${url.context}/images/parts/doclist_footerbg.png);
text-align: center;
color: #515D6B;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}
.spaceItem
{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #515D6B;
margin: 0px 0px 0px 24px;
padding: 0px 8px 6px 8px;
}
.spaceIcon
{
width: 32px;
float: left;
padding-left: 16px;
padding-top: 4px;
}
.spaceInfo
{
visibility: hidden;
}
.spaceDetail
{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
display: none;
overflow: hidden;
padding-left: 48px;
}
.spaceItemSelected
{
background-color: #CCE7F3 !important;
border-bottom: 1px solid #0092DD !important;
border-top: 1px solid #0092DD !important;
}
.spaceMetadata
{
color: #515D6B;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
.spaceMetaprop
{
color: #515D6B;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: bolder;
}
.spaceBreadcrumb
{
background-color: #DBE1E7;
padding: 6px;
border-bottom: 1px solid #CCD4DB;
}
a.spaceBreadcrumbLink:link, a.spaceBreadcrumbLink:visited, a.spaceBreadcrumbLink:hover
{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #515D6B;
text-decoration: none;
}
.spaceActions
{
background-color: #EEF7FB;
height: 4em;
border-bottom: 1px solid #CCD4DB;
}
.spaceAction
{
background-repeat: no-repeat;
background-position: 2px;
background-color: #F8FCFD;
color: #515D6B;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 12px;
float: left;
margin: 3px;
height: 2em;
cursor: pointer;
padding: 10px 4px 2px 34px;
border: 1px dashed #CCD4DB;
}
.spaceActionUpload
{
background-image: url(${url.context}/images/icons/doclist_action_upload.png);
}
.spaceActionCreateSpace
{
background-image: url(${url.context}/images/icons/doclist_action_createspace.png);
}
</STYLE>

5
config/alfresco/templates/webscripts/org/alfresco/portlets/mytasks_get_html.ftl
View File

@@ -232,10 +232,7 @@ a.taskfilterLinkSelected:link, a.taskfilterLinkSelected:visited
.taskResources
{
border-left: 1px solid #0092DD;
border-top: 1px solid #0092DD;
border-bottom: 1px solid #CCD4DB;
border-right: 1px solid #CCD4DB;
border: 1px solid #FFE500;
background-color: #FEF8BC;
margin: 4px 0px 0px 16px;
width: 400px;

BIN
source/web/images/icons/doclist_action_createspace.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
source/web/images/icons/doclist_action_upload.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
source/web/images/icons/space-icon-cd-16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 822 B

BIN
source/web/images/icons/space-icon-cd-64.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
source/web/images/icons/space-icon-default-16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 706 B

BIN
source/web/images/icons/space-icon-default-64.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
source/web/images/icons/space-icon-doc-16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 739 B

BIN
source/web/images/icons/space-icon-doc-64.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
source/web/images/icons/space-icon-image-16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 806 B

BIN
source/web/images/icons/space-icon-image-64.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
source/web/images/icons/space-icon-pen-16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 821 B

BIN
source/web/images/icons/space-icon-pen-64.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
source/web/images/icons/space-icon-star-16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 784 B

BIN
source/web/images/icons/space-icon-star-64.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

206
source/web/scripts/ajax/myspaces.js Normal file
View File

@@ -0,0 +1,206 @@
var MySpaces = {
start: function()
{
if ($('spacePanel'))
{
MySpaces.parseSpacePanels();
$('spacePanel').setStyle('visibility', 'visible');
}
},
parseSpacePanels: function()
{
var spaces = $$('#spacePanel .spaceRow');
var items = $$('#spacePanel .spaceItem');
var infos = $$('#spacePanel .spaceInfo');
var details = $$('#spacePanel .spaceDetail');
var icons = $$('#spacePanel .spaceIcon');
var imgs = $$('#spacePanel .spaceIconImage');
var fxItem = new Fx.Elements(items, {wait: false, duration: 300, transition: Fx.Transitions.linear});
var fxDetail = new Fx.Elements(details, {wait: false, duration: 300, transition: Fx.Transitions.linear});
var fxInfo = new Fx.Elements(infos, {wait: false, duration: 300, transition: Fx.Transitions.linear});
var fxIcon = new Fx.Elements(icons, {wait: false, duration: 300, transition: Fx.Transitions.linear});
var fxImage = new Fx.Elements(imgs,
{
wait: false,
duration: 300,
transition: Fx.Transitions.linear,
onComplete: function()
{
this.elements.each(function(img, i)
{
img.src = (img.getStyle('height').toInt() == 16) ? img.defSrc : img.bigSrc;
});
}
});
spaces.each(function(space, i)
{
var item = items[i],
info = infos[i],
detail = details[i],
img = imgs[i];
// animated elements defaults
item.defMarginLeft = item.getStyle('margin-left').toInt();
item.defFontSize = item.getStyle('font-size').toInt();
item.defBColor = (item.getStyle('background-color') == 'transparent') ? '' : item.getStyle('background-color');
detail.defHeight = 1;
detail.setStyle('opacity', 0);
detail.setStyle('display', 'block');
detail.setStyle('height', detail.defHeight);
info.setStyle('opacity', 0);
img.defSrc = img.src;
if (img.src.indexOf("/filetypes/") != -1)
{
img.bigSrc = img.src.replace(/filetypes\//, 'filetypes64/');
}
else
{
img.bigSrc = img.src.replace(/16.png$/, '64.png');
}
// register 'mouseenter' (subclassed mouseover) event for each space
space.addEvent('mouseenter', function(e)
{
var animItem = {},
animDetail = {},
animInfo = {};
animImage = {};
// highlight the item title
space.addClass('spaceItemSelected');
// move the item title to the right
animItem[i] = {
'margin-left': [item.getStyle('margin-left').toInt(), 89],
'font-size': [item.getStyle('font-size').toInt(), 18]
};
// fade in the info button
animInfo[i] = {'opacity': [info.getStyle('opacity'), 1]};
// slide and fade in the details panel
animDetail[i] = {
'height': [detail.getStyle('height').toInt(), detail.defHeight + 64],
'opacity': [detail.getStyle('opacity'), 1]
};
// grow the spacetype image
animImage[i] = {
'height': [img.getStyle('height').toInt(), 64],
'width': [img.getStyle('width').toInt(), 64]
};
img.src = img.bigSrc;
// reset styles on all other space
spaces.each(function(otherSpace, j)
{
var otherItem = items[j];
var otherInfo = infos[j];
var otherDetail = details[j];
var otherImg = imgs[j];
if ((otherSpace != space) && (!otherSpace.isOpen))
{
// reset selected class?
otherSpace.removeClass('spaceItemSelected');
// move the title back to the left?
var ml = otherItem.getStyle('margin-left').toInt();
if (ml != otherItem.defMarginLeft)
{
animItem[j] = {
'margin-left': [ml, otherItem.defMarginLeft],
'font-size': [otherItem.getStyle('font-size').toInt(), otherItem.defFontSize]
};
}
// does this space detail panel need resetting back to it's default height?
var h = otherDetail.getStyle('height').toInt();
if (h != otherDetail.defHeight)
{
animDetail[j] = {
'height': [h, otherDetail.defHeight],
'opacity': [otherDetail.getStyle('opacity'), 0]};
}
// does the info button need fading out
var o = otherInfo.getStyle('opacity');
if (o != 0)
{
animInfo[j] = {'opacity': [o, 0]};
}
// does the image need shrinking?
var ih = otherImg.getStyle('height').toInt();
if (ih != 16)
{
animImage[j] = {
'height': [ih, 16],
'width': [ih, 16]
};
}
}
});
fxItem.start(animItem);
fxDetail.start(animDetail);
fxInfo.start(animInfo);
fxImage.start(animImage);
});
});
$('spacePanel').addEvent('mouseleave', function(e)
{
// handler for mouse leaving the entire space panel
var animItem = {},
animDetail = {},
animInfo = {},
animImage = {};
spaces.each(function(space, i)
{
var item = items[i],
detail = details[i],
info = infos[i],
img = imgs[i];
if (space.isOpen)
{
// continue animations that may have been going on before the click
// move the item title to the right
animItem[i] = {
'margin-left': [item.getStyle('margin-left').toInt(), 89],
'font-size': [item.getStyle('font-size').toInt(), 18]
};
// fade in the info button
animInfo[i] = {'opacity': [info.getStyle('opacity'), 1]};
// slide and fade in the details panel
animDetail[i] = {
'height': [detail.getStyle('height').toInt(), detail.defHeight + 64],
'opacity': [detail.getStyle('opacity'), 1]
};
// grow the spacetype image
animImage[i] = {
'height': [img.getStyle('height').toInt(), 64],
'width': [img.getStyle('width').toInt(), 64]
};
}
else
{
space.removeClass('spaceItemSelected');
animItem[i] = {
'margin-left': [item.getStyle('margin-left').toInt(), item.defMarginLeft],
'font-size': [item.getStyle('font-size').toInt(), item.defFontSize]
};
animDetail[i] = {
'height': [detail.getStyle('height').toInt(), detail.defHeight],
'opacity': [detail.getStyle('opacity'), 0]
};
animInfo[i] = {'opacity': [infos[i].getStyle('opacity'), 0]};
animImage[i] = {
'height': [img.getStyle('height').toInt(), 16],
'width': [img.getStyle('width').toInt(), 16]
};
}
});
fxItem.start(animItem);
fxDetail.start(animDetail);
fxInfo.start(animInfo);
fxImage.start(animImage);
});
}
};
window.addEvent('load', MySpaces.start);