Hi Michal.
Just to be clear - these instructions are an example of how to accomplish what you requested and come "as is" - they are not part of the CQ/AEM Product nor do they come with any warranty or inherent support - i.e. you assume all responsibility for making these changes. For officially supported requests of this nature in the future (especially if you and your company already have a support contract), I recommend you submit an AEM Daycare support request at http://helpx.adobe.com/marketing-cloud/experience-manager.html (look for the "Create a support ticket" link) or perhaps more to the point, contact Scott Date (Product Manager for SoCo) directly.
Here are the customization instructions - you will need to use the AEM CRXDe-Lite interface (e.g. http://localhost:4502/crx/de/index.jsp) as an 'admin' role to proceed.
In general, the files referred to below will have to be customized by you in steps 2-4 to conform to whatever custom properties you wish to expose in step 1.
1. Using the CRXDe-Lite interface - copy the following files and folder paths exactly how they are under /libs but the new copies will reside under /apps. This will entail first creating the folder paths (using the interface tool's "Create" -> "Create Folder" feature) and then copying the individual files themselves over to the new locations.
Copy /libs/social/core/components/communities/clientlibs/communities/source/ugccollection.js
To /apps/social/core/components/communities/clientlibs/communities/source/ugccollection.js
Copy /libs/social/core/components/communities/ugccontent/carditem/carditem.jsp
To /apps/social/core/components/communities/ugccontent/carditem/carditem.jsp
Copy /libs/social/core/components/communities/ugccontent/listitem/listitem.jsp
To /apps/social/core/components/communities/ugccontent/listitem/listitem.jsp
2. Navigate to line 53 in /apps/social/core/components/communities/clientlibs/communities/source/ugccollection.js and find the 'data' object: This must be modified to contain a new attribute called 'prop' whose value is an array of strings that are the name(s) of the custom properties you wish to request from the server for your customized comments.
E.g. - it should look something like this after your modifications:
var data = { start: this.length, limit: this.limit, dir: "desc", // NOTE: M. Chudy - Special custom node property names go into this array prop: ["fooProp","barProp"] };3. Navigate to and modify the contents within the script template starting around line 33 in /apps/social/core/components/communities/ugccontent/carditem/carditem.jsp to contain template references for whichever custom properties you included in the changes in step 2.
E.g.
<script type="text/x-handlebars-template" id="single-card-template"> {{#if this}} <article class="card-collection card-page foundation-collection-item cq-gui-admin-open quickaction" style="width:14rem;margin-left: 5px;margin-bottom: 10px;" data-path="{{this.path}}"> <!-- SNIP --> {{this.fooProp}} - {{this.barProp}} <!-- SNIP --> </article> {{/if}} </script>4. (This step only required if you wish to display custom properties in the 'list view' as well as the 'card view') Navigate to and modify the contents within the script template starting around line 51 in /apps/social/core/components/communities/ugccontent/listitem/listitem.jsp to contain template references for whichever custom properties you included in the changes in step 2.
E.g.
<script type="text/x-handlebars-template" id="single-content-list-template">
<article class="card-page card-collection foundation-collection-item cq-gui-admin-open"
data-path="{{this.path}}">
<!-- SNIP -->
{{this.fooProp}} - {{this.barProp}}
<!-- SNIP -->
</article>
</script>
That's all! Hope that works for your needs. Best of luck!
-Ryan Wilkes
