- " element.
// If the destination folder has not been expanded, then this will not yet exist!
var arrTargetULElement = $j(this).find('ul.tree_list:first');
var objTargetULElement = (arrTargetULElement.length == 1) ? arrTargetULElement[0] : false;
// If the target UL element does not exist yet, create it!
if(!objTargetULElement)
{
$j(this).append('
' +
'
';
},
onCreateShowConfirmMoveResourcesLightbox: function()
{
return '' +
'
' +
'' +
'Delete confirmation
' + 'Are you sure want to delete the selected folders/resources? If a selected folder contains resources it will be undeletable untill resources within it are deleted..
' + '' +
'
';
},
/**
* Attempt to delete the selected resources
*/
deleteResources: function()
{
var url = '/resource_browser/delete_resources';
// Build the string to submit.
var arrItemsToDelete = this.getSelectedItems('delete');
var idParams = '';
$j.each(arrItemsToDelete['folders'], function(intKey, strVal)
{
idParams += '&subfolders[]='+strVal;
});
$j.each(arrItemsToDelete['resources'], function(intKey, strVal)
{
idParams += '&files[]='+strVal;
});
var params = {
renderMode: 'update'
}
AS4Shell.getInstance().ajaxUpdate(url, $H(params).toQueryString() + idParams, null, $A([this.onDeleteResourcesSuccess.bind(this)]));
},
onDeleteResourcesSuccess: function(transport, target)
{
$j(transport.headerJSON.subfolders.deleted_ids).each(function(i)
{
var folderId = this;
// Update the folder list pane and content pane rows.
$j('#folderleaf_'+folderId).remove();
$j('#folder_'+folderId).remove();
});
$j(transport.headerJSON.resources.deleted_ids).each(function(i)
{
var resourceId = this;
// Update the content pane rows.
$j('#resourceitem_'+resourceId).remove();
});
// Show error message for items that were not deleted!
if(transport.headerJSON.subfolders.failed_ids.length > 0 || transport.headerJSON.resources.failed_ids.length > 0)
{
var strErrorMessage = 'Some folders/resources could not be deleted!. Please make sure folders are empty before deleting.';
alert(strErrorMessage);
}
},
/**
* Toggle the visibility of an arbitrary folder.
*
* @param {Event} event
* @param {boolean} status Visibility of the current folder
*/
toggleFolderVisibility: function(folderId, status)
{
var url = '/resource_browser/toggle_folder_visibility';
var params = {
folder_id: folderId,
visibility: status ? true : false
};
AS4Shell.getInstance().ajaxUpdate(url, params, null, $A([this.onToggleFolderVisibilitySuccess.bind(this)]), {showMessage: false});
},
onToggleFolderVisibilitySuccess: function(transport, target)
{
var blnHidden = (transport.headerJSON.visibility) ? true : false;
var folderId = transport.headerJSON.folder_id;
// Update the folder list pane and content pane rows.
if(blnHidden)
{
$j('#folderleaf_'+folderId).addClass('is_hidden');
$j('#folder_'+folderId).addClass('is_hidden');
}
else
{
$j('#folderleaf_'+folderId).removeClass('is_hidden');
$j('#folder_'+folderId).removeClass('is_hidden');
}
},
/**
* Attempt to (un)hide the selected resources
* @param {boolean} newState The new hidden status for the resources.
*/
toggleHideResources: function(newState, arrOverrideIds)
{
// If an array of ids was passed, then use that instead.
var arrOverrideIds = (typeof(arrOverrideIds) != "undefined") ? arrOverrideIds : false;
if(arrOverrideIds)
{
var idParams = '';
$j.each(arrOverrideIds, function(intKey, strVal)
{
idParams += '&files[]='+strVal;
});
}
else
{
var idParams = '&'+$('files_list_form').serialize();
}
var url = '/resource_browser/toggle_hide_resources';
var params = {
renderMode: 'update',
status: newState
}
AS4Shell.getInstance().ajaxUpdate(url, $H(params).toQueryString() + idParams, null, $A([this.onToggleHideResourcesSuccess.bind(this)]));
},
onToggleHideResourcesSuccess: function(transport, target)
{
$j(transport.headerJSON.hidden_ids).each(function(i)
{
var resourceId = this;
// Update the content pane rows.
$j('#resourceitem_'+resourceId).addClass('is_hidden');
});
$j(transport.headerJSON.unhidden_ids).each(function(i)
{
var resourceId = this;
// Update the content pane rows.
$j('#resourceitem_'+resourceId).removeClass('is_hidden');
});
},
/**
* Attempt to (un)hide the selected subfolders
* @param {boolean} newState The new hidden status for the subfolders.
*/
toggleHideSubfolders: function(newState, arrOverrideIds)
{
// If an array of ids was passed, then use that instead.
var arrOverrideIds = (typeof(arrOverrideIds) != "undefined") ? arrOverrideIds : false;
if(arrOverrideIds)
{
var idParams = '';
$j.each(arrOverrideIds, function(intKey, strVal)
{
idParams += '&files[]='+strVal;
});
}
else
{
var idParams = '&'+$('subfolders_list_form').serialize();
}
var url = '/resource_browser/toggle_hide_subfolders';
var params = {
renderMode: 'update',
status: newState
}
AS4Shell.getInstance().ajaxUpdate(url, $H(params).toQueryString() + idParams, null, $A([this.onToggleHideSubfoldersSuccess.bind(this)]));
},
onToggleHideSubfoldersSuccess: function(transport, target)
{
$j(transport.headerJSON.hidden_ids).each(function(i)
{
var folderId = this;
// Update the folder list pane and content pane rows.
$j('#folderleaf_'+folderId).addClass('is_hidden');
$j('#folder_'+folderId).addClass('is_hidden');
});
$j(transport.headerJSON.unhidden_ids).each(function(i)
{
var folderId = this;
// Update the folder list pane and content pane rows.
$j('#folderleaf_'+folderId).removeClass('is_hidden');
$j('#folder_'+folderId).removeClass('is_hidden');
});
},
approveResources: function(objOverrideIds)
{
// If an array of ids was passed, then use that instead.
var objOverrideIds = (typeof(objOverrideIds) != "undefined") ? objOverrideIds : false;
var arrFinalResourceIds = [];
if(objOverrideIds)
{
arrFinalResourceIds = objOverrideIds['arrResources'];
}
else
{
var arrCheckedResourceItems = $j('#files_list_form :checkbox:checked');
$j(arrCheckedResourceItems).each(function(i)
{
var intIdValue = $j(this).attr('value');
arrFinalResourceIds.push(intIdValue);
});
}
// Build the string to submit.
var idParams = '';
$j.each(arrFinalResourceIds, function(intKey, strVal)
{
idParams += '&files[]='+strVal;
// Change the approval icon to a spinner
//$j('#approval_status_' + strVal).removeClass('approved');
//$j('#approval_status_' + strVal).removeClass('unapproved');
//$j('#approval_status_' + strVal).addClass('ajax_updating');
});
// Add items to the selected items object.
this.recordSelectedItems(arrFinalResourceIds, 'resources', 'approve');
// Trigger an approval status update
var url = "/resource_browser/mark_resources_approved";
var params = {
}
AS4Shell.getInstance().ajaxUpdate(url, $H(params).toQueryString() + idParams, null, $A([this.onApproveResourcesSuccess.bind(this)]));
},
onApproveResourcesSuccess: function(transport, target)
{
$j(transport.headerJSON.approved_ids).each(function(i)
{
var resourceId = this;
var element = $j('#approval_status_' + resourceId);
element.removeClass('ajax_updating');
element.removeClass('unapproved');
element.addClass('approved');
});
},
unapproveResources: function(objOverrideIds)
{
// If an array of ids was passed, then use that instead.
var objOverrideIds = (typeof(objOverrideIds) != "undefined") ? objOverrideIds : false;
var arrFinalResourceIds = [];
if(objOverrideIds)
{
arrFinalResourceIds = objOverrideIds['arrResources'];
}
else
{
var arrCheckedResourceItems = $j('#files_list_form :checkbox:checked');
$j(arrCheckedResourceItems).each(function(i)
{
var intIdValue = $j(this).attr('value');
arrFinalResourceIds.push(intIdValue);
});
}
// Build the string to submit.
var idParams = '';
$j.each(arrFinalResourceIds, function(intKey, strVal)
{
idParams += '&files[]='+strVal;
// Change the approval icon to a spinner
//$j('#approval_status_' + strVal).removeClass('approved');
//$j('#approval_status_' + strVal).removeClass('unapproved');
//$j('#approval_status_' + strVal).addClass('ajax_updating');
});
// Add items to the selected items object.
this.recordSelectedItems(arrFinalResourceIds, 'resources', 'unapprove');
// Trigger an approval status update
var url = "/resource_browser/mark_resources_unapproved";
var params = {
}
AS4Shell.getInstance().ajaxUpdate(url, $H(params).toQueryString() + idParams, null, $A([this.onUnapproveResourcesSuccess.bind(this)]));
},
onUnapproveResourcesSuccess: function(transport, target)
{
$j(transport.headerJSON.unapproved_ids).each(function(i)
{
var resourceId = this;
var element = $j('#approval_status_' + resourceId);
element.removeClass('ajax_updating');
element.removeClass('approved');
element.addClass('unapproved');
});
},
cutFolders: function(intSourceFolderId, objOverrideIds)
{
// If an array of ids was passed, then use that instead.
var objOverrideIds = (typeof(objOverrideIds) != "undefined") ? objOverrideIds : false;
var arrFinalFolderIds = [];
// Before cutting the current item, make sure to un-cut any previous cut elements.
var arrCurrentCutItems = this.getSelectedItems('cut');
var arrCurrentCutFolderItems = arrCurrentCutItems['folders'];
$j.each(arrCurrentCutFolderItems, function(intKey, strVal)
{
$j('#folderleaf_'+strVal).removeClass('is_cut');
$j('#folder_'+strVal).removeClass('is_cut');
});
if(objOverrideIds)
{
arrFinalFolderIds = objOverrideIds['arrFolders'];
}
else
{
var arrCheckedFolderItems = $j('#subfolders_list_form :checkbox:checked');
$j(arrCheckedFolderItems).each(function(i)
{
var intIdValue = $j(this).attr('value');
arrFinalFolderIds.push(intIdValue);
});
}
// Change appearance of cut rows.
$j.each(arrFinalFolderIds, function(intKey, strVal)
{
$j('#folderleaf_'+strVal).addClass('is_cut');
$j('#folder_'+strVal).addClass('is_cut');
});
// Add items to the selected items object.
this.recordSelectedItems(arrFinalFolderIds, 'folders', 'cut');
// Store the source folder.
this.objCutSourceFolder = {'intSourceFolderId':intSourceFolderId};
},
cutResources: function(intSourceFolderId, objOverrideIds)
{
// If an array of ids was passed, then use that instead.
var objOverrideIds = (typeof(objOverrideIds) != "undefined") ? objOverrideIds : false;
var arrFinalResourceIds = [];
// Before cutting the current item, make sure to un-cut any previous cut elements.
var arrCurrentCutItems = this.getSelectedItems('cut');
var arrCurrentCutResourceItems = arrCurrentCutItems['resources'];
$j.each(arrCurrentCutResourceItems, function(intKey, strVal)
{
$j('#resourceitem_'+strVal).removeClass('is_cut');
});
if(objOverrideIds)
{
arrFinalResourceIds = objOverrideIds['arrResources'];
}
else
{
var arrCheckedResourceItems = $j('#files_list_form :checkbox:checked');
$j(arrCheckedResourceItems).each(function(i)
{
var intIdValue = $j(this).attr('value');
arrFinalResourceIds.push(intIdValue);
});
}
// Build the string to submit.
$j.each(arrFinalResourceIds, function(intKey, strVal)
{
// Change appearance of cut rows.
$j('#resourceitem_'+strVal).addClass('is_cut');
});
// Add items to the selected items object.
this.recordSelectedItems(arrFinalResourceIds, 'resources', 'cut');
// Store the source folder.
this.objCutSourceFolder = {'intSourceFolderId':intSourceFolderId};
},
pasteItems: function(intDestinationFolderId)
{
var _this = this;
// Get any current cut elements.
var objCurrentCutItems = this.getSelectedItems('cut');
var arrCurrentCutFolderItems = objCurrentCutItems['folders'];
var arrCurrentCutResourceItems = objCurrentCutItems['resources'];
// Get the source folder details.
var intSourceFolderId = this.objCutSourceFolder['intSourceFolderId'];
// Loop over folders and move them.
$j.each(arrCurrentCutFolderItems, function(intKey, strVal)
{
// Make sure we are not trying to paste a folder into itself!
if(strVal != intDestinationFolderId)
{
// Remove the visible element from the current folder content pane (if it exists).
$j('#subfolders_list #folder_'+strVal).css({display:'none'});
// Then fire of AJAX request to update server.
var url = '/resource_browser/move_folder';
var params = {
folder_id: strVal,
source_folder_id: intSourceFolderId,
dest_folder_id: intDestinationFolderId
};
AS4Shell.getInstance().ajaxUpdate(url, params, null, $A([function(){}]), { message: 'Pasting folder...' });
}
else
{
// Remove the cut class.
$j('#folder_'+strVal).removeClass('is_cut');
}
});
// Loop over resources and move them.
$j.each(arrCurrentCutResourceItems, function(intKey, strVal)
{
// Remove the visible element from the current folder content pane (if it exists).
//$j('#resources_list #resourceitem_'+strVal).css({display:'none'});
_this.movingResource = $j('#resources_list #resourceitem_'+strVal);
// Then fire of AJAX request to update server.
var url = '/resource_browser/move_resource';
var params = {
resource_id: strVal,
source_folder_id: intSourceFolderId,
dest_folder_id: intDestinationFolderId
};
AS4Shell.getInstance().ajaxUpdate(url, params, null, $A([_this.onMoveResourceSuccess.bind(_this)]), { message: 'Pasting resource...' });
});
// Clear the cut items.
this.clearSelectedItems('cut');
// Finally, fire off AJAX request to re-populate this part of the folder list.
var intDestinationParentFolderId = this.getFoldersParentFolderId(intDestinationFolderId);
this.fetchFolders(intDestinationParentFolderId, $('folderleaf_'+intDestinationParentFolderId), {});
// Sync the folder list with the folder content pane.
this.syncFolderListWithContentPane();
},
// Whever an action is performed that effects the heirarchy of folders in the content pane (drag/drop/re-order/cut/paste etc.),
// this method can be called to bring the folder list back into sync with the content pane.
syncFolderListWithContentPane: function()
{
// Get the current set of folders in the folder list view.
var arrFolderListFolders = $j("#folderleaf_"+this.currentFolderId).find('.tree_node');
//console.log(arrFolderListFolders);
// Get the current set of folders in the content pane view.
var arrContentPaneFolders = $j("#subfolders_list").find('.folder.list_item');
//console.log(arrContentPaneFolders);
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Handle folder re-ordering.
// Insert a dummy target element at the top of the folder list pane and assign as the first target.
$j("#folderleaf_"+this.currentFolderId).find('.tree_list:first').prepend('');
var intTargetInsertAfterId = 'insertAfterDummyTarget';
// Now loop over the above items and re-order folder list items to match.
arrContentPaneFolders.each(function(i)
{
// Get the id of this folder.
var intFolderId = $j(this).attr('id').split('_')[1];
// Insert the corresponding folder list element after its new target.
$j("#folderleaf_"+intFolderId).insertAfter("#folderleaf_"+intTargetInsertAfterId);
// Records this element as the target for the next insertAfter.
intTargetInsertAfterId = intFolderId;
});
// Remove dummy target element.
$j("#folderleaf_"+this.currentFolderId).find('#folderleaf_insertAfterDummyTarget').remove();
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Handle renamed folders.
// Loop over the above items and rename folder list items to match.
arrContentPaneFolders.each(function(i)
{
// Get the id of this folder.
var intFolderId = $j(this).attr('id').split('_')[1];
// Get the name of this folder.
var strFolderName = $j(this).find('.cell.name span.folder').text();
// Update the corresponding folder list elements name.
$j("#folderleaf_"+intFolderId).find('span.label').text(strFolderName);
});
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Handle added/deleted/moved folders.
// TODO.
},
// Whever an action is performed that effects the heirarchy of folders in the folder list (drag/drop/cut/paste etc.),
// this method can be called to bring the content pane back into sync with the folder list.
syncContentPaneWithFolderList: function()
{
// Just refresh the current content pane!
var options = ('{' + $j('#folderleaf_'+this.currentFolderId).attr('rel') + '}').evalJSON();
this.resourcesPage = 1;
resourceBrowser.fetchResources(options.path, false, true);
},
// Attempt to move the current folder up a level.
navigateLevelUp: function()
{
// Look to see if we have a parent folder.
var intParentFolderId = this.getFoldersParentFolderId(this.currentFolderId);
if(intParentFolderId != null)
{
// Trigger the change.
this.simulateLeafClicked(intParentFolderId);
}
else
{
alert('Already at top folder level!');
}
},
// Attempt to get the id of the current folder parent folder.
getFoldersParentFolderId: function(intFolderId)
{
// Loop to see if we have a parent '.tree_node' element.
var objParentTreeNode = $j('#folderleaf_'+intFolderId).parents('.tree_node:first').get(0);
var intParentFolderId = null;
if(objParentTreeNode)
{
// The parent id of the current folder.
var strParentId = $j(objParentTreeNode).attr('id');
var arrParentIdParts = strParentId.split('_');
var intParentFolderId = arrParentIdParts[1];
}
return intParentFolderId;
},
/**
* Show the preview resource lightbox
*/
showPreviewResourceLightbox: function(intResourceId)
{
// Store the id of the resource being previewed.
this.recordSelectedItems([intResourceId], 'resources', 'preview');
// Get the optimum size for the lightbox preview...
var intBrowserViewportWidth = $j(window).width();
var intBrowserViewportHeight = $j(window).height();
var intLightboxWidth = intBrowserViewportWidth - 100;
var intLightboxHeight = intBrowserViewportHeight - 100;
var params = {
callback: this.onCreatePreviewResourceLightbox.bind(this),
height: intLightboxHeight,
width: intLightboxWidth
};
AS4Shell.getInstance().showLightbox(params);
},
onCreatePreviewResourceLightbox: function()
{
// Get the resource id to preview.
var arrItemsToPreview = this.getSelectedItems('preview');
var intResourceId = arrItemsToPreview['resources'][0];
//var url = '/channel/view_resource/id/'+intResourceId;
var url = '/resources/view/id/'+intResourceId+'/inline/true/preview/true';
// Get the optimum size for the lightbox preview...
var intBrowserViewportWidth = $j(window).width();
var intBrowserViewportHeight = $j(window).height();
var intLightboxWidth = intBrowserViewportWidth - 100;
var intLightboxHeight = intBrowserViewportHeight - 100;
var intIframeWidth = intLightboxWidth;
var intIframeHeight = intLightboxHeight - 50;
var intToolbarWidth = intIframeWidth;
var intToolbarHeight = 40;
return '' +
'
' +
'' +
'Duplicate Resource Name Confirmation
' + 'The destination folder already contains a resource named "'+this.movingResourceJSON.resource_title+'". Are you sure you want to continue? If so, a number will be appended to the end of this resource name.
' + '' +
'
';
},
// Open a resource library lightbox to choose a resource to link to the given folder.
showLinkFolderToResourceLightbox: function(intFolderId)
{
// Record the folder we are linking a resource to.
this.recordSelectedItems([intFolderId], 'folders', 'linkResource');
// Get the optimum size for the lightbox preview...
var intBrowserViewportWidth = $j(window).width();
var intBrowserViewportHeight = $j(window).height();
var intLightboxWidth = intBrowserViewportWidth - 100;
var intLightboxHeight = intBrowserViewportHeight - 100;
var params = {
callback: this.onShowLinkFolderToResourceLightbox.bind(this),
height: intLightboxHeight,
width:intLightboxWidth
};
AS4Shell.getInstance().showLightbox(params);
},
onShowLinkFolderToResourceLightbox: function()
{
// Get the optimum size for the lightbox preview...
var intBrowserViewportWidth = $j(window).width();
var intBrowserViewportHeight = $j(window).height();
var intLightboxWidth = intBrowserViewportWidth - 100;
var intLightboxHeight = intBrowserViewportHeight - 100;
var intMediaLibraryWidth = intLightboxWidth;
var intMediaLibraryHeight = intLightboxHeight - 50;
var intToolbarWidth = intMediaLibraryWidth;
var intToolbarHeight = 40;
var url = '/resource_browser/fetch_resources';
var params = {
renderMode: 'update',
path: 'all_resources',
terms: '',
filters: [],
sort_key: '',
sort_direction: 'ascending',
resources_page: '',
resources_per_page: 10,
icon_display_mode: 'linkToFolder',
is_media_browser: true
};
AS4Shell.getInstance().ajaxUpdate(url, params, 'media_library', $A([]), {showMessage: false});
// Get the folder we are linking the resource to.
var objLinkResourceItems = this.getSelectedItems('linkResource');
var arrLinkResourceFolderItems = objLinkResourceItems['folders'];
var intLinkedFolderId = arrLinkResourceFolderItems[0];
return '';
},
linkFolderToResource: function(intResourceId, objResourceDetails)
{
// Get the folder we are linking the resource to.
var objLinkResourceItems = this.getSelectedItems('linkResource');
var arrLinkResourceFolderItems = objLinkResourceItems['folders'];
var url = '/resource_browser/link_folder_to_resource';
var params = {
folder_id: arrLinkResourceFolderItems[0],
resource_id: intResourceId,
renderMode: 'lightbox'
};
AS4Shell.getInstance().ajaxUpdate(url, params, 'resourcePicker', $A([this.onLinkFolderToResourceSuccess.bind(this)]), {showMessage: false});
},
onLinkFolderToResourceSuccess: function(transport, target)
{
AS4Shell.getInstance().closeLightbox();
// Refresh the current folder content pane.
this.simulateLeafClicked(this.currentFolderId);
},
/**
* Removes the currently linked resource from the displayed folder
*
* @param {integer} folderId The id of the folder for which the linked resource will be removed
*/
removeFolderLinkedResource: function(folderId)
{
var url = '/resource_browser/link_folder_to_resource';
var params = {
folder_id: folderId
};
AS4Shell.getInstance().ajaxUpdate(url, params, 'resourcePicker', $A([this.onLinkFolderToResourceSuccess.bind(this)]), {showMessage: false});
},
/**
* Show the create new subfolder lightbox
*/
showCreateSubfolderLightbox: function()
{
var params = {
callback: this.onCreateSubfolderLightbox.bind(this),
height: 140
};
AS4Shell.getInstance().showLightbox(params);
},
onCreateSubfolderLightbox: function()
{
var url = '/resource_browser/create_subfolder_lightbox';
var params = {
renderMode: 'lightbox'
};
AS4Shell.getInstance().ajaxUpdate(url, params, 'create_subfolder_container', $A(), {showIndicator: false});
return '' +
'' +
'
' +
'' +
'' +
'
';
},
/**
* Attempt to create a new subfolder in the current location
* @param {string} [folderName] Optional name of the new folder. Default is 'New Folder'.
*/
createSubfolder: function(folderName)
{
var intTargetFolderId = (this.targetFolderId != null) ? this.targetFolderId : this.currentFolderId;
if(this.targetFolderId != null)
{
this.targetFolderId = null;
}
var url = '/resource_browser/create_subfolder';
var params = {
renderMode: 'update',
parent_id: intTargetFolderId,
folder_name: folderName ? folderName : 'New Folder'
};
AS4Shell.getInstance().closeLightbox();
AS4Shell.getInstance().ajaxUpdate(url, params, null, $A([this.onCreateSubfolderSuccess.bind(this, intTargetFolderId)]), {message: 'Creating folder...'});
},
onCreateSubfolderSuccess: function(intTargetFolderId, transport, target)
{
this.simulateLeafClicked(intTargetFolderId);
},
/**
* Create a new folder from the information in the create_folder_panel
*/
startUpload: function(intOverrideFolderId)
{
var intTargetFolderId = (typeof(intOverrideFolderId) != 'undefined') ? intOverrideFolderId : this.currentFolderId;
if(!intTargetFolderId ||
$A([AS4ResourceBrowser.ROOT_RESOURCES_PATH,
AS4ResourceBrowser.MY_RESOURCES_PATH,
AS4ResourceBrowser.HIDDEN_RESOURCES_PATH,
AS4ResourceBrowser.UNAPPROVED_RESOURCES_PATH]).indexOf(intTargetFolderId) != -1)
{
alert('The current folder is not valid for uploads');
return;
}
// Redirect to the upload form.
AS4Shell.getInstance().redirect('/resource_editor/upload_files/channel_id/' + intTargetFolderId);
},
/**
* Create a new folder from the information in the create_folder_panel
*/
startSecureUpload: function(intOverrideFolderId)
{
var intTargetFolderId = (typeof(intOverrideFolderId) != 'undefined') ? intOverrideFolderId : this.currentFolderId;
if(!intTargetFolderId ||
$A([AS4ResourceBrowser.ROOT_RESOURCES_PATH,
AS4ResourceBrowser.MY_RESOURCES_PATH,
AS4ResourceBrowser.HIDDEN_RESOURCES_PATH,
AS4ResourceBrowser.UNAPPROVED_RESOURCES_PATH]).indexOf(intTargetFolderId) != -1)
{
alert('The current folder is not valid for uploads');
return;
}
// console.log(this.installationId);
// Redirect to the upload form.
window.open(this.secureUrl+'/resource_editor/upload_files/installation_id/' + this.installationId + '/channel_id/' + intTargetFolderId + '/secure/true');
//AS4Shell.getInstance().redirect(this.secureUrl+'/resource_editor/upload_files/installation_id/' + this.installationId + '/channel_id/' + intTargetFolderId + '/secure/true');
},
/**
* Check that the currently entered search terms match what was set by the delayed action, and if so
* initiate a new resource fetch supplying the current search terms.
*
* @param {string} terms The terms that were entered when the method was bound; Used to ignore a search if the terms have changed since
*/
startSearch: function(terms, blnKeepAdvanced)
{
if(terms != this.searchTerms)
return;
var blnKeepAdvanced = (typeof(blnKeepAdvanced) != "undefined") ? blnKeepAdvanced : false;
// Clear any advanced terms if doing a normal search.
if(!blnKeepAdvanced)
{
this.advSearchTerms =
{
terms: '',
createdBy: '',
resourceType: '',
dateAfter: '',
dateBefore: '',
searchAuthorized: 'both',
restrictedGroups: '',
restrictedReason: '',
resourceToSearch: 'current_folder_only',
searchSubfolders: false
}
}
this.fetchResources();
},
startSearch_thumbnail: function(terms, blnKeepAdvanced)
{
var target = $('files_list_thumbnail');
if(terms != this.searchTerms)
return;
var blnKeepAdvanced = (typeof(blnKeepAdvanced) != "undefined") ? blnKeepAdvanced : false;
// Clear any advanced terms if doing a normal search.
if(!blnKeepAdvanced)
{
this.advSearchTerms =
{
terms: '',
createdBy: '',
resourceType: '',
dateAfter: '',
dateBefore: '',
searchAuthorized: 'both',
restrictedGroups: '',
restrictedReason: '',
resourceToSearch: 'current_folder_only',
searchSubfolders: false
}
}
this.fetchResources(null,target);
},
startAdvancedSearch: function(terms)
{
// Do some basic validation.
var strDateBefore = $j('#adv_date_before').val();
if(strDateBefore != '' && strDateBefore != 'DD/MM/YYYY')
{
var strNumExpression = /^([0-9]){2}\/([0-9]){2}\/([0-9]){4}$/;
if(strNumExpression.test(strDateBefore) === false)
{
alert("Please enter date values in the format 'DD/MM/YYYY'");
return false;
}
}
var strDateAfter = $j('#adv_date_after').val();
if(strDateAfter != '' && strDateAfter != 'DD/MM/YYYY')
{
var strNumExpression = /^([0-9]){2}\/([0-9]){2}\/([0-9]){4}$/;
if(strNumExpression.test(strDateAfter) === false)
{
alert("Please enter date values in the format 'DD/MM/YYYY'");
return false;
}
}
// Then get values from the advanced search lightbox before submitting.
var strAdvSearchTerms = ($j('#adv_search_terms').val() != 'Enter free text to search name, description, meta') ? $j('#adv_search_terms').val() : '';
var strCreatedBy = ($j('#adv_created_by').val() != 'Enter username, first name or last name') ? $j('#adv_created_by').val() : '';
var strDateAfter = ($j('#adv_date_after').val() != 'DD/MM/YYYY') ? $j('#adv_date_after').val() : '';
var strDateBefore = ($j('#adv_date_before').val() != 'DD/MM/YYYY') ? $j('#adv_date_before').val() : '';
var advSearchTerms =
{
terms: strAdvSearchTerms,
createdBy: strCreatedBy,
resourceType: $j('#adv_resource_types').val(),
dateAfter: strDateAfter,
dateBefore: strDateBefore,
searchAuthorized: this.getSelectedRadioValue('adv_search_authorized'),
restrictedGroups: $j('#adv_restricted_groups').val(),
restrictedReason: $j('#adv_restricted_reason').val(),
resourceToSearch: this.getSelectedRadioValue('adv_resources_to_search'),
searchSubfolders: ($j('#adv_search_subfolders').get(0).checked) ? true : false
}
// Store the search terms.
this.advSearchTerms = advSearchTerms;
// Copy any advanced relevant terms back to simple terms GUI components.
$j('#search_terms').val(advSearchTerms.terms);
this.searchTerms = advSearchTerms.terms;
// Switch to the appropriate top level pseudo folder before searching.
switch(this.advSearchTerms.resourceToSearch)
{
case 'current_folder_only':
// Start the search.
this.startSearch(advSearchTerms.terms, true);
break;
case 'all_installation_resources':
strAdvSearchFolderId = AS4ResourceBrowser.ALL_RESOURCES_PATH;
this.simulateLeafClicked(strAdvSearchFolderId+'_node');
break;
case 'just_my_resources':
strAdvSearchFolderId = AS4ResourceBrowser.MY_RESOURCES_PATH;
this.simulateLeafClicked(strAdvSearchFolderId+'_node');
break;
case 'hidden_resources_only':
strAdvSearchFolderId = AS4ResourceBrowser.HIDDEN_RESOURCES_PATH;
this.simulateLeafClicked(strAdvSearchFolderId+'_node');
break;
}
// Finally close the lightbox.
AS4Shell.getInstance().closeLightbox();
},
getSelectedRadioValue: function(strRadioGroupName)
{
var objSelectedRadioElement = $j('input[type="radio"][name="' + strRadioGroupName + '"]:checked');
if(objSelectedRadioElement.length > 0)
{
return objSelectedRadioElement.val();
}
else
{
return '';
}
},
setSelectedRadioValue: function(strRadioGroupName, selectedValue)
{
$j('input[type="radio"][name="' + strRadioGroupName + '"]').each(function(i)
{
if($j(this).val() == selectedValue)
{
this.checked = true;
}
});
},
showAdvancedSearch: function()
{
var params = {
callback: this.onShowAdvancedSearchLightbox.bind(this),
height: 415,
width: 700
};
AS4Shell.getInstance().showLightbox(params);
},
onShowAdvancedSearchLightbox: function()
{
// Get the optimum size for the lightbox preview...
var intBrowserViewportWidth = $j(window).width();
var intBrowserViewportHeight = $j(window).height();
var intLightboxWidth = 700;
var intLightboxHeight = 425;
var intSearchWidth = intLightboxWidth;
var intSearchHeight = intLightboxHeight - 50;
var intToolbarWidth = intSearchWidth;
var intToolbarHeight = 40;
var url = '/resource_browser/show_advanced_search_lightbox';
var params = {
renderMode: 'lightbox'
};
AS4Shell.getInstance().ajaxUpdate(url, params, 'advanced_search', $A(), {showIndicator: false});
return '' +
'
Loading...' + '
' +
'Loading...' + '
' +
'
';
},
createAdvancedSearchFieldEvents: function()
{
// Advanced search terms field.
$j('#adv_search_terms').focus(function ()
{
if($j('#adv_search_terms').val() == 'Enter free text to search name, description, meta')
{
$j('#adv_search_terms').val('');
}
});
$j('#adv_search_terms').blur(function ()
{
if($j('#adv_search_terms').val() == '')
{
$j('#adv_search_terms').val('Enter free text to search name, description, meta');
}
});
// Created by field.
$j('#adv_created_by').focus(function ()
{
if($j('#adv_created_by').val() == 'Enter username, first name or last name')
{
$j('#adv_created_by').val('');
}
});
$j('#adv_created_by').blur(function ()
{
if($j('#adv_created_by').val() == '')
{
$j('#adv_created_by').val('Enter username, first name or last name');
}
});
// Date after field.
$j('#adv_date_after').focus(function ()
{
if($j('#adv_date_after').val() == 'DD/MM/YYYY')
{
$j('#adv_date_after').val('');
}
});
$j('#adv_date_after').blur(function ()
{
if($j('#adv_date_after').val() == '')
{
$j('#adv_date_after').val('DD/MM/YYYY');
}
});
// Date before field.
$j('#adv_date_before').focus(function ()
{
if($j('#adv_date_before').val() == 'DD/MM/YYYY')
{
$j('#adv_date_before').val('');
}
});
$j('#adv_date_before').blur(function ()
{
if($j('#adv_date_before').val() == '')
{
$j('#adv_date_before').val('DD/MM/YYYY');
}
});
},
destroyAdvancedSearchFieldEvents: function()
{
$j('#adv_search_terms').unbind();
$j('#adv_created_by').unbind();
$j('#adv_date_after').unbind();
$j('#adv_date_before').unbind();
},
preloadAdvancedSearchForm: function()
{
var strAdvSearchTerms = ($j('#search_terms').val() != '') ? $j('#search_terms').val() : 'Enter free text to search name, description, meta';
var strCreatedBy = (this.advSearchTerms.createdBy != '') ? this.advSearchTerms.createdBy : 'Enter username, first name or last name';
var strDateAfter = (this.advSearchTerms.dateAfter != '') ? this.advSearchTerms.dateAfter : 'DD/MM/YYYY';
var strDateBefore = (this.advSearchTerms.dateBefore != '') ? this.advSearchTerms.dateBefore : 'DD/MM/YYYY';
$j('#adv_search_terms').val(strAdvSearchTerms);
$j('#adv_created_by').val(strCreatedBy);
$j('#adv_date_after').val(strDateAfter);
$j('#adv_date_before').val(strDateBefore);
$j('#adv_resource_types').val(this.advSearchTerms.resourceType);
this.setSelectedRadioValue('adv_search_authorized', this.advSearchTerms.searchAuthorized);
this.setSelectedRadioValue('adv_resources_to_search', this.advSearchTerms.resourceToSearch);
$j('#adv_search_subfolders').get(0).checked = this.advSearchTerms.searchSubfolders;
},
/**
* Sets a single resource type by which results filtered. Passing a non-numeric or null parameter will result to
* the default of not filtering resources. Triggers a refresh of the browser.
*
* @param {integer} resourceType id of the resource type by which results will be filtered
*/
setSearchType: function(resourceType, options)
{
var options = Object.extend({refresh: true}, options || {});
if(isNaN(resourceType) || !resourceType)
this.searchTypes = $A([]);
else
this.searchTypes = $A([resourceType]);
if(options.refresh)
this.fetchResources();
},
/**
* Sets the current page of resources to fetch
*
* @param {integer} page The page of resources to load.
*/
setResourcesPage: function(page, options)
{
var options = Object.extend({refresh: true}, options || {});
this.resourcesPage = page;
if(options.refresh)
this.fetchResources();
},
setResourcesPage_thumbnail: function(page, position, options)
{
var options = Object.extend({refresh: true}, options || {});
this.resourcesPage = page;
if (page==1)
this.selectedLinkedResourcePosition = position;
if(options.refresh)
this.fetchResources(null,$('files_list_thumbnail'));
},
/**
* Sets the number of resources to fetch per-page
*
* @param {integer} count The number of resources to load per page. Should be one of 10, 25, 50, 100
*/
setResourcesPerPage: function(count)
{
this.resourcesPerPage = count;
this.resourcesPage = 1;
this.fetchResources();
},
setResourcesPerPage_thumbnail: function(count)
{
this.resourcesPerPage = count;
this.resourcesPage = 1;
this.fetchResources(null,$('files_list_thumbnail'));
},
/**
* Remove any subfolder droppables
*/
removeSubfolderDroppables: function()
{
if(!$('subfolders_list'))
return;
$('subfolders_list').select('.icon').each(function(element) {
Droppables.remove(element);
});
},
/**
* Creates a new resource within the current folder
*
* @param {string} type The type of resource to create
*/
createResource: function(type)
{
if(!this.currentFolderId || !this.currentFolderId.toString().match('^[+]?\\d*$'))
return;
var url = '/resource_browser/create_resource';
var params = {
renderMode: 'update',
channel_id: this.currentFolderId,
type_name: type
};
AS4Shell.getInstance().ajaxUpdate(url, params, null, $A([this.onCreateResourceSuccess.bind(this)]), {message: 'Creating resource...'} );
},
/**
* Makes a tree node/leaf droppable for move operations
*
* @param {Element} element The element to make droppable
* @param {integer} [destId] Destination folder id. If null, the folder id is automatically built from the current node
*/
makeNodeDroppable: function(element, destId)
{
Droppables.add(element, {
accept: 'draggable',
hoverclass: 'droppable',
onDrop: function(draggable, droppable) {
var resourceId = $(draggable).id.split('_')[1];
var folderId = (destId == null ? $(droppable).id.split('_')[1] : destId);
if(this.currentFolderId == folderId)
return;
var url = '/resource_browser/move_resource';
var params = {
resource_id: resourceId,
source_folder_id: this.currentFolderId,
dest_folder_id: folderId
};
AS4Shell.getInstance().ajaxUpdate(url, params, null, $A([this.onMoveResourceSuccess.bind(this)]), { message: 'Moving Resource...' })
$(draggable).remove();
}.bind(this)
});
},
// # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
// AJAX Callbacks
onBeginFetchResources: function(blnInvisibleUpdate)
{
var blnInvisibleUpdate = (typeof(blnInvisibleUpdate) != 'undefined') ? blnInvisibleUpdate : false;
if(!blnInvisibleUpdate)
{
// Update the resource browser list to show a loading panel
$('files_list').update('' +
'
' +
'' +
'' +
'
Loading...' + '
' +
'Loading...' + '
' +
'
...Loading Resources...' + '
');
}
},
onBeginFetchResources_thumbnail: function(blnInvisibleUpdate)
{
var blnInvisibleUpdate = (typeof(blnInvisibleUpdate) != 'undefined') ? blnInvisibleUpdate : false;
if(!blnInvisibleUpdate)
{
// Update the resource browser list to show a loading panel
$('files_list_thumbnail').update('...Loading Resources...' + '
' +
'
...Loading Resources...' + '
');
}
},
onUpdateOrderIndexSuccess: function(transport, target)
{
if(!transport.headerJSON.order || !transport.headerJSON.success)
return;
// Update the treeview to reflect the new order
if($('folderleaf_' + this.currentFolderId) && $('folderleaf_' + this.currentFolderId).down('.expander').hasClassName('open'))
this.fetchFolders(this.currentFolderId, $('folderleaf_' + this.currentFolderId));
},
onResourceWidgetAttachmentChecked: function(transport, target)
{
if(!transport.headerJSON.resource_widget_checks)
return;
msg = "The following resources have been assigned to widget in page layouts. Click ok to Delete all of the selected resources. \n";
},
onCreateResourceSuccess: function(transport, target)
{
if(!transport.headerJSON.resource_id)
return;
// Redirect the browser to edit the newly create resource
AS4Shell.getInstance().redirect('/resource_editor/edit/id/' + transport.headerJSON.resource_id);
},
onMoveResourceSuccess: function(transport, target)
{
if(!transport.headerJSON.resource_id)
return;
switch(transport.headerJSON.success)
{
case "true":
var resourceId = transport.headerJSON.resource_id;
new Effect.Fade($('resourceitem_' + resourceId));
break;
case "confirm":
this.movingResourceJSON = transport.headerJSON;
var intLightboxWidth = 400;
var intLightboxHeight = 160;
var params = {
callback: this.onCreateShowConfirmMoveResourcesLightbox.bind(this),
height: intLightboxHeight,
width: intLightboxWidth
};
AS4Shell.getInstance().showLightbox(params);
break;
}
},
confirmResourceMove: function(header)
{
this.movingResource.css("display", "none");
// Then fire of AJAX request to update server.
var url = '/resource_browser/move_resource';
var params = {
resource_id: this.movingResourceJSON.resource_id,
source_folder_id: this.movingResourceJSON.src_folder_id,
dest_folder_id: this.movingResourceJSON.dest_folder_id,
confirm: "true"
};
AS4Shell.getInstance().ajaxUpdate(url, params, null, $A([function(){}]), { message: 'Moving resource...' });
},
cancelResourceMove: function(header)
{
this.movingResource.css("display", "none");
// Then fire of AJAX request to update server.
var url = '/resource_browser/move_resource';
var params = {
resource_id: this.movingResourceJSON.resource_id,
dest_folder_id: this.movingResourceJSON.src_folder_id,
source_folder_id: this.movingResourceJSON.dest_folder_id,
confirm: "true"
};
//AS4Shell.getInstance().ajaxUpdate(url, params, null, $A([function(){}]), { message: 'Moving resource...' });
}
});
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Resource Display Modes
//
AS4ResourceBrowser.DISPLAY_MODE_BLOCK = 'block';
AS4ResourceBrowser.DISPLAY_MODE_LIST = 'list';
AS4ResourceBrowser.DISPLAY_MODE_THUMBNAIL = 'thumbnail';
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Resource Locations
AS4ResourceBrowser.ROOT_RESOURCES_PATH = 'root_resources';
AS4ResourceBrowser.MY_RESOURCES_PATH = 'my_resources';
AS4ResourceBrowser.ALL_RESOURCES_PATH = 'all_resources';
AS4ResourceBrowser.ALL_FOLDERS_PATH = 'all_folders';
AS4ResourceBrowser.HIDDEN_RESOURCES_PATH = 'hidden_resources';
AS4ResourceBrowser.UNAPPROVED_RESOURCES_PATH = 'unapproved_resources';
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Have included media library code here, as could not find a way in AS4 of loading the JS files
// defined in the view class in order so as to meet dependancy requirements...
// ... somebody please change if there is a better way!
/**
* AS4ResourceLibrary Component Controller
*/
var AS4ResourceLibraryLinkToFolder = Class.create(AS4ResourceBrowser, {
/**
* @constructor
*/
initialize: function($super)
{
$super;
this.iconDisplayMode = 'linkToFolder';
this.currentFolderId = AS4ResourceBrowser.MY_RESOURCES_PATH;
// Cached event listeners
this.cachedOnExpanderClicked = this.onExpanderClicked.bindAsEventListener(this);
this.cachedOnLeafClicked = this.onLeafClicked.bindAsEventListener(this);
// Default pagination options
this.resourcesPerPage = 10;
// Media browsers show only public, approved and unhidden resources
this.isMediaBrowser = true;
// Hide the global ajax status indicator
this.ajaxUpdateOptions = { showIndicator: false };
// Default do not filter by type
this.searchTypes = $A([]);
},
/**
* Override the fetchResources method to forward to fetchFolders if the currently selected folder is Channels
* and Folders
*
* @param {string} [path] The location to load. If numeric, the corresponding folder id will be retrieved. If null, the currently displayed path will be used.
* @param {target} [target] The node element to update with the returned content. If undefined, $('folders_tree') will be used.
*/
fetchResources: function($super, path)
{
var path = (path ? path : this.currentFolderId);
if(path == 'folders')
this.fetchFolders();
else
$super(path, $('media_library'));
},
/**
* Override the fetchFolders method to return all folders managable by the current user
*
*/
fetchFolders: function()
{
var target = $('media_library');
var url = "/resource_browser/fetch_folders";
var options = Object.extend({}, options);
this.onBeginFetchResources();
var params = {
renderMode: 'update',
path: AS4ResourceBrowser.ALL_FOLDERS_PATH,
options: $H(options).toJSON(),
icon_display_mode: this.iconDisplayMode,
is_media_browser: this.isMediaBrowser,
folderPage: this.resourcesPage,
folderLimit: this.resourcesPerPage,
terms: this.searchTerms
};
AS4Shell.getInstance().ajaxUpdate(url, params, target, $A([this.onFetchFoldersSuccess.bind(this)]), { showIndicator: false } );
},
// # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
// AJAX Callback Methods
/**
* Callback handler triggered by a resource being clicked within the library. Can be overridden
* by the page controller for custom functionality
*
* options can be
* {
* title: string Title of the selected resource
* [type]: {string} One of 'resource' or 'folder'. Default is resource.
* }
*
* @param {integer} id Id of the resource to insert
* @param {Hash} type Type of the resource, either 'resource' or 'folder'. Default is 'resource'.
*/
onResourceClicked: function(resource_id, options)
{
options = Object.extend({
title: null,
type: 'resource',
event: null
},
options || {});
},
onBeginFetchResources: function($super)
{
// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// Update spinners
$('media_library').update('...Loading Resources...' + '
' +
'
...Loading Media...' + '
');
},
onFetchResourcesSuccess: function(transport, target)
{
// Ignore exceptions
if(transport.headerJSON && transport.headerJSON.exception)
return;
},
onFetchFoldersSuccess: function(transport, target)
{
// Ignore exceptions
if(transport.headerJSON && transport.headerJSON.exception)
return;
}
});
...Loading Media...' + '