mirror of
https://github.com/Alfresco/alfresco-community-repo.git
synced 2025-08-07 17:49:17 +00:00
f6b762476a
13258: ETHREEOH-1347 - Incorrect displaying of "Copy to..." dialog at DocLib page using IE6 13259: ETHREEOH-1327 - Incorrect display of Invite Users on Site members page in IE 13260: ETHREEOH-271, ETHREEOH-509, ETHREEOH-1267, ETHREEOH-272. Prevented (confusing and unnecessary) ability to type into File Browse controls 13272: ETHREEOH-1360 - Links don't show up in the Search Results page 13273: More TinyMCE features added to wiki editor. Safe-tags functions updated accordingly. 13380: Additions fix for ETHREEOH-1360 - Links don't show up in the Search Results page git-svn-id: https://svn.alfresco.com/repos/alfresco-enterprise/alfresco/HEAD/root@13583 c4b6b30b-aa2e-2d43-bbcb-ca4b014f7261
1017 lines
36 KiB
JavaScript
1017 lines
36 KiB
JavaScript
var MySpaces = {
|
|
IMG_SMALL: 16,
|
|
IMG_LARGE: 64,
|
|
ANIM_LENGTH: 300,
|
|
DETAIL_MARGIN: 56,
|
|
TITLE_FONT_SIZE: 18,
|
|
RESOURCE_PANEL_HEIGHT: 150,
|
|
OVERLAY_OPACITY: 0.8,
|
|
fileInput: null,
|
|
Path: null,
|
|
Filter: null,
|
|
Home: null,
|
|
ServiceContext: null,
|
|
popupPanel: null,
|
|
ScriptUrlEncoder: null,
|
|
FxAll: null,
|
|
|
|
start: function()
|
|
{
|
|
if ($('spacePanel'))
|
|
{
|
|
MySpaces.removeModal();
|
|
|
|
var messagePanel = $('spaceMessagePanel');
|
|
messagePanel.setStyle('opacity', 0);
|
|
messagePanel.setStyle('display', 'block');
|
|
|
|
// show AJAX loading overlay
|
|
$('spacePanelOverlayAjax').setStyle('display', 'block');
|
|
$('spacePanel').setStyle('visibility', 'hidden');
|
|
|
|
// fire off the ajax request to populate the spaces list - the 'myspacespanel' webscript
|
|
// is responsible for rendering just the contents of the main panel div
|
|
YAHOO.util.Connect.asyncRequest(
|
|
"GET",
|
|
MySpaces.ServiceContext + '/ui/myspacespanel?p='+encodeURI(MySpaces.Path)+'&f='+MySpaces.Filter+'&h='+MySpaces.Home,
|
|
{
|
|
success: function(response)
|
|
{
|
|
// push the response into the space panel div
|
|
$('spacePanel').setHTML(response.responseText);
|
|
|
|
// Construct the links to the outer webscript - we use the client script url encoder
|
|
// method provided by the outer webscript runtime to generate urls to call it from the
|
|
// inner webscript we called via a servlet - this means we can gen urls to call JSF or
|
|
// portlet webscript from the inner.
|
|
var navLinks = $$('#spacePanel .spaceNavLinkUrl');
|
|
var navImgs = $$('#spacePanel .spaceNavLinkImg');
|
|
navLinks.each(function(navLink, i)
|
|
{
|
|
navLink.setHTML('<span onclick="event.cancelBubble=true"><a href="' + MySpaces.ScriptUrlEncoder.encUrl(navLink.innerHTML.replace(/&/, "&")) + '">' + navImgs[i].innerHTML + '</a></span>');
|
|
navImgs[i].innerHTML = ""; // remove the html so the class is not selected during init()
|
|
});
|
|
// extract the count value from a hidden div and display it
|
|
$('spaceCount').setHTML($('spaceCountValue').innerHTML);
|
|
|
|
// wire up all the events and animations
|
|
MySpaces.init();
|
|
},
|
|
failure: function(response)
|
|
{
|
|
// display the error
|
|
$('spacePanel').setHTML("Sorry, data currently unavailable.");
|
|
|
|
// hide the ajax wait panel and show the main spaces panel
|
|
$('spacePanelOverlayAjax').setStyle('display', 'none');
|
|
$('spacePanel').setStyle('visibility', 'visible');
|
|
}
|
|
}
|
|
);
|
|
}
|
|
},
|
|
|
|
init: function()
|
|
{
|
|
MySpaces.parseSpacePanels();
|
|
|
|
// hide the ajax wait panel and show the main spaces panel
|
|
$('spacePanelOverlayAjax').setStyle('display', 'none');
|
|
$('spacePanel').setStyle('visibility', 'visible');
|
|
|
|
if (MySpaces.postInit)
|
|
{
|
|
MySpaces.postInit();
|
|
MySpaces.postInit = null;
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Perform the operations required to add the events and animations required to anim various
|
|
* nodes when the user mouseovers and clicks on rows in the space panel
|
|
*/
|
|
parseSpacePanels: function()
|
|
{
|
|
MySpaces.FxAll = [];
|
|
|
|
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 imgs64 = $$('#spacePanel .spaceIconImage64');
|
|
var resources = $$('#spacePanel .spaceResource');
|
|
var fxItem = new Fx.Elements(items, {wait: false, duration: MySpaces.ANIM_LENGTH, transition: Fx.Transitions.linear});
|
|
MySpaces.FxAll.push(fxItem);
|
|
var fxDetail = new Fx.Elements(details, {wait: false, duration: MySpaces.ANIM_LENGTH, transition: Fx.Transitions.linear});
|
|
MySpaces.FxAll.push(fxDetail);
|
|
var fxInfo = new Fx.Elements(infos, {wait: false, duration: MySpaces.ANIM_LENGTH, transition: Fx.Transitions.linear});
|
|
MySpaces.FxAll.push(fxInfo);
|
|
var fxIcon = new Fx.Elements(icons, {wait: false, duration: MySpaces.ANIM_LENGTH, transition: Fx.Transitions.linear});
|
|
MySpaces.FxAll.push(fxIcon);
|
|
var fxResource = new Fx.Elements(resources,
|
|
{
|
|
wait: false,
|
|
duration: 500,
|
|
transition: Fx.Transitions.linear,
|
|
onComplete: function()
|
|
{
|
|
this.elements.each(function(resource, i)
|
|
{
|
|
if (resource.parentNode.isOpen)
|
|
{
|
|
if (resource.isLoaded)
|
|
{
|
|
resource.needsOverflow = false;
|
|
var elePrev = $E('.spacePreview', resource)
|
|
if (elePrev)
|
|
{
|
|
elePrev.setStyle('overflow', 'auto');
|
|
}
|
|
}
|
|
else
|
|
{
|
|
// defer style change to ajax complete event
|
|
resource.needsOverflow = true;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
MySpaces.FxAll.push(fxResource);
|
|
var fxImage = new Fx.Elements(imgs,
|
|
{
|
|
wait: false,
|
|
duration: MySpaces.ANIM_LENGTH,
|
|
transition: Fx.Transitions.linear,
|
|
onComplete: function()
|
|
{
|
|
this.elements.each(function(img, i)
|
|
{
|
|
img.src = (img.getStyle('height').toInt() == MySpaces.IMG_SMALL) ? img.defSrc : img.bigSrc;
|
|
});
|
|
}
|
|
});
|
|
MySpaces.FxAll.push(fxImage);
|
|
|
|
spaces.each(function(space, i)
|
|
{
|
|
var item = items[i],
|
|
info = infos[i],
|
|
detail = details[i],
|
|
img = imgs[i],
|
|
resource = resources[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);
|
|
// NOTE: special check for images without special 64x64 pixel version
|
|
if (imgs64[i].src.lastIndexOf("_default.png") != -1)
|
|
{
|
|
img.src = img.src.replace(new RegExp("/filetypes/.*\.png$"), "/filetypes/_default.png");
|
|
}
|
|
img.defSrc = img.src;
|
|
img.bigSrc = imgs64[i].src;
|
|
resource.defHeight = 1;
|
|
resource.setStyle('height', resource.defHeight);
|
|
|
|
// 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(), MySpaces.DETAIL_MARGIN],
|
|
'font-size': [item.getStyle('font-size').toInt(), MySpaces.TITLE_FONT_SIZE]
|
|
};
|
|
// 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 + MySpaces.IMG_LARGE],
|
|
'opacity': [detail.getStyle('opacity'), 1]
|
|
};
|
|
// grow the spacetype image
|
|
animImage[i] = {
|
|
'height': [img.getStyle('height').toInt(), MySpaces.IMG_LARGE],
|
|
'width': [img.getStyle('width').toInt(), MySpaces.IMG_LARGE]
|
|
};
|
|
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 != MySpaces.IMG_SMALL)
|
|
{
|
|
animImage[j] = {
|
|
'height': [ih, MySpaces.IMG_SMALL],
|
|
'width': [ih, MySpaces.IMG_SMALL]
|
|
};
|
|
}
|
|
}
|
|
});
|
|
fxItem.start(animItem);
|
|
fxDetail.start(animDetail);
|
|
fxInfo.start(animInfo);
|
|
fxImage.start(animImage);
|
|
});
|
|
|
|
space.addEvent('click', function(e)
|
|
{
|
|
var animItem = {},
|
|
animDetail = {},
|
|
animInfo = {};
|
|
animImage = {},
|
|
animResource = {},
|
|
resourceHeight = resource.getStyle('height').toInt();
|
|
|
|
// make sure item title is highlighted
|
|
space.addClass('spaceItemSelected');
|
|
|
|
if (!space.isOpen)
|
|
{
|
|
if (!resource.isLoaded)
|
|
{
|
|
// fire off the ajax request to get the preview panel content and actions
|
|
YAHOO.util.Connect.asyncRequest(
|
|
"POST",
|
|
getContextPath() + '/ajax/invoke/NodeInfoBean.sendNodeInfo',
|
|
{
|
|
success: function(response)
|
|
{
|
|
// remove the ajax waiting animation class
|
|
resource.removeClass("spacesAjaxWait");
|
|
// populate the resource div with the result
|
|
resource.innerHTML = response.responseText;
|
|
// flag this resource as loaded
|
|
resource.isLoaded = true;
|
|
// deferred from transition complete event
|
|
if (resource.needsOverflow)
|
|
{
|
|
var elePrev = $E('.spacePreview', resource)
|
|
if (elePrev)
|
|
{
|
|
elePrev.setStyle('overflow', 'auto');
|
|
}
|
|
}
|
|
},
|
|
failure: function(response)
|
|
{
|
|
resource.innerHTML = "Sorry, preview currently unavailable.";
|
|
},
|
|
argument: [resource]
|
|
},
|
|
"noderef=" + resource.id + "&template=myspaces_preview_panel.ftl"
|
|
);
|
|
}
|
|
|
|
// open up this space's resources
|
|
// flag this space as open
|
|
space.isOpen = true;
|
|
|
|
// slide and fade in the resources panel
|
|
animResource[i] = {
|
|
'height': [resourceHeight, resource.defHeight + MySpaces.RESOURCE_PANEL_HEIGHT],
|
|
'opacity': [resource.getStyle('opacity'), 1]};
|
|
|
|
// close other open space and toggle this one if it's already open
|
|
spaces.each(function(otherSpace, j)
|
|
{
|
|
var otherResource = resources[j],
|
|
otherItem = items[j],
|
|
otherInfo = infos[j],
|
|
otherDetail = details[j],
|
|
otherImg = imgs[j];
|
|
|
|
if (otherSpace == space)
|
|
{
|
|
// continue animations that may have been going on before the click
|
|
// move the item title to the right
|
|
animItem[j] = {
|
|
'margin-left': [otherItem.getStyle('margin-left').toInt(), MySpaces.DETAIL_MARGIN],
|
|
'font-size': [otherItem.getStyle('font-size').toInt(), MySpaces.TITLE_FONT_SIZE]
|
|
};
|
|
// fade in the info button
|
|
animInfo[j] = {'opacity': [otherInfo.getStyle('opacity'), 1]};
|
|
// slide and fade in the details panel
|
|
animDetail[j] = {
|
|
'height': [otherDetail.getStyle('height').toInt(), otherDetail.defHeight + MySpaces.IMG_LARGE],
|
|
'opacity': [otherDetail.getStyle('opacity'), 1]
|
|
};
|
|
// grow the type image
|
|
animImage[j] = {
|
|
'height': [otherImg.getStyle('height').toInt(), MySpaces.IMG_LARGE],
|
|
'width': [otherImg.getStyle('width').toInt(), MySpaces.IMG_LARGE]
|
|
};
|
|
}
|
|
else
|
|
{
|
|
// close any other open space
|
|
otherSpace.isOpen = false;
|
|
|
|
// 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 != MySpaces.IMG_SMALL)
|
|
{
|
|
animImage[j] = {
|
|
'height': [ih, MySpaces.IMG_SMALL],
|
|
'width': [ih, MySpaces.IMG_SMALL]
|
|
};
|
|
}
|
|
|
|
// does this space resource panel need resetting back to it's default height?
|
|
var otherHeight = otherResource.getStyle('height').toInt();
|
|
if (otherHeight != otherResource.defHeight)
|
|
{
|
|
animResource[j] = {
|
|
'height': [otherHeight, otherResource.defHeight],
|
|
'opacity': [otherResource.getStyle('opacity'), 0]};
|
|
}
|
|
|
|
var otherMeta = $E('.spacePreview', otherResource)
|
|
if (otherMeta)
|
|
{
|
|
otherMeta.setStyle('overflow', 'hidden');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
else
|
|
{
|
|
// close this space panel
|
|
// flag this space as closed
|
|
space.isOpen = false;
|
|
|
|
// reset resource panel back to it's default height
|
|
animResource[i] = {
|
|
'height': [resourceHeight, resource.defHeight],
|
|
'opacity': [resource.getStyle('opacity'), 0]};
|
|
|
|
var elePrev = $E('.spacePreview', resource)
|
|
if (elePrev)
|
|
{
|
|
elePrev.setStyle('overflow', 'hidden');
|
|
}
|
|
}
|
|
fxResource.start(animResource);
|
|
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(), MySpaces.DETAIL_MARGIN],
|
|
'font-size': [item.getStyle('font-size').toInt(), MySpaces.TITLE_FONT_SIZE]
|
|
};
|
|
// 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 + MySpaces.IMG_LARGE],
|
|
'opacity': [detail.getStyle('opacity'), 1]
|
|
};
|
|
// grow the spacetype image
|
|
animImage[i] = {
|
|
'height': [img.getStyle('height').toInt(), MySpaces.IMG_LARGE],
|
|
'width': [img.getStyle('width').toInt(), MySpaces.IMG_LARGE]
|
|
};
|
|
}
|
|
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(), MySpaces.IMG_SMALL],
|
|
'width': [img.getStyle('width').toInt(), MySpaces.IMG_SMALL]
|
|
};
|
|
}
|
|
});
|
|
fxItem.start(animItem);
|
|
fxDetail.start(animDetail);
|
|
fxInfo.start(animInfo);
|
|
fxImage.start(animImage);
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Display the Create Space pop-up panel
|
|
*/
|
|
createSpace: function(actionEl)
|
|
{
|
|
if (this.popupPanel != null) return;
|
|
|
|
this.fxOverlay = $("spacePanelOverlay").effect('opacity', {duration: MySpaces.ANIM_LENGTH});
|
|
|
|
var panel = $E(".spaceCreateSpacePanel", $(actionEl).getParent());
|
|
panel.setStyle("opacity", 0);
|
|
panel.setStyle("display", "inline");
|
|
$E("#space-name", panel).removeClass("spaceFormItemError");
|
|
|
|
Alfresco.Dom.smartAlignElement(panel, panel.getParent());
|
|
// make into a dragable panel
|
|
new Drag.Move(panel);
|
|
|
|
var anim = new Fx.Styles(
|
|
panel,
|
|
{
|
|
duration: MySpaces.ANIM_LENGTH,
|
|
transition: Fx.Transitions.linear,
|
|
onComplete: function()
|
|
{
|
|
var nameInput = $E("#space-name", this.element);
|
|
nameInput.focus();
|
|
nameInput.select();
|
|
}
|
|
});
|
|
anim.start({'opacity': 1});
|
|
this.fxOverlay.start(MySpaces.OVERLAY_OPACITY);
|
|
|
|
this.popupPanel = panel;
|
|
},
|
|
|
|
/**
|
|
* OK button click handler for the Create Space pop-up panel
|
|
*/
|
|
createSpaceOK: function(actionEl, path)
|
|
{
|
|
// gather the input data
|
|
var panel = $(actionEl).getParent();
|
|
var spaceName = panel.getElementById("space-name").value;
|
|
var spaceTitle = panel.getElementById("space-title").value;
|
|
var spaceDesc = panel.getElementById("space-description").value;
|
|
|
|
if (spaceName.length != 0)
|
|
{
|
|
if (spaceName.test(/(.*[\"\*\\\>\<\?\/\:\|]+.*)|(.*[\.]?.*[\.]+$)|(.*[ ]+$)/i))
|
|
{
|
|
var spaceName = $E("#space-name", panel);
|
|
spaceName.addClass("spaceFormItemError");
|
|
spaceName.focus();
|
|
}
|
|
else
|
|
{
|
|
// ajax call to create space
|
|
YAHOO.util.Connect.asyncRequest(
|
|
"POST",
|
|
getContextPath() + '/ajax/invoke/MySpacesBean.createSpace',
|
|
{
|
|
success: function(response)
|
|
{
|
|
if (response.responseText.indexOf("OK:") == 0)
|
|
{
|
|
MySpaces.refreshList();
|
|
}
|
|
else
|
|
{
|
|
alert("Error during creation of new space: " + response.responseText);
|
|
}
|
|
MySpaces.closePopupPanel();
|
|
},
|
|
failure: function(response)
|
|
{
|
|
alert("Error during creation of new space: " + response.responseText);
|
|
MySpaces.closePopupPanel();
|
|
}
|
|
},
|
|
"path=" + path.replace("_%_", "'") +
|
|
"&name=" + encodeURIComponent(spaceName) +
|
|
"&title=" + encodeURIComponent(spaceTitle) +
|
|
"&description=" + encodeURIComponent(spaceDesc)
|
|
);
|
|
}
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Display the Upload File pop-up panel
|
|
*/
|
|
upload: function(actionEl)
|
|
{
|
|
if (this.popupPanel != null) return;
|
|
|
|
this.fxOverlay = $("spacePanelOverlay").effect('opacity', {duration: MySpaces.ANIM_LENGTH});
|
|
|
|
var panel = $E(".spaceUploadPanel", $(actionEl).getParent());
|
|
panel.setStyle("opacity", 0);
|
|
panel.setStyle("display", "inline");
|
|
Alfresco.Dom.smartAlignElement(panel, panel.getParent());
|
|
// make into a dragable panel
|
|
new Drag.Move(panel);
|
|
|
|
// Generate a file upload element
|
|
// To perform the actual upload, the element is moved to a hidden iframe
|
|
// from which the upload is performed - this is required as javascript cannot
|
|
// set the important properties on a file upload element for security reasons.
|
|
// <input size="35" style="width:100%" type="file" value="" id="_upload" name="_upload">
|
|
if (this.fileInput == null)
|
|
{
|
|
var fileInput = $(document.createElement("input"));
|
|
fileInput.type = "file";
|
|
fileInput.name = "_upload";
|
|
fileInput.size = "35";
|
|
fileInput.contentEditable = false;
|
|
fileInput.setStyle("width", "100%");
|
|
fileInput.addClass("spaceFormItem");
|
|
fileInput.injectTop(panel);
|
|
this.fileInput = fileInput;
|
|
}
|
|
|
|
var anim = new Fx.Styles(panel, {duration: MySpaces.ANIM_LENGTH, transition: Fx.Transitions.linear});
|
|
anim.start({'opacity': 1});
|
|
this.fxOverlay.start(MySpaces.OVERLAY_OPACITY);
|
|
|
|
this.popupPanel = panel;
|
|
},
|
|
|
|
/**
|
|
* OK button click handler for the Upload File pop-up panel
|
|
*/
|
|
uploadOK: function(actionEl, path)
|
|
{
|
|
if (this.fileInput.value.length > 0)
|
|
{
|
|
// call the upload help to perform the upload
|
|
handleUploadHelper(this.fileInput,
|
|
"1", // TODO: generate unique ID? (parent space noderef?)
|
|
MySpaces.uploadCompleteHandler,
|
|
getContextPath(),
|
|
"/ajax/invoke/FileUploadBean.uploadFile",
|
|
{currentPath: path.replace("_%_", "'")}); // decode path
|
|
this.fileInput = null;
|
|
}
|
|
this.closePopupPanel();
|
|
},
|
|
|
|
/**
|
|
* Callback function executed after the upload of a new file is complete
|
|
*/
|
|
uploadCompleteHandler: function(id, path, fileName, error)
|
|
{
|
|
if (error == null)
|
|
{
|
|
MySpaces.refreshList();
|
|
}
|
|
else
|
|
{
|
|
alert("ERROR: " + error);
|
|
}
|
|
if (this.fxOverlay)
|
|
{
|
|
this.fxOverlay.start(0);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Delete a space/document item
|
|
*/
|
|
deleteItem: function(name, noderef)
|
|
{
|
|
if (confirm("Are you sure you want to delete: " + name))
|
|
{
|
|
MySpaces.applyModal();
|
|
|
|
// ajax call to delete item
|
|
YAHOO.util.Connect.asyncRequest(
|
|
"POST",
|
|
getContextPath() + '/ajax/invoke/PortletActionsBean.deleteItem',
|
|
{
|
|
success: function(response)
|
|
{
|
|
if (response.responseText.indexOf("OK:") == 0)
|
|
{
|
|
MySpaces.refreshList();
|
|
}
|
|
else
|
|
{
|
|
alert("Error during delete of item: " + response.responseText);
|
|
MySpaces.removeModal();
|
|
}
|
|
},
|
|
failure: function(response)
|
|
{
|
|
alert("Error during delete of item: " + response.responseText);
|
|
MySpaces.removeModal();
|
|
}
|
|
},
|
|
"noderef=" + noderef
|
|
);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Check Out a document item
|
|
*/
|
|
checkoutItem: function(name, noderef)
|
|
{
|
|
MySpaces.applyModal();
|
|
|
|
// ajax call to check out item
|
|
YAHOO.util.Connect.asyncRequest(
|
|
"POST",
|
|
getContextPath() + '/ajax/invoke/PortletActionsBean.checkoutItem',
|
|
{
|
|
success: function(response)
|
|
{
|
|
if (response.responseText.indexOf("OK:") == 0)
|
|
{
|
|
MySpaces.refreshList();
|
|
MySpaces.displayMessage("A working copy for the checked out item 'Working Copy of " + name + "' has been created.");
|
|
}
|
|
else
|
|
{
|
|
alert("Error during check out of item: " + response.responseText);
|
|
MySpaces.removeModal();
|
|
}
|
|
},
|
|
failure: function(response)
|
|
{
|
|
alert("Error during check out of item: " + response.responseText);
|
|
MySpaces.removeModal();
|
|
}
|
|
},
|
|
"noderef=" + noderef
|
|
);
|
|
},
|
|
|
|
/**
|
|
* Check In a document item
|
|
*/
|
|
checkinItem: function(name, noderef)
|
|
{
|
|
MySpaces.applyModal();
|
|
|
|
// ajax call to check in item
|
|
YAHOO.util.Connect.asyncRequest(
|
|
"POST",
|
|
getContextPath() + '/ajax/invoke/PortletActionsBean.checkinItem',
|
|
{
|
|
success: function(response)
|
|
{
|
|
if (response.responseText.indexOf("OK:") == 0)
|
|
{
|
|
MySpaces.refreshList();
|
|
MySpaces.displayMessage("Item 'Working Copy of " + name + "' has been checked in.");
|
|
}
|
|
else
|
|
{
|
|
alert("Error during check in of item: " + response.responseText);
|
|
MySpaces.removeModal();
|
|
}
|
|
},
|
|
failure: function(response)
|
|
{
|
|
alert("Error during check in of item: " + response.responseText);
|
|
MySpaces.removeModal();
|
|
}
|
|
},
|
|
"noderef=" + noderef
|
|
);
|
|
},
|
|
|
|
/**
|
|
* Display the Update File pop-up panel
|
|
*/
|
|
updateItem: function(actionEl, nodeRef)
|
|
{
|
|
if (this.popupPanel != null) return;
|
|
|
|
this.fxOverlay = $("spacePanelOverlay").effect('opacity', {duration: MySpaces.ANIM_LENGTH});
|
|
|
|
var panel = $("spaceUpdateDocPanel");
|
|
panel.setStyle("opacity", 0);
|
|
panel.setStyle("display", "inline");
|
|
Alfresco.Dom.smartAlignElement(panel, actionEl);
|
|
// make into a dragable panel
|
|
new Drag.Move(panel);
|
|
|
|
// Generate a file upload element
|
|
// To perform the actual upload, the element is moved to a hidden iframe
|
|
// from which the upload is performed - this is required as javascript cannot
|
|
// set the important properties on a file upload element for security reasons.
|
|
// <input size="35" style="width:100%" type="file" value="" id="_upload" name="_upload">
|
|
if (this.fileInput == null)
|
|
{
|
|
var fileInput = $(document.createElement("input"));
|
|
fileInput.type = "file";
|
|
fileInput.name = "_upload";
|
|
fileInput.size = "35";
|
|
fileInput.contentEditable = false;
|
|
fileInput.setStyle("width", "100%");
|
|
fileInput.addClass("spaceFormItem");
|
|
fileInput.injectTop(panel);
|
|
this.fileInput = fileInput;
|
|
}
|
|
|
|
var anim = new Fx.Styles(panel, {duration: MySpaces.ANIM_LENGTH, transition: Fx.Transitions.linear});
|
|
anim.start({'opacity': 1});
|
|
this.fxOverlay.start(MySpaces.OVERLAY_OPACITY);
|
|
|
|
this.popupPanel = panel;
|
|
this.popupPanel.nodeRef = nodeRef;
|
|
},
|
|
|
|
/**
|
|
* OK button click handler for the Update Content pop-up panel
|
|
*/
|
|
updateOK: function(actionEl)
|
|
{
|
|
if (this.fileInput.value.length > 0)
|
|
{
|
|
// call the upload help to perform the upload
|
|
handleUploadHelper(this.fileInput,
|
|
"1", // TODO: generate unique ID? (parent space noderef?)
|
|
MySpaces.uploadCompleteHandler,
|
|
getContextPath(),
|
|
"/ajax/invoke/ContentUpdateBean.updateFile",
|
|
{nodeRef: this.popupPanel.nodeRef});
|
|
}
|
|
this.closePopupPanel();
|
|
},
|
|
|
|
/**
|
|
* Cancel button click handler for various pop-up panels
|
|
*/
|
|
closePopupPanel: function()
|
|
{
|
|
if (this.fileInput != null)
|
|
{
|
|
this.fileInput.remove();
|
|
this.fileInput = null;
|
|
}
|
|
if (this.popupPanel != null)
|
|
{
|
|
this.popupPanel.setStyle("display", "none");
|
|
this.popupPanel = null;
|
|
}
|
|
if (this.fxOverlay)
|
|
{
|
|
this.fxOverlay.start(0);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Update the view filter
|
|
*/
|
|
filter: function(filter)
|
|
{
|
|
if (this.popupPanel != null) return;
|
|
|
|
$$('.spacefilterLink').each(function(filterLink, i)
|
|
{
|
|
if (i == filter)
|
|
{
|
|
filterLink.addClass("spacefilterLinkSelected");
|
|
}
|
|
else
|
|
{
|
|
filterLink.removeClass("spacefilterLinkSelected");
|
|
}
|
|
});
|
|
MySpaces.Filter = filter;
|
|
MySpaces.refreshList(true);
|
|
},
|
|
|
|
/**
|
|
* Refresh the main data list contents within the spacePanel container
|
|
*/
|
|
refreshList: function(reopenActive)
|
|
{
|
|
// do we want to remember which panel was open?
|
|
if (reopenActive)
|
|
{
|
|
// do we have an open panel?
|
|
var openPanel = $E('#spacePanel .spaceItemSelected');
|
|
var openPanelId = null;
|
|
if (openPanel != null)
|
|
{
|
|
openPanelId = openPanel.id;
|
|
// Re-open the panel if the id still exists
|
|
MySpaces.postInit = function()
|
|
{
|
|
if ($(openPanelId))
|
|
{
|
|
$(openPanelId).fireEvent("click");
|
|
|
|
// scroll the open panel into view
|
|
var fxScroll = new Fx.Scroll($('spacePanel'),
|
|
{
|
|
duration: MySpaces.ANIM_LENGTH,
|
|
transition: Fx.Transitions.linear
|
|
});
|
|
fxScroll.toElement($(openPanelId));
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// empty the main panel div and restart by reloading the panel contents
|
|
var spacePanel = $('spacePanel');
|
|
spacePanel.setStyle('visibility', 'hidden');
|
|
// show the ajax wait panel
|
|
$('spacePanelOverlayAjax').setStyle('display', 'block');
|
|
|
|
// Stop all the animation effects
|
|
MySpaces.FxAll.each(function(fx, i)
|
|
{
|
|
fx.stop();
|
|
});
|
|
|
|
spacePanel.empty();
|
|
spacePanel.removeEvents('mouseleave');
|
|
MySpaces.start();
|
|
},
|
|
|
|
/**
|
|
* Apply a semi-transparent modal overlay skin to the main panel area
|
|
*/
|
|
applyModal: function()
|
|
{
|
|
var overlay = $('spacePanelOverlay')
|
|
overlay.setStyle('opacity', MySpaces.OVERLAY_OPACITY);
|
|
overlay.setStyle('display', 'block');
|
|
},
|
|
|
|
/**
|
|
* Remove the modal overlay skin from the main panel area
|
|
*/
|
|
removeModal: function()
|
|
{
|
|
var overlay = $('spacePanelOverlay')
|
|
overlay.setStyle('opacity', 0);
|
|
overlay.setStyle('display', 'none');
|
|
overlay.setStyle('visibility', 'visible');
|
|
},
|
|
|
|
/**
|
|
* Called when the Edit Details dialog returns
|
|
*/
|
|
editDetailsCallback: function()
|
|
{
|
|
// The edit details dialog window has closed
|
|
MySpaces.refreshList(true);
|
|
},
|
|
|
|
/**
|
|
* Display a message bubble of helpful info to the user. Calling this function in quick
|
|
* succession will cause previous message to be lost as the new ones are displayed.
|
|
*
|
|
* @param message Message text to display
|
|
*/
|
|
displayMessage: function(message)
|
|
{
|
|
var panel = $("spaceMessagePanel");
|
|
if ($defined(panel.timeout))
|
|
{
|
|
clearTimeout(panel.timeout);
|
|
panel.timeout = null;
|
|
}
|
|
|
|
panel.setStyle("opacity", 0);
|
|
panel.setStyle("margin-top", -90);
|
|
|
|
panel.getChildren()[1].setHTML(message);
|
|
|
|
panel.fxMessage = new Fx.Styles(
|
|
panel,
|
|
{
|
|
duration: 2000,
|
|
transition: Fx.Transitions.sineInOut
|
|
});
|
|
panel.fxMessage.start({'margin-top': -70, 'opacity': [0, 0.75]});
|
|
|
|
panel.timeout = window.setTimeout(this.fadeOutMessage, 8000);
|
|
},
|
|
|
|
/**
|
|
* Timer callback function to fade out the message panel
|
|
*/
|
|
fadeOutMessage: function()
|
|
{
|
|
var panel = $("spaceMessagePanel");
|
|
panel.timeout = null;
|
|
|
|
var fxMessage = new Fx.Styles(
|
|
panel,
|
|
{
|
|
duration: 1000,
|
|
transition: Fx.Transitions.sineInOut
|
|
});
|
|
fxMessage.start({'margin-top': -90, 'opacity': [0]});
|
|
},
|
|
|
|
/**
|
|
* Close the message panel immediately when the user clicks the close icon
|
|
*/
|
|
closeMessage: function()
|
|
{
|
|
var panel = $("spaceMessagePanel");
|
|
if ($defined(panel.timeout))
|
|
{
|
|
clearTimeout(panel.timeout);
|
|
panel.timeout = null;
|
|
}
|
|
panel.fxMessage.stop();
|
|
panel.setStyle("opacity", 0);
|
|
}
|
|
};
|
|
|
|
window.addEvent('load', MySpaces.start); |