Customizing Detect Duplicate Result

Customizing Detect Duplicate Result

We have seen in the previous blog how we can detect any duplicate asset and the result contains a list of all the duplicate assets. Now if you have noticed when you click on the items in the list, it is not redirecting to the respective assets. So, if you want to know how you can achieve that follow this blog.

The duplicate detect dialog is as shown below. To summarize, here I am trying to upload def.jpg, but it’s duplicates already present in the dam so I am getting those assets list in the result. As you can see the result is non-clickable and cannot redirect to the corresponding images.





In order to achieve clickable result or if you want it to redirect you to those assets follow below steps.
  • First step is to find the script that is responsible to render this response. After debugging, I found that "/libs/dam/gui/coral/components/commons/fileupload/clientlibs/fileupload/js/fileupload.js" is responsible for rendering this dialog.
  • After finding the script, debug it to find code snippet used in this dialog.
    "_detectDuplicateAssets" function gets called if there exists any duplicate assets.
  • After finding correct function, modify corresponding element.
    If you analyse "_detectDuplicateAssets" function, below line of code appends list of assets to the response.
    duplicatedByMess += _g.XSS.getXSSValue(duplicatedBy[i]) + "<br>"; // line no 370
    So, I replaced it with below line of code.
    duplicatedByMess += "<br> <a href='/assetdetails.html"+duplicatedBy[i]+"' target='_blank'> "+duplicatedBy[i]+" </a>";
    Basically, I am adding <a> tag with href and target attribute.

Here is the final result.



When you hover over the list, you will see the redirecting links (check red box) in the bottom left of the page and when you click on the result, it redirects to "assetdetails" for corresponding page as shown below.




 

Work around for you guys:

Debug, in which scenarios "_detectDuplicateAssets" function gets called in fileupload.js.


Comments

Post a Comment

Popular posts from this blog

Duplicate Asset Detection in AEM

Image
  Enabling Duplicate Detection If you attempt to upload an asset that exists in Adobe Experience Manager (AEM) Assets, the duplicate detection feature identifies it as duplicate. Duplicate detection is disabled by default. To enable the feature, do the following steps: Open the Adobe Experience Manager Web Console Configuration page at https://[server]:[port]/system/console/configMgr. Edit the configuration for the servlet Day CQ DAM Create Asset. Select the detect duplicate option, and click/tap Save. The detect duplicate feature is now enabled in AEM Assets. When a user attempts to upload an asset that exists in AEM, the system checks for conflict and indicates it. The assets are identified using SHA-1 hash stored at jcr:content/metadata/dam:sha1, which means duplicate assets are detected irrespective of the filenames. By duplicate in this context means, exact copy of the asset. For example if you are trying to upload xyz image and the same image already exist in the dam may be w...
Read more

Customizing Asset Upload Dialog

Image
  Customizing Asset Upload Dialog We have seen in the previous blogs that how we can detect duplicate assets, but once this feature is enabled it will be applied to each and every asset you are uploading. So, if you don’t want it to be applied for some assets or you want to have control over whether or not you want to get duplicates of an asset, then you can customize asset dialog then have a control over this feature. Let’s find out how to do this. Asset Upload Dialog looks something like as shown in below screenshot. Now I want to toggle between applying duplicate asset feature or not. So, I am adding one checkbox to the above dialog when this is checked it will call duplicate asset feature, else it won’t call. In order to achieve this, follow below steps. First step is to find the script that is responsible to render this dialog. After debugging, I found that " /libs/dam/gui/coral/components/commons/fileupload/clientlibs/fileupload/js/fileupload.js "  ...
Read more