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

Rollover animation added to myWebForms portlet. Bugfixes to portlet layouts for MSIE (some CSS work still pending)

Browse Source 
git-svn-id: https://svn.alfresco.com/repos/alfresco-enterprise/alfresco/HEAD/root@5598 c4b6b30b-aa2e-2d43-bbcb-ca4b014f7261
This commit is contained in:
Mike Hatfield
2007-05-02 14:06:02 +00:00
parent 02fc877039
commit 8cc6f1623e
4 changed files with 94 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
source/web/scripts/ajax/doclist.js
View File

@@ -77,15 +77,15 @@ var MyDocs = {
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 = 0;
detail.defHeight = 1;
detail.setStyle('opacity', 0);
detail.setStyle('display', 'block');
detail.setStyle('height', 0);
detail.setStyle('height', detail.defHeight);
info.setStyle('opacity', 0);
img.defSrc = img.src;
img.bigSrc = img.src.replace(/filetypes\//, 'filetypes64/').replace(/.gif/, '.png');
resource.defHeight = 0;
resource.setStyle('height', 0);
resource.defHeight = 1;
resource.setStyle('height', resource.defHeight);
// register 'mouseenter' (subclassed mouseover) event for each doc
doc.addEvent('mouseenter', function(e)

82
source/web/scripts/ajax/myforms.js Normal file
View File

@@ -0,0 +1,82 @@
var MyWebForms = {
start: function()
{
if ($('formsPanel'))
{
MyWebForms.parseFormsPanels();
$('formsPanel').setStyle('visibility', 'visible');
}
},
parseFormsPanels: function()
{
var projects = $$('#formsPanel .webProjectRow');
var frms = $$('#formsPanel .webProjectForms');
var fxForm = new Fx.Elements(frms, {wait: false, duration: 300, transition: Fx.Transitions.linear});
projects.each(function(project, i)
{
var frm = frms[i];
// animated elements defaults
frm.maxHeight = frm.getStyle('height').toInt();
frm.defHeight = 1;
frm.setStyle('height', 0);
frm.setStyle('opacity', 0);
// register 'mouseenter' (subclassed mouseover) event for each project
project.addEvent('mouseenter', function(e)
{
var animForm = {};
// slide and fade in the frms panel
animForm[i] =
{
'height': [frm.getStyle('height').toInt(), frm.maxHeight],
'opacity': [frm.getStyle('opacity'), 1]
};
// reset styles on all other frms
projects.each(function(otherProject, j)
{
var otherfrm = frms[j];
if (otherProject != project)
{
// does this frm panel need resetting back to it's default height?
var h = otherfrm.getStyle('height').toInt();
if (h != otherfrm.defHeight)
{
animForm[j] =
{
'height': [h, otherfrm.defHeight],
'opacity': [otherfrm.getStyle('opacity'), 0]};
}
}
});
fxForm.start(animForm);
});
});
$('formsPanel').addEvent('mouseleave', function(e)
{
// handler for mouse leaving the entire panel
var animForm = {};
projects.each(function(project, i)
{
var frm = frms[i];
animForm[i] =
{
'height': [frm.getStyle('height').toInt(), frm.defHeight],
'opacity': [frm.getStyle('opacity'), 0]
};
});
fxForm.start(animForm);
});
}
};
window.addEvent('load', MyWebForms.start);

4
source/web/scripts/ajax/mytasks.js
View File

@@ -40,10 +40,10 @@ var MyTasks = {
task.isOpen = false;
task.loadingResources = false;
item.defBColor = (item.getStyle('background-color') == 'transparent') ? '' : item.getStyle('background-color');
detail.defHeight = 0;
detail.defHeight = 1;
detail.setStyle('opacity', 0);
detail.setStyle('display', 'block');
detail.setStyle('height', 0);
detail.setStyle('height', detail.defHeight);
info.setStyle('opacity', 0);
// register 'mouseenter' event for each task