Issues with custom columns in listview for AEM 6.3 on /aem/products.html/
Accepted Solutions (1)
Answers (14)
Sure, so assets is once again a different set of components.
Take a look at this set of nodes...
/libs/dam/gui/coral/components/admin/contentrenderer/row/*
For example,
/libs/dam/gui/coral/components/admin/contentrenderer/row/asset/asset.jsp
I added the following...
<td is="coral-table-cell" value="0"></td> <!--Adding a placeholder column for video profile-->
<%
Resource propsNode = resource.getChild("jcr:content");
String lukesScore = propsNode.getValueMap().get("lukesScore", String.class);
if(lukesScore == null) lukesScore = "";
%>
<td is="coral-table-cell" value="<%= xssAPI.encodeForHTMLAttr(lukesScore)%>"><%= xssAPI.encodeForHTMLAttr(lukesScore)%></td> <!--Adding a placeholder column for LUKE score-->
<cq:include script = "reorder.jsp"/>
<cq:include script = "meta.jsp"/>
I added some values to the jcr:content node on a couple assets... you could do something different.
Hi Luke,
I took the reference from Experiencing Adobe Experience Manager - Day CQ: AEM 62 - Add Asset Count Column to List View, Show A... And developed something as below snippet:
(function ($, $document) {
"use strict";
var firstLoad = true,
COOKIE_AEM_ASSETS_LIST_VIEW_COLUMNS = "aem.assets.listview.columns",
EAEM_ASSETS_COUNT = "eaemAssetsCount",
AUTO_PUBLISH= "auto-publish",
AUTO_UNPUBLISH= "auto-unpublish",
AUTO_ARCHIVEDATE= "auto-archiveDate",
LAYOUT_LIST_VIEW = "list",
DIRECTORY = "directory",
FOUNDATION_CONTENT_LOADED = "foundation-contentloaded",
SEL_DAM_ADMIN_CHILD_PAGES = ".cq-damadmin-admin-childpages",
LIST_CELL_HTML = '<td is="coral-td" class="coral-Table-cell coral-Table-cell--left" alignment="column">' +
'<coral-td-label class="coral-Table-cellLabel">ASSET_COUNT</coral-td-label>' +
'</td>',
LISTAUTOPUBLISH_CELL_HTML = '<td is="coral-td" class="coral-Table-cell coral-Table-cell--left" alignment="column">' +
'<coral-td-label class="coral-Table-cellLabel">' + '<time datetime=""></time>AUTO_PUBLISH_STATUS' + '</coral-td-label>' +
'</td>',
LISTSTATUS_CELL_HTML = '<td is="coral-td" class="coral-Table-cell coral-Table-cell--left" alignment="column">' +
'<coral-td-label class="coral-Table-cellLabel">SECURED_STATUS</coral-td-label>' +
'</td>';
$document.on(FOUNDATION_CONTENT_LOADED, SEL_DAM_ADMIN_CHILD_PAGES, columnList);
$document.on("cui-contentloaded", function (e) {
if(!firstLoad){
return;
}
var $childPages = $(e.currentTarget).find(SEL_DAM_ADMIN_CHILD_PAGES);
if(_.isEmpty($childPages)){
return;
}
firstLoad = false;
$childPages.trigger(FOUNDATION_CONTENT_LOADED);
});
function columnList(e) {
var cookies = document.cookie.split(";"), tokens, isAssetCount = false, isAutoPublish= false, isAutoUnPublish=false, isAutoArchive=false, isRequired=false, isSecure=false ;
_.each(cookies, function(cookie){
tokens = cookie.split("=");
if(tokens[0].trim() !== COOKIE_AEM_ASSETS_LIST_VIEW_COLUMNS){
return;
}
// isAssetCount=tokens[1].trim().indexOf(EAEM_ASSETS_COUNT) > 0;
isAutoPublish=tokens[1].trim().indexOf(AUTO_PUBLISH) > 0;
isAutoUnPublish=tokens[1].trim().indexOf(AUTO_UNPUBLISH) > 0;
isAutoArchive=tokens[1].trim().indexOf(AUTO_ARCHIVEDATE) > 0;
isRequired=tokens[1].trim().indexOf(REQUIRED_FIELDS_MISSING) > 0;
isSecure=tokens[1].trim().indexOf(SECURED) > 0;
});
if(!e.currentTarget ){
return;
}
var $currentTarget = $(e.currentTarget),
foundationLayout = $currentTarget.data("foundation-layout");
if(_.isEmpty(foundationLayout)){
return;
}
var layoutId = foundationLayout.layoutId;
var path = $currentTarget.data("foundation-collection-id");
$.ajax(path + ".4.json").done(function(data){
// $(".foundation-collection-item").each(function(index, item){
var list =data;
getData(list);
// });
});
//********************** Add for columnlists **************
function getData(list){
$(".foundation-collection-item").each(function(index, item){
var dataArray = [];
var dataObj = {} ;
_.each(list, function(value, key, list){
if(_.isObject(value)){
if(value["jcr:primaryType"] == "dam:Asset") {
if(value['jcr:content']){
dataObj.offTime = value['jcr:content']["offTime"];
dataObj.onTime = value['jcr:content']['onTime'];
dataObj.archiveDate = value['jcr:content']['metadata'] && value['jcr:content']['metadata']['msft:archiveDate'];
dataArray.push(dataObj);
// console.log("array:"+dataArray[1].onTime);
}
}
}
});
if(layoutId == LAYOUT_LIST_VIEW){
if(isAutoPublish ){
if ((dataObj.onTime) != undefined){
$(item).append(LISTAUTOPUBLISH_CELL_HTML.replace("AUTO_PUBLISH_STATUS", dataObj.onTime));
}
else
$(item).append(LISTAUTOPUBLISH_CELL_HTML.replace("AUTO_PUBLISH_STATUS", "Not Published"));
}
console.log("array:"+dataObj.onTime);
if(isAutoUnPublish ){
if (dataObj.offTime != undefined){
$(item).append(LISTAUTOPUBLISH_CELL_HTML.replace("AUTO_PUBLISH_STATUS", dataObj.offTime));
}
else
$(item).append(LISTAUTOPUBLISH_CELL_HTML.replace("AUTO_PUBLISH_STATUS", "Not Published"));
}
if(isAutoArchive ){
if (dataObj.archiveDate != undefined){
$(item).append(LISTAUTOPUBLISH_CELL_HTML.replace("AUTO_PUBLISH_STATUS", dataArray[0].archiveDate));
}
else
$(item).append(LISTAUTOPUBLISH_CELL_HTML.replace("AUTO_PUBLISH_STATUS", "Not Archived"));
}
else
return;
}
});
}
}
})(jQuery, jQuery(document));
Result: result is also coming but, i am not able to print the next line result in next line , it that works, then its going to work, absolutely fine:
Thanks,
Niranjan
Hi Luke,
Can we use it for assets.html as well, I tried the approach mentioned using "pageinfoprovider" in AEM 6.3, but its not populating values against the columns. In fact not able to add <td> for newly added columns against existing row. Please suggest something regarding this.
overlayed path: /libs/dam/gui/content/commons/availablecolumns
Thanks,
Niranjan
Url : {server}/aem/products.html/etc/commerce/products/we-retail/me/gloves/meotwicls
List view where product name/sku is missing
Card View where product name/sku is present (red circle)
We intend to add more fields in list view eg created by. AEM6.1 was giving product name by default while in AEM6.3 it is not .
Note : In catalog.html we can modify/add the column in list view but not in projects.html ({server}/mnt/overlay/dam/gui/content/idsprint/catalogs.html/content/dam/catalogs )